react-engine - a composite render engine for universal (isomorphic) express apps to render both plain react views and react-router views

•    Javascript

---

Pass in a JavaScript object as options to the react-engine's server engine create method. The options object should contain the mandatory routes property with the route definition.routesFilePath: <String> - path for the file that contains the react router routes. react-engine uses this behind the scenes to reload the routes file in cases where express's app property view cache is false, this way you don't need to restart the server every time a change is made in the view files or routes file.

react render render-engine react-router view-engine express jsx

Caption - Caption — Find the right subtitles. Easy.

•    Javascript

---

Caption — Find the right subtitles. Easy.

caption subtitle app electron electron-app subtitles react react-router webpack react-hot download docker user-interface management docker-ui

js-stack-from-scratch - 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.

•    Javascript

---

Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch. This is a straight-to-the-point guide to assembling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch. Since the goal of this tutorial is to assemble various tools, I do not go into details about how these tools work individually. Refer to their documentation or find other tutorials if you want to acquire deeper knowledge in them.

tutorial stack react redux webpack flow yarn eslint sinon immutablejs jest react-router bootstrap socket-io heroku jss pm2 nodemon server-side-rendering

budgeting-sample-app-webpack2 - Budgeting - React + Redux + Webpack 2 (tree shaking) Sample App

•    Javascript

---

Production-ready React + Webpack architecture implemented on consumer web apps of some of the most successful enterprises in the world. Perceived performance and development experience are key factors in this setup. You can use this code base for learning or to scaffold your mission-critical project. See live demo.

react redux webpack tree-shaking webpack2 budgeting babel sass eslint prettier service-worker prpl react-router

serverless-stack-com - Source for Serverless-Stack.com

•    CSS

---

Serverless Stack is an open source guide for building and deploying full-stack apps using Serverless and React on AWS. We are going to create a note taking app from scratch using React.js, AWS Lambda, API Gateway, DynamoDB, and Cognito.

tutorial react serverless-framework aws react-router react-bootstrap create-react-app

rekit - IDE and toolkit for building scalable web applications with React, Redux and React-router

•    Javascript

---

Rekit is a toolkit for building scalable web applications with React, Redux and React-router. It's an all-in-one solution for creating modern React apps. It helps you focus on business logic rather than dealing with massive libraries, patterns, configurations etc.

rekit react redux react-router

react-overdrive - Super easy magic-move transitions for React apps

•    Javascript

---

Super easy magic-move transitions for React apps. Wrap any element (not just images) in a <Overdrive id=""></Overdrive> component. Add the same id to create a transition between the elements.

react magic-move transitions animations router overdrive reactjs react-router nextjs

isomorphic-flux-boilerplate - ES7 Isomorphic Flux/ReactJS Boilerplate

•    Javascript

---

A wonderfull boilerplate for Flux/ReactJS universal applications, running on koajs. Koa will be our server for the server side rendering, we use alt for our Flux architecture and react-router for routing in our app.

react flux alt iso isomorphic spa ssr koa webpack jsx es6 babel postcss precss eslint react-router react-transform-hmr react-transform hot-loader async server generator es7 i18n intl

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

•    Javascript

---

Redux bindings for React Router. React Router is a fantastic routing library, but one downside is that it abstracts away a very crucial piece of application state — the current route! This abstraction is super useful for route matching and rendering, but the API for interacting with the router to 1) trigger transitions and 2) react to state changes within the component lifecycle leaves something to be desired.

redux react-router react router

landscape - Static Cloud Native Landscapes and Interactive Landscape that filters and sorts hundreds of cloud native projects and products, and shows details including GitHub stars, funding or market cap, first and last commits, contributor counts, headquarters location, and recent tweets

•    Javascript

---

The CNCF Cloud Native Landscape Project is intended as a map through the previously uncharted terrain of cloud native technologies. This attempts to categorize most of the projects and product offerings in the cloud native space. There are many routes to deploying a cloud native application, with CNCF Projects representing a particularly well-traveled path. It has been built in collaboration with Redpoint Ventures and Amplify Partners. The Cloud Native Trail Map provides an overview for enterprises starting their cloud native journey.

cloud-native landscape cncf react reactjs react-router hot reload hmr live edit webpack redux flux boilerplate starter

arc - React starter kit based on Atomic Design

•    Javascript

---

ARc (Atomic React) is a React starter kit based on the Atomic Design methodology. It's progressive, which means that you can start with the basic boilerplate and try the other features when you are comfortable. If you find this useful, please don't forget to star ⭐️ the repo, as this will help to promote the project. Follow me on Twitter and GitHub to keep updated about this project and others.

react redux storybook boilerplate universal react-router redux-saga jest atomic-design styled-components isomorphic css-in-js starter-kit

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

Chat-Buy-React - Client for beginners to learn, built with React / Redux / Node

•    Javascript

---

Client for beginners to learn, built with React / Redux / Node

react redux react-router express socket-io immutablejs

router

•    Javascript

---

You can also find the docs in the website directory.

react react-router

loadable-components - React code splitting made easy ✂️✨

•    Javascript

---

React code splitting made easy. Reduce your bundle size without stress ✂️✨. Webpack allows modern code splitting via the dynamic import syntax. Loadable Components makes it possible to use that awesome feature with React. It is compatible with react-router and server side rendering. The API is designed to be as simple as possible to avoid useless complexity and boilerplate.

react ssr webpack code-splitting react-router server-side-rendering dynamic-import react-loadable react-async-component react-async-components

react-demo - React 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释，让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter，可能是东半球最佳的 React Starter，基于 Vue Cli 二次开发

•    Javascript

---

React 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释，让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter，可能是东半球最佳的 React Starter，基于 Vue Cli 二次开发

react redux react-router

react-slingshot - React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in

•    Javascript

---

A comprehensive starter kit for rapid application development using React. First time running the starter kit? Then complete the Initial Machine Setup.

react redux boilerplate starter-kit reactjs react-router hot reload hmr live edit webpack flux starter

jumpsuit - v3 is coming soon.

•    Javascript

---

Jump in. Zip up. Build great apps.

react framework jumpsuit redux jumpstate hsr react-router spa front-end

react-router-bootstrap - Integration between React Router and React-Bootstrap

•    Javascript

---

Integration between React Router v4 and React Bootstrap. Please note that by default React Router will match any location that contains path specified in to prop. To make <LinkContainer> to match the location exactly, set exact prop to true or use <IndexLinkContainer> instead.

react react-router react-bootstrap

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