As you grow your experience with front end using React JS and get your hands on more projects, your need for open source projects will grow as well.
That’s why we will list here the top open source projects that you can use for your React projects.
1- Material UI
Material UI is one of the top open source projects and it has much popularity. Its repository on Github has around 80K stars and it can definitely help you ship new features faster with the help of the components and hooks they provide.
Whether you are looking for a simple dropdown, a nice grid system or some advanced UI, Material UI will still serve you.
2- Ant Design
Ant design is another amazing library that can help you build your UI components very fast. Each component comes with a lot of options. The difference between Ant design and Material UI is that Ant design is more lightweight and the design of the components is slightly better than Material UI.
3- Framer Motion
If you need advanced animations in your project, Framer Motion provides an easy way to build your animations with React. It can build advanced 3d canvas animations as well.
Developers can extend it very easily and on their documentation page, they have a lot of examples that will help you start directly without any effort!
4- React Beautiful Dnd
React Beautiful Dnd is one of the most powerful drag and drop libraries. The power of this library is due to the fact that it allows developers to build very advanced drag and drop experiences without much hassle. The only drawback of it is that it doesn’t support grid systems but rather than that, it is a very good library.
5- Quill Forms
Quill Forms is a WordPress survey plugin that can create forms, surveys and quizzes like Typeform. Although it is built for WordPress, it supports the React community very well. It is still a brand new project but it got a lot of hype since its first release.
If you aren’t familiar with Typeform, Typeform is an amazing SAAS project that can build nice forms and surveys with creative user experience. The only disadvantage of Typeform is that its price is high and its free version is so limited. Before Quill Forms, there was no open source project that can build forms similar To Typeform but now, we have a good open source Typeform alternative.
6- Storybook
Storybook is the best developer friendly project. It is an open source project that enables developers to build their UI components in isolation for front end technologies like React, Vue and Angular. This can improve the development speed, testability and component reuse.
7- Slate Js
Slate Js is really a powerful rich text editor that is developed by Ian Storm Taylor. There are a lot of rich text editors like: Draft.js which is developed by Facebook team and Quill js which is also a good rich text library but in terms of flexibility for developers, Slate will win. Although it doesn’t have a stable version yet, a lot of developers like it and use it in their projects.
8- Zustand
Zustand is a creative library for managing states in React. Perhaps you wonder why you would need this library although you can manage the state directly from React built-in hook “useState”. The answer is that this library can manage global state like Redux. Although it can replace the context provider that comes with React. One of the drawbacks of React context provider is that it isn’t recommended for heavy apps that depend on the performance since each change in the context props will update all of its consumers even if a consumer doesn’t depend on this prop. Zustand comes to solve this issue. It is a very tiny library and it can definitely enhance the performance of your application.
Conclusion
We covered quickly in this article the top open source projects built to support React developers. All of the projects mentioned have much popularity but Quill Forms which is mainly a Typeform WordPress plugin and it is a brand new.
