Please make sure you have the yarn package manager.
npm install yarn -g
Then:
git clone [email protected]:slavomirvojacek/react-redux-typescript.git
yarn install
# Hack to resolve all react-router dependencies
cd node_modules/react-router && npm install && cd ../..
# Set up .env files properly
npm run copy-env
# For production do:
cp .env.example .env
cp .env .env.production
Update .env.production so the value of NODE_ENV is production
npm start
npm test
All JavaScript lives in ./app.
For a simple Component example, visit ./app/Welcome/Component.tsx. For a more comprehensive example of a connected component, visit ./app/Shared/Notification.
To introduce a new Reducer, remember to add it into ./app/configureStoreAndHistory.ts (following the NotificationReducer example).
All CSS lives in ./public/css.
The Sass project is built on top of Google Material Design (./public/css/src/vendor/materialize-src), however all custom styling is located in the root of ./public/css/src.
In order to compile sass and minify the resulting css, run
npm run compile:sass && npm run clean:css
When developing, I suggest running
npm run watch:sass
in a separate shell so CSS is emitted whenever a .sass or .scss file is changed.