Top 23 React Open-Source Projects
freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.Project mention: Freecodecamp or OSSU to self-teach software engineering & get a job in this field? | reddit.com/r/SoftwareEngineering | 2021-10-11
Set up a modern web app by running one command.Project mention: Building a basic photo album in React | dev.to | 2021-10-19
Create React App to scaffold out the basic React boilerplate
An enterprise-class UI design language and React UI libraryProject mention: react-text-loop-next - a smaller, updated, fork of react-text-loop | reddit.com/r/reactjs | 2021-10-16
react-text-loop-next fixes all of these problems. It is 6x smaller, it was updated for React 17, and it's currently maintained! It's also used by the popular React design system, ant-design.
The React FrameworkProject mention: I built my first DApp! | dev.to | 2021-10-19
The project was building out a dapp that allows you to send messages and store them on the block chain. Under the hood, it was Solidity for the Smart contract, TypeScript, NEXT.js, Theme UI, and good old semantic markup in the frontend. Shoutout to the
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.Project mention: Winning my first Hacktoberfest! | dev.to | 2021-10-16
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!Project mention: Lessons Learned from Building a React Component Library with TypeScript | dev.to | 2021-10-19
Finally, while Storybook has been invaluable for us and I recommend it strongly, I would be remiss if I didn't mention some gotchas. Storybook uses a lot of the same libraries we all use for theming, Markdown, and other things. When there are library conflicts between your version and theirs, bad things happen. For example, we got hit with the same conflict on Emotion as this issue on GitHub. To its credit, the Storybook team releases frequently. If nothing else, make sure you use identical versions of Storybook and all its addons and that you upgrade as soon as possible when updates are available.
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Build blazing fast, modern apps and websites with ReactProject mention: Using Typescript to Auto-Generate Documentation | dev.to | 2021-10-18
The AG Grid documentation site is written in Gatsby and is a combination of Markdown and custom React components. With this setup it is convenient to access information from JSON files.If we can produce a JSON representation of our code interfaces then we will be able to extract the relevant definitions and transform it into Html via a custom component.
A collection of awesome things regarding React ecosystemProject mention: Any good book with recipes for advanced things related to CI/CD, testing, linting and other project configurations? | reddit.com/r/reactjs | 2021-10-20
I feel you'd would be better off reading the docs of the relevant tools. These days they contain great guides for in addition to the normal reference. Of course you have to know about the tools first, but stuff like awesome-react can be a great starting point.
If you are building something that is trying to be the next Facebook where there are lots of components that are working together to build an “app” like experience then a Vue / React frontend can make life way easier when it comes to keeping track of state. It can also make it easier to start building native apps but mostly if you build this in from the start via something like ionic
Apache Superset is a Data Visualization and Data Exploration PlatformProject mention: Does anyone have experience with live dashboards? | reddit.com/r/datascience | 2021-10-15
A terminal built on web technologiesProject mention: Frost glass terminal in linux? | reddit.com/r/commandline | 2021-10-15
It looks like hyper, https://hyper.is/.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅Project mention: Building a basic photo album in React | dev.to | 2021-10-19
My first thought when reading the documentation was to wonder about the use of sting literals I hadn't encountered much before. If you haven't seen a styled component component before, it looks something like this:
Awesome React Native components, news, tools, and learning material!Project mention: Any one care to share a list of the best react native libraries or any useful library that we should all know about? | reddit.com/r/reactnative | 2021-08-02
I decided to take his process and methodology and apply it in addition to Preact, React, and Solid. So let's begin.
开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/Project mention: Top 10 Developer Trends, Thu Oct 22 2020 | dev.to | 2020-10-22
NervJS / taro
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)Project mention: Learning React with Typescript and it's giving me massive headaches.. | reddit.com/r/reactjs | 2021-10-16
You might find this cheat sheet helpful: https://github.com/typescript-cheatsheets/react
Build forms in React, without the tears 😭Project mention: 3 Ways to Build React Forms with Formik Pt.3 | dev.to | 2021-10-04
In the first part of this tutorial, we took a look at how to build React forms with custom HTML elements and form state and logic provided by Formik. In the second part, we switched to Formik components and build form with them. In this final part we will make another change, a small step back.
Curated List of React Components & Libraries.Project mention: Commonly used libraries (standard "go to") for medium size application | reddit.com/r/reactjs | 2021-06-19
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.Project mention: React Boilerplate For React Native | dev.to | 2021-10-11
If you have worked with React Boilerplate before you probably know how much time it saves you when getting started with a big project. Not only at the start of a project, react boilerplate also comes in handy when you are in the middle of development. It makes writing repetitive codes easier by providing you with it's own CLI tools to generate boilerplate codes.
Easy to maintain open source documentation websites.Project mention: Working in public | dev.to | 2021-10-19
What are some of the best open-source React projects? This list will help you:
Are you hiring? Post a new remote job listing for free.