frontend-template

Getting Started

git clone https://github.com/geniusgordon/frontend-template
cd frontend-template
yarn # install dependencies

Run in development

uses webpack-dev-server

yarn run dev 

Run in production

NODE_ENV=production
yarn run build
yarn start

What’s Inside?

• webpack with webpack-dev-server and style-loader
• Babel with babel-preset-latest and babel-preset-stage-0
• PostCSS with autoprefixer
• ESlint with airbnb config
• Stylelint
• Jest
• react-router
• redux
• redux-saga
• redux-actions
• redux-devtools

Structure

the ducks file structure

frontend-template/src/
  containers/
    ContainerName/
      actions.js
      actionTypes.js
      index.js
      reducer.js
      style.css
      tests/
        reducer.test.js                                                                                                              
    core/
      actions.js
      api.js
      DevTools.js
      reducers.js
      Root.js
      store.js
    index.js
    routes/
    sagas/