react-form

•    Javascript

---

React Form is a lightweight framework and utility for building powerful forms in React applications.

react forms reactjs redux react-redux redux-form form react-form async async-form asynchronous-form asynchronous

redux-connect - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React

•    Javascript

---

How do you usually request data and store it to redux state? You create actions that do async jobs to load data, create reducer to save this data to redux state, then connect data to your component or container. Usually it's very similar routine tasks.

react redux-connect server-side-rendering immutablejs react-redux isomorphic universal-react node nodejs redux connect async props

react-native-redux-groceries - A simple grocery list app with offline support, built with React Native, Redux, Firebase

•    Javascript

---

A simple grocery list app using React Native, Redux, Firebase, and Async Storage for offline data. It works on both iOS and Android. Update config.js with your Firebase app credentials.

react-native redux firebase

react-redux-firebase - Redux bindings for Firebase

•    Javascript

---

Redux bindings for Firebase. Includes Higher Order Component (HOC) for use with React. The Material Example is deployed to demo.react-redux-firebase.com.

redux firebase react redux-observable redux-thunk react-bindings redux-firebase redux-bindings react-redux babel hoc redux-react-firebase

react-redux-boilerplate - A minimal React-Redux boilerplate with all the best practices

•    Javascript

---

Please note that this boilerplate is production-ready and not meant for beginners! If you're just starting out with react or redux, please refer to https://github.com/petehunt/react-howto instead. If you want a solid, battle-tested base to build your next product upon and have some experience with react, this is the perfect start for you. So it involves a lot of additional learning curve to get started with react-boilerplate. That's why I forked it, stripped it down and made this leaner, beginner friendly boilerplate without all the additional complexity.

react reactjs redux react-redux react-redux-boilerplate react-boilerplate redux-saga jest

redux-pack - Sensible promise handling and middleware for redux

•    Javascript

---

redux-pack is a library that introduces promise-based middleware that allows async actions based on the lifecycle of a promise to be declarative. Async actions in redux are often done using redux-thunk or other middlewares. The problem with this approach is that it makes it too easy to use dispatch sequentially, and dispatch multiple "actions" as the result of the same interaction/event, where they probably should have just been a single action dispatch.

redux middleware promise async normalize normalizr react

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

•    Javascript

---

redux-form works with React Redux to enable an html form in React to use Redux to store all of its state. You can play around with redux-form in these sandbox versions of the Examples.

redux redux-form react form forms form-validation validation reactjs flux react-redux decorator

create-react-app-redux - React Router, Redux, Redux Thunk & Create React App boilerplate

•    Javascript

---

This boilerplate is built using create-react-app so you will want to read the User Guide for more goodies.

redux react create-react-app redux-thunk react-router es6 es2015 react16 react-redux react-router-v4 boilerplate

react-redux-form - Create forms easily in React with Redux.

•    Javascript

---

React Redux Form is a collection of reducer creators and action creators that make implementing even the most complex and custom forms with React and Redux simple and performant. That's all you need. Seriously. Read the Documentation for more information.

redux react form forms redux-form react-redux-form reactjs

todo-react-redux - Todo app with Create-React-App • React-Redux • Firebase • OAuth

•    Javascript

---

A simple Todo app example with undelete capability — built with Create React App, React Redux, and Firebase. Try the demo at https://todo-react-redux.firebaseapp.com.

firebase create-react-app react-redux react-router react-router-redux

redux-firestore - Redux bindings for Firestore

•    Javascript

---

This assumes you are using npm as your package manager. It is common to make react components "functional" meaning that the component is just a function instead of being a class which extends React.Component. This can be useful, but can limit usage of lifecycle hooks and other features of Component Classes. recompose helps solve this by providing Higher Order Component functions such as withContext, lifecycle, and withHandlers.

firestore redux redux-middleware redux-enhancer firebase react react-redux react-redux-firebase redux-firebase react-firebase

redux-react-router-async-example - A showcase of the Redux architecture with React Router

•    Javascript

---

