Top 23 JavaScript Code Design Projects
-
create-react-app
Set up a modern web app by running one command.
Project mention: Relative imports don't seem to work with create-react-app | reddit.com/r/reactjs | 2021-02-24https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/config/webpack.config.js#L352
-
react-router
Declarative routing for React
react-router - declarative routing for React
-
Scout
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.
-
react-boilerplate
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
-
react-redux
Official React bindings for Redux
For this tutorial, I am using react-redux. In the redux actions.js file, I have created two functions, one for adding the data (named as addData), and another for getting the progress of the task (named as getProgress). The addData function will only useful for adding the data to the server.
-
reselect
Selector library for Redux
Project mention: Reselect v5 Roadmap Discussion: Goals and API Design | reddit.com/r/reactjs | 2021-02-16 -
electron-react-boilerplate
A Foundation for Scalable Cross-Platform Apps
-
react-relay
Relay is a JavaScript framework for building data-driven React applications.
Apollo and Relay are the two most popular fullstack GraphQL solutions, but you can also build your own solutions. Regardless of what you use, you'll use this to implement your server endpoint and connect to it with your client. All GraphQL requests go through a single endpoint, so once this is up and running, you can connect to it and begin porting functionality.
-
recompose
A React utility belt for function components and higher-order components.
-
classnames
A simple javascript utility for conditionally joining classNames together
-
redux-form
A Higher Order Component using react-redux to keep form state in a Redux store
-
react-redux-universal-hot-example
A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform
-
react-jsonschema-form
A React component for building Web forms from JSON Schema.
Project mention: Looking for some feedback for this UI Configuration tool I'm building | reddit.com/r/AskProgramming | 2021-01-24https://react-jsonschema-form.readthedocs.io/en/latest/ https://github.com/rjsf-team/react-jsonschema-form
-
react-final-form
🏁 High performance subscription-based form state management for React
Project mention: Street Address Form Validation with ReactJS and HERE Geocoder Autocomplete | dev.to | 2021-02-23There are many other ways to do client-side address validation which haven’t been covered here but hope that seeing how to use a Geocoder as a component can be valuable for better user experience. If you use other libraries like Formik, react-final-form or informed and have other ideas about how to do address validation with React let me know in the comments.
-
reflux
A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux
-
nwb
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
-
react-responsive
CSS media queries in react - for responsive design, and more.
-
react-hot-boilerplate
Minimal live-editing example for React
-
react-server
:rocket: Blazing fast page load and seamless navigation.
-
alt
Isomorphic flux implementation
-
react-refetch
A simple, declarative, and composable way to fetch data for React components
-
generator-react-webpack
Yeoman generator for ReactJS and Webpack
-
wouter
🥢 A minimalist-friendly ~1.3KB routing for React and Preact. Nothing else but HOOKS.
Project mention: The tiniest CSS-in-JS solution for your open-source React components | dev.to | 2021-02-18wouter — a minimalist-friendly 1.3KB routing solution for React and Preact
-
react-templates
Light weight templates for react
Project mention: Where to find free and good reactjs templates? | reddit.com/r/learnreactjs | 2021-01-27
Index
What are some of the best open-source Code Design projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | create-react-app | 86,080 |
2 | react-router | 42,671 |
3 | react-boilerplate | 27,034 |
4 | react-redux | 20,639 |
5 | reselect | 17,657 |
6 | electron-react-boilerplate | 16,986 |
7 | react-relay | 15,381 |
8 | recompose | 14,688 |
9 | classnames | 13,593 |
10 | redux-form | 12,496 |
11 | react-redux-universal-hot-example | 12,039 |
12 | react-jsonschema-form | 9,653 |
13 | react-final-form | 6,333 |
14 | reflux | 5,419 |
15 | nwb | 5,268 |
16 | react-responsive | 5,208 |
17 | react-hot-boilerplate | 3,960 |
18 | react-server | 3,933 |
19 | alt | 3,466 |
20 | react-refetch | 3,389 |
21 | generator-react-webpack | 2,888 |
22 | wouter | 2,885 |
23 | react-templates | 2,778 |