With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 Code Design Open-Source Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
TanStack Query
🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
-
react-boilerplate
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
apollo-client
:rocket: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
-
react-redux-universal-hot-example
A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform
-
formily
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
-
stitches
[Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
-
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)
-
reflux
A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Project mention: Integration of Angular, Vue.js and React with .NET: Creating a Modern Web Experience | dev.to | 2024-04-10Immerse yourself in the official Create React App documentation for a deeper understanding.
React Router (https://reactrouter.com/)
Project mention: Crafting Forms in React: Vanilla vs. React Hook Form vs. Formik | dev.to | 2024-04-12React Hook Form is one of the most popular libraries for building forms in React apps with over 39k stars on GitHub. The library has no external dependencies according to Bundle Phobia.
Project mention: Stay Ahead of the Game Must Have Front-End Boilerplates and Starter Kits for Every Developer | dev.to | 2023-09-06Clone this repo using git clone --depth=1 https://github.com/react-boilerplate/react-boilerplate.git
React Redux (https://react-redux.js.org/)
Project mention: How I Used Electron and React to Create a Sweet UI for FFMPEG | dev.to | 2023-12-15For a swift and efficient setup, I began by cloning the Electron-React Boilerplate. This boilerplate provided a pre-configured combination of Electron and React, along with Redux and Webpack, setting a solid foundation for the project. This choice allowed me to focus on building the unique features of my application, leveraging the boilerplate's stable and community-tested framework.
Hono does have a template application for Vercel, but in my case, my requirements were different (aren't they always 😅). I was working in a monorepo (using nx) because I wanted to manage my libs, tests, and examples all together in a single place, instead of having different repos.
Project mention: Things I wish I knew before moving 50K lines of code to React Server Components | news.ycombinator.com | 2023-09-01Actually, it's worse than that. Next has started throwing errors if it statically detects you even _importing_ hooks inside of a React Server Component environment:
- https://github.com/apollographql/apollo-client/issues/10974
- https://github.com/apollographql/apollo-client/issues/11167
To the point that Lenz Weber( a maintainer of Apollo Client, and my co-maintainer on Redux Toolkit), is considering resorting to a package that wraps and re-exports all of React's public API just to avoid that static analysis:
Project mention: Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes (plus major versions for all Redux family packages!) | /r/reactjs | 2023-12-05
Project mention: How To Handle Data With GraphQL Relay Client Schema Extensions | dev.to | 2024-01-16GraphQL Relay is one of the most powerful GraphQL clients that you can found on the web environment. It provides to you a lot of features that lets your development flow in a scalable way.
Project mention: Gatsby blog: Building SEO-friendly blog with BCMS code starter | dev.to | 2024-03-29The component needs the classname dependency and a search icon which I referenced to work. So install the classname package and download the search icon below.
Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08I've been very passionate about a project called react-jsonschema-form (github, editor). I personally hate writing forms, and love the idea of serializable components, schema, validation all in one. I've always wanted an alternative to this project that offered an alternative to react, and possibly the ability to render a schema form to static HTML (like ssg).
Over the past few years, I've worked with React apps utilising various CSS-in-JS libraries, starting with styled-components, transitioning through emotion, Theme UI, and finally Stitches. I've also integrated MUI, Mantine, and Chakra in numerous client projects.
There are NPM packages like react-responsive that provide custom hooks for easy usage of Media Queries:
We're using wouter with great success. It's simple and effective for what we need from a router
In its docs, Astro recommends nanostores, but I’ve used effector in the past. And LOVED IT. So I’ve used it for this project as well.
Code Design related posts
- Astro.js as an alternative to Next.js: pushing the limits
- Pitfalls of Deploying Hono Js App on Vercel
- Crafting Forms in React: Vanilla vs. React Hook Form vs. Formik
- Integration of Angular, Vue.js and React with .NET: Creating a Modern Web Experience
- Best Next.js Libraries and Tools in 2024
- 🍒 Cherry-Picked Nx v18.1 Updates
- How to setup semantic release with GitHub Actions.
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Apr 2024
Index
What are some of the best open-source Code Design projects? This list will help you:
Project | Stars | |
---|---|---|
1 | create-react-app | 101,812 |
2 | react-router | 51,857 |
3 | TanStack Query | 39,548 |
4 | react-hook-form | 39,433 |
5 | react-boilerplate | 29,350 |
6 | react-redux | 23,229 |
7 | electron-react-boilerplate | 22,617 |
8 | nx | 21,907 |
9 | apollo-client | 19,199 |
10 | reselect | 18,996 |
11 | react-relay | 18,170 |
12 | classnames | 17,349 |
13 | react-jsonschema-form | 13,611 |
14 | redux-form | 12,574 |
15 | react-redux-universal-hot-example | 12,022 |
16 | formily | 10,727 |
17 | stitches | 7,689 |
18 | react-final-form | 7,341 |
19 | react-responsive | 6,910 |
20 | wouter | 6,108 |
21 | nwb | 5,564 |
22 | reflux | 5,366 |
23 | effector-react | 4,484 |