This article takes stock of Microsoft's top ten open source front-end projects, which have received more than 450,000 stars on Github!
Visual Studio Code
Visual Studio Code is an open source code editor developed by Microsoft. It supports multiple programming languages such as C, C++, C#, Python, JavaScript and TypeScript, etc., and provides a rich plug-in ecosystem to extend functionality. VS Code has rich editing functions, including syntax highlighting, intelligent code completion, code navigation, debugging functions, etc. It also provides an integrated terminal window, Git version control tool and rich themes and extensions to meet the various needs of developers.
Github（151k ⭐️）： https://github.com/microsoft/vscode
TypeScript
TypeScript is an open source programming language developed by Microsoft that is an extension of JavaScript. It provides static type checking and more object-oriented features to improve development tools and development experience. Through type annotations and type inference functions, potential type errors can be discovered during the compilation phase, and better editing tips and auto-completion functions can be provided. TypeScript can be compiled into JavaScript and seamlessly integrated with existing code libraries, such as React, Vue.js, etc. Use TypeScript to write safer and more robust JavaScript applications.
**Github（94.2k⭐️）：**https://github.com/microsoft/TypeScript
Web-Dev-For-Beginners
Web-Dev-For-Beginners is a Web development learning project for beginners open sourced by Microsoft. It contains 24 lessons in 12 weeks and is designed to help beginners master the basic knowledge and skills of Web development and provide practical experience and sample code. .
Github（76.8k⭐️）： https://github.com/microsoft/Web-Dev-For-Beginners
Playwright
Playwright is a cross-browser automated testing tool open sourced by Microsoft. It can simulate user behavior and interaction of various browsers and can run on multiple platforms (including Windows, Linux, macOS, etc.). Compared with other similar tools, Playwright has better performance, stability and scalability, and supports multi-browser, multi-language, multi-platform and other features.
Github（55k⭐️）： https://github.com/microsoft/playwright
Monaco Editor
Monaco Editor is a code editor based on Web technology open sourced by Microsoft. It is the core editing component of Visual Studio Code and can be integrated and used in web applications. It has many advanced editing features, including syntax highlighting, auto-completion, code hints, code folding, indentation adjustment, code formatting, etc. It supports multiple programming languages and provides rich extensibility, allowing function expansion and interface customization through plug-ins and custom styles.
Github（35.6k⭐️）： https://github.com/microsoft/monaco-editor
Fluent UI
Fluent UI is Microsoft's open source design system for building modern, easy-to-use, and beautiful user interfaces. It provides a series of reusable components, styles and patterns to help developers quickly build consistent and customizable interfaces. It supports a variety of front-end frameworks and technologies, and has a rich component library and custom theme functions.
Github (16.4k⭐️): https://github.com/microsoft/fluentui
FAST
FAST is a collection of technologies built on Web Components and modern Web standards to effectively solve some of the most common challenges in website and application design and development. One of FAST's core principles is to "adopt an open, Web standards-based approach whenever possible." To this end, FAST builds directly on the W3C Web Components standard mentioned above and does not create its own component model. This allows components built with FAST to work as well as built-in native HTML elements. You can use FAST components without a framework, but you can use them with any framework or library.
Github（8.6k⭐️）： https://github.com/microsoft/fast
TypeChat
TypeChat is an open source project developed by Microsoft to provide developers with a solution for defining the response structure returned by large language models. It can help developers quickly build chat interfaces or customized AI Agents by defining Prompt and Schema to convert natural language requests into specific types of JSON objects.
Github（6.6k⭐️）： https://github.com/microsoft/TypeChat
Rush Stack
Rush Stack is:
-
Mission : Provide reusable technology for large-scale monorepo repositories for web projects
-
Open collaboration : Bringing together community collaborators, you no longer have to work alone when facing demanding tools.
-
Specific strategy : Integrate a series of popular tools such as Node.js, TypeScript, ESLint, Prettier, Webpack, Jest, etc. to finally form a solution
-
A series of projects : the same origin, close cooperation between projects
Github（5.2k⭐️）： https://github.com/microsoft/rushstack
Rooster
Rooster is a framework-independent JavaScript rich text editor neatly nested within an HTML <div>element. Editing operations performed by the end user are processed in a simple manner to generate the final HTML.
Github（765⭐️）： https://github.com/microsoft/roosterjs