This is a boilerplate example showcasing mostly Redux and React Router and it aims to provide different examples or use cases with the two libraries. Check out the migration to babel 6.

native-starter-kit - React Native Starter App with NativeBase + CodePush + Redux

•    Javascript

---

Note: Shifted to React Navigation from React Native Router Flux in the master branch. React Navigation has become standard for navigation solution in React Native. We are just keeping up with the current trend. No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.

nativebase codepush redux react react-native android ios native native-base native-modules react-component navbar packager rnpm es6 react-native-code-push react-native-boilerplate react-native-with-redux react-native-with-redux-boilerplate native-base-boilerplate react-native-with-native-base

react-redux-links - Curated tutorial and resource links I've collected on React, Redux, ES6, and more

•    

---

Curated tutorial and resource links I've collected on React, Redux, ES6, and more, meant to be a collection of high-quality articles and resources for someone who wants to learn about the React-Redux ecosystem, as well as a source for quality information on advanced topics and techniques. Not quite "awesome", but hopefully useful as a starting point I can give to others. Suggestions welcome. Another important resource is the Reactiflux community on Discord, which has chat channels dedicated to discussion of React, Redux, and other related technologies. There's always a number of people hanging out and answering questions, and it's a great place to ask questions and learn. The invite link is at https://www.reactiflux.com.

react redux webpack es6

favesound-redux - 🎶 A SoundCloud Client in React + Redux running in production

•    Javascript

---

🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.

soundcloud soundcloud-api soundcloud-client player playlist redux react demo duration normalizr react-router redux-thunk react-router-v4

redux-webpack-es6-boilerplate - A starter project for modern React apps with Redux

•    Javascript

---

Note: If you still want to use a previous version, please checkout old-original-structure branch. A boilerplate using the power and simplicity of React, Redux, Webpack 2 + HMR, and ES6 + JSX via Babel. Includes Webpack's Tree Shaking configuration. It's suitable for scalable applications and organized using the custom variation of the Ducks pattern — approach when each module's entry file (feature-name.js) contains all of its related constants, actions/action creators, selectors and its reducer.

react boilerplate react-boilerplate redux redux-boilerplate webpack2 react-router flow tdd-workflow tdd sentry static-types css-modules sass redux-devtools starter-kit starter-template starter-react es6 hmr hot babel webpack architecture webpack-dev-middleware webpack-hot-middleware starter

soundcloud-redux - SoundCloud API client with React • Redux • Redux-Saga

•    Javascript

---

A basic SoundCloud API client built with React, Redux, and Redux Saga. Try the live demo.

react react-redux react-router redux-saga soundcloud soundcloud-api webpack

redux-test-recorder - a redux middleware to automatically generate tests for reducers through ui interaction

•    Javascript

---

Redux test recorder is a redux middleware for automatically generating tests for your reducers based on the actions in your app. Currently I've written redux-test-recorder-react a component to provide a gui for recording tests in react but I'm hopeful recording components for other frameworks can be created in the future. Also take a look at our latest build which currently runs a test generated using this module by taking advantage of the eval command. For a better idea of what is going on, you can take a look at the test file here.

react redux tests tape reducer reactjs component react-component record react-redux

saga-login-flow - A login/register flow built with React + Redux Saga

•    Javascript

---

This application demonstrates what a React-based register/login workflow might look like with Redux Saga. It's based on Max Stoiber's login-flow, but uses Redux Saga instead of Redux Thunk to handle asynchronous actions.

universal-redux - An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering

•    Javascript

---

Universal Redux is an npm package that when used as a dependency in your project provides a universal (isomorphic) rendering server. You can either use its defaults and begin coding your project, or configure it to your liking with custom Webpack options and Express or Redux middleware. It's intended as both an easy starting point for developers new to React and Redux, as well as an extensible base by which advanced developers can augment with their own middleware and keep up to date with the fast-moving React ecosystem. The quickest way to get started is to clone the starter project. This gives you a base project that is set up with default configurations of Webpack and Express.

react isomorphic universal webpack express hot-reloading react-hot-reloader redux renderer boilerplate babel npm