JavaScript Code Design

Open-source JavaScript projects categorized as Code Design | Edit details

Top 23 JavaScript Code Design Projects

  • GitHub repo create-react-app

    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.

  • GitHub repo react-router

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

  • GitHub repo react-boilerplate

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

  • GitHub repo reselect

    Selector library for Redux

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

    Reselect

  • GitHub repo react-relay

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

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

    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.

  • GitHub repo classnames

    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

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo redux-form

    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.

  • GitHub repo react-redux-universal-hot-example

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

  • GitHub repo react-jsonschema-form

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

  • GitHub repo react-final-form

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

  • GitHub repo reflux

    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.

  • GitHub repo 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)

  • GitHub repo react-hot-boilerplate

    Minimal live-editing example for React

  • GitHub repo react-server

    :rocket: Blazing fast page load and seamless navigation.

  • GitHub repo wouter

    🥢 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

  • GitHub repo alt

    Isomorphic flux implementation

  • GitHub repo react-refetch

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

  • GitHub repo generator-react-webpack

    Yeoman generator for ReactJS and Webpack

  • GitHub repo react-templates

    Light weight templates for react

  • GitHub repo formsy-react

    A form input builder and validator for React JS

  • GitHub repo redux-router

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

  • GitHub repo redux-auth-patch

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

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-10-14.

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 90,771
2 react-router 44,212
3 react-boilerplate 27,952
4 reselect 18,240
5 react-relay 16,001
6 recompose 14,789
7 classnames 14,581
8 redux-form 12,585
9 react-redux-universal-hot-example 12,069
10 react-jsonschema-form 10,640
11 react-final-form 6,706
12 reflux 5,412
13 nwb 5,408
14 react-hot-boilerplate 3,953
15 react-server 3,937
16 wouter 3,500
17 alt 3,466
18 react-refetch 3,411
19 generator-react-webpack 2,891
20 react-templates 2,796
21 formsy-react 2,601
22 redux-router 2,318
23 redux-auth-patch 2,154
Find remote jobs at our new job board 99remotejobs.com. There are 34 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
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