faceyspacey / redux-first-router-boilerplate

MIT License

24 stars 15 forks source link

readme

Edit Redux-First Router Demo

Simple Universal Boilerplate of Redux-First Router

redux-first-router-demo screenshot

For a demo/boilerplate that goes even farther make sure to check out the "DEMO". A lot more features and use-cases are covered there, but this boilerplate is the best place to start to learn the basics of RFR, especially if you're new to any of these things: SSR, Code Splitting, Express, APIs, Webpack and Redux in general.

Installation

git clone https://github.com/faceyspacey/redux-first-router-boilerplate
cd redux-first-router-boilerplate
yarn
yarn start

Files You Should Look At:

client code:

src/configureStore.js
src/routesMap.js - (the primary work of RFR)
src/components/Switcher.js - (universal component concept)
src/components/Sidebar.js - (look at the different ways to link + dispatch URL-aware actions)

server code:

server/index.js
server/render.js - *(super simple thanks to webpack-flush-chunks from our "Universal" product line)*
server/configureStore.js - (observe how the matched route's thunk is awaited on)