A starter kyt with React, Redux, SSR and data fetching.
=============================
This package is no longer being maintained. We now internally use create-react-app coupled with react-app-rewired. We find that combination suitable for most of our internal and client projects.
If you absolutely need server-side rendering, depending on your needs we suggest looking at Next.js or Gatsby.js.
=============================
This starter-kyt should serve as the base for an advanced, server and client-rendered React Redux app. It is based on NYT's Universal React starter-kyt but with the addition of some tools we found useful, most importantly the addition of Redux, Redux-Thunks, Storybook and Async data loading on the server.
It is assumed you know what kyt is and why you should use it.
Generally speaking we feel it's a better idea to install packages locally than globally. That's why our setup instructions differ a little bit from the kyt general installation instructions. If you find any bug try to see if installing the official way helps and please let us know by submitting an issue.
npm init
Use your own settings or press enter until it's donenpm install kyt-cli -D
node_modules/.bin/kyt-cli setup -r https://github.com/cleverfranke/cf-kyt-starter-universal-redux.git
After installation these commands are useful to learn
npm run dev
npm run storybook
npm run build-storybook
npm build && npm start
We've added Dockerfiles and Docker Compose files for easier deployments.
You can run the application in a Docker container in development mode. This container supports hot reloading, redux devtools, file syncing, pretty much anything you want and have when you run Docker in development mode locally as well.
docker-compose up
Eventually you'll want to run your app in production mode on some server. In a nutshell, deployment looks like this:
Make sure to edit deploy.sh to target your own Docker Repository.
If you want to run production locally you can use the following command:
docker-compose -f docker-compose-production.yml up
The following are some of the tools included in this starter-kyt:
The libraries listed here are not present by default in the NYT React Universal Starter Kyt. We added them because we believe they are useful to the majority of the applications we develop.
See the releases on Github