Top 23 JavaScript Code Design Projects

• create-react-app

  191 90,771 7.9 JavaScript

  Set up a modern web app by running one command.

  

  Project mention: Sending SMS Messages with AWS Amplify and NextJS | dev.to | 2021-10-14

  The default configuration assumes a project created with create-react-app, but this project is scaffolded with create-next-app.

• react-router

  29 44,212 7.0 JavaScript

  Declarative routing for React

  

  Project mention: A conventional router for React | reddit.com/r/javascript | 2021-10-05

  I made it because I didn't like the more popular router package, react-router. I think it couples page composition, rendering, and navigation too tightly; they are different concerns that should be separated. Take a look at my package react-subpage if you need a router and see if it makes more sense to you.

• Syncfusion

  syncfusion.com

  sponsored

  Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.. Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

  

• react-boilerplate

  9 27,952 0.0 JavaScript

  :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.

• reselect

  8 18,240 3.4 JavaScript

  Selector library for Redux

  

  Project mention: React Boilerplate For React Native | dev.to | 2021-10-11

  Reselect

• react-relay

  13 16,001 9.9 JavaScript

  Relay is a JavaScript framework for building data-driven React applications.

  

  Project mention: Relay 12 released | reddit.com/r/graphql | 2021-09-19

• recompose

  4 14,789 0.0 JavaScript

  A React utility belt for function components and higher-order components.

  Project mention: Avoid high-order components hell in React | dev.to | 2021-10-08

  And in the end, you will need to compose your app with all that HOCs. For that, I like to use the Recompose library. It has other powerful uses, but for now we will use only the compose.

• classnames

  27 14,581 6.8 JavaScript

  A simple javascript utility for conditionally joining classNames together

  Project mention: Type-safe development with Vite x React x CSS Modules x TypeScript | dev.to | 2021-10-14

  When developing with React and CSS Modules, you may find that the styling part is not type-safe.Introducing a more mold-safe styling method. With vite-plugin-sass-dts, which automatically creates a d.ts file from the* .module.scss file. Introducing how to use classnames-generics, which allows you to use classnames more type-safely. increase.

• Nanos

  github.com/nanovms

  sponsored

  Run Linux Software Faster and Safer than Linux with Unikernels.

  

• redux-form

  1 12,585 1.3 JavaScript

  A Higher Order Component using react-redux to keep form state in a Redux store

  

  Project mention: Form validation in React using the useReducer Hook | dev.to | 2021-04-26

  There are a lot of libraries out there for validating forms in react. Redux-Form, Formik, react-final-form are few among them.

• react-redux-universal-hot-example

  0 12,069 0.0 JavaScript

  A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform

• react-jsonschema-form

  8 10,640 8.6 JavaScript

  A React component for building Web forms from JSON Schema.

  

  Project mention: Is there an automatic form generator for ReactJS ? | reddit.com/r/reactjs | 2021-08-18

  react-jsonschema-form also utilizes JSON Schema format but is not strictly bound to Bootstrap as jsonform looks to be(if I got it right).

• react-final-form

  10 6,706 5.4 JavaScript

  🏁 High performance subscription-based form state management for React

  

  Project mention: How do I correctly prepopulate FormData values in a specified form? | reddit.com/r/reactjs | 2021-09-25

  That being said, if you want to run through all of this to learn I think that's great, but there's plenty of really robust form solutions out there for React nowadays, like the aforementioned Formik, react-hook-form, and react-final-form just to name a few. Any of these will have the features you want/need to get a production-ready form out the door.

• reflux

  1 5,412 0.0 JavaScript

  A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux

  

  Project mention: Slow and Steady: Converting Sentry’s Entire Frontend to TypeScript | dev.to | 2021-04-13

  One downside to relying on the type definitions in DefinitelyTyped is that occasionally the library types are not written by the maintainers. Instead, community users contribute types, and because of that some types are missing or incorrectly defined. We encountered this with the versions of ECharts and Reflux we were using. Our solution here was to add additional type definitions in our code.

• nwb

  0 5,408 1.5 JavaScript

  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-hot-boilerplate

  0 3,953 0.0 JavaScript

  Minimal live-editing example for React

• react-server

  0 3,937 0.1 JavaScript

  :rocket: Blazing fast page load and seamless navigation.

  

• wouter

  1 3,500 7.4 JavaScript

  🥢 A minimalist-friendly ~1.5KB 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-18

  wouter — a minimalist-friendly 1.3KB routing solution for React and Preact

• alt

  0 3,466 0.0 JavaScript

  Isomorphic flux implementation

• react-refetch

  0 3,411 0.7 JavaScript

  A simple, declarative, and composable way to fetch data for React components

  

• generator-react-webpack

  0 2,891 0.0 JavaScript

  Yeoman generator for ReactJS and Webpack

  

• react-templates

  0 2,796 0.0 JavaScript

  Light weight templates for react

  

• formsy-react

  0 2,601 0.0 JavaScript

  A form input builder and validator for React JS

• redux-router

  0 2,318 0.0 JavaScript

  Redux bindings for React Router – keep your router state inside your Redux store

• redux-auth-patch

  0 2,154 0.0 JavaScript

  Complete token authentication system for react + redux that supports isomorphic rendering.

Index

Sponsored

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.

scoutapm.com