Top 23 React Open-Source Projects
Set up a modern web app by running one command.Project mention: The Best File Structure for Your React Components | reddit.com/r/react | 2021-03-01
I can continue throw arguments and waste your time figuring out counter arguments which is not productive for the community, so let's kill the source of it :) - jsx is non standard file extension - by adding JSX to a js file will force you to change the extension which becomes a new file in git - should I have .jssc files for separate styled-components files? - tsx specifically is required because of a technical limitation and not because it's better - about the community standards https://github.com/facebook/create-react-app/releases/tag/v0.4.1 I prefer to listen to him than Airbnb opinions - claiming that React is not like Angular and this means it shouldn't have standards is funny - using React with classes or hooks, OOP or functional programing is not standard like choosing file extensions
Get performance insights in less than 4 minutes. 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.
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.Project mention: Material design on typescript without angular | reddit.com/r/MaterialDesign | 2021-03-01
I use https://material-ui.com/ It has loads of components and really good support for styles and themes!
The React FrameworkProject mention: Why Use JAMstack for eCommerce in 2021? | dev.to | 2021-03-02
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!Project mention: Breaking down a very large re-design project. What's your process? | reddit.com/r/UI_Design | 2021-03-02
Since you've already done the work to create a design system, I would encourage the client to allocate engineering resources towards implementing your design system in a generalized way as a component library, even going so far as to create some component documentation like storybook. This way, the redesign of each flow will be quick, painless, and without need for pixel perfect designs. This should make some redesigns so obvious they won't need your intervention. Others might only need wireframes, and only a few should require a full design. It will also enforce good design with code, even after you move on, by making it hard to break rules and easy for lazy engineers to use good design rather than building their own creations.
Build blazing fast, modern apps and websites with ReactProject mention: Why Is Kubernetes So Hard? | dev.to | 2021-03-02
Him: “kind: Deployment” You: “Oh, I see. Yes, I like it.” Him: “apiVersion: apps/v1beta1.” You: “Uh, okay. Isn’t v1beta1 out of date? You can use v1 as of k8s 1.9. It’s actually removed in 1.16, but I wonder how many people have never updated.” Him: “Start over.” You: “Wat.” Him: “kind: Deployment” You: “Stop with the Kinds everywhere!” Him: “apiVersion: apps/v1” You: “This again.” Him: “spec:” You: “Huh??” Him: “selector:” You: “No.” Him: “matchLabels:” You: “Wat.” Him: “app: nginx” You: “That’s nearly the first thing I’ve understood about this so far.” Him: “spec:” You: “Again?” Him: “containers:” You: “Okay, now we’re getting somewhere.” Him: “image: nginx:1.14.2” You: “Hmm.” Him: “ports:” You: “Aiiiiieeee.” Him: “containerPort: 80” You: “I’m going home. I quit. There must be a devops job I can get where I work on [Gatsby blogs](https://www.gatsbyjs.com/ "Gatsby nodejs frontend") all day.”
Also in the "native" world, there is Ionic. This one uses Webviews.
A collection of awesome things regarding React ecosystemProject mention: Ruby on rails 2021 | reddit.com/r/rails | 2021-01-14
I’m sorry, I’m not super familiar w the react community. Here’s a link I found to a few projects: https://github.com/enaqx/awesome-react#real-react-apps
33 JS concepts
Apache Superset is a Data Visualization and Data Exploration PlatformProject mention: How To Build a Slack Activity Dashboard With Open Source | dev.to | 2021-03-02
This article will show how to use Airbyte - open-source data integration platform - and Apache Superset - open-source data exploration platform - in order to build a Slack activity dashboard showing:
A terminal built on web technologiesProject mention: What Terminal Emulator is this? | reddit.com/r/commandline | 2021-02-23
Looks like it may be Hyper. The shell is probably ZSH or Fish - I know there are plugins for both shells to give that kind of autocomplete.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅Project mention: Voltar a estudar programação e dinheiro | reddit.com/r/brdev | 2021-03-02
Awesome React Native components, news, tools, and learning material!Project mention: 25+ awesome-repo for Frontend Developers | dev.to | 2020-12-17
awesome-react-native - Awesome React Native components, news, tools, and learning material!
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
开放式跨端跨框架解决方案，支持使用 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
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
Build forms in React, without the tears 😭Project mention: How to create dynamic forms in react using react-hook-forms. | dev.to | 2021-02-28
There are many Libraries to create Dynamic Forms in react like react-jsonchema-form, Formik, react-form, react final-form most of these the libraries are used immensely, but I would suggest you to use react-hook-forms because of some reasons given below.
Curated List of React Components & Libraries.Project mention: 🚀10 Trending projects on GitHub for web developers - 26th February 2021 | dev.to | 2021-02-26
View on GitHub
:green_book: SheetJS Community Edition -- Spreadsheet Data ToolkitProject mention: How can I map data from an excel sheet through react? | reddit.com/r/reactjs | 2021-02-19
:love_letter: An extensible desktop mail app built on the modern web. Forks welcome!
Simple, scalable state management.Project mention: Most popular Flutter libraries for state management in 2021 | dev.to | 2021-02-11
Beautiful and accessible drag and drop for lists with ReactProject mention: React Beautiful DND a drag and drag library for react, free quick course on egghead | reddit.com/r/react | 2021-03-01
React-Beautiful-DND - https://github.com/atlassian/react-beautiful-dnd does amazing job simplifying it and keep focusing on your project rather then fighting with the drag and drop functionality! Instead struggling for days it took me just few hours to implement drag and drop using it - I say it from experience.
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)Project mention: Mastering Typescript for React Hooks | reddit.com/r/reactjs | 2021-03-02
See this comment for a more detailed explanation and this thread for a discussion about why the cheatsheet was wrong.
What are some of the best open-source React projects? This list will help you: