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.
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.
: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.
Selector library for ReduxProject mention: React Boilerplate For React Native | dev.to | 2021-10-11
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.
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.
Run Linux Software Faster and Safer than Linux with Unikernels.
A Higher Order Component using react-redux to keep form state in a Redux storeProject 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.
A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform
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).
🏁 High performance subscription-based form state management for ReactProject 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.
A simple library for uni-directional dataflow application architecture with React extensions inspired by FluxProject 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.
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)
Minimal live-editing example for React
:rocket: Blazing fast page load and seamless navigation.
🥢 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
Isomorphic flux implementation
A simple, declarative, and composable way to fetch data for React components
Yeoman generator for ReactJS and Webpack
Light weight templates for react
A form input builder and validator for React JS
Redux bindings for React Router – keep your router state inside your Redux store
Complete token authentication system for react + redux that supports isomorphic rendering.
Are you hiring? Post a new remote job listing for free.