react-ts-template

A minimal opinionated react template with react-redux, redux-saga, react-router, typescript, eslint, and prettier.

VisualStudio Code extensions

• ESLint
• Prettier - Code formatter
• ES7 React/Redux/GraphQL/React-Native snippets
• Todo Tree

Coding style

• Airbnb eslint config with small changes
• Functional components
• Component names and files are PascalCase.
• Function names are camelCase, files are kebab-case

Scripts

• start: react-scripts start
• build: react-scripts build
• test: react-scripts test
• eject: react-scripts eject
• g: plop (angular cli like code generator)

Project hierachy

.
├── plop-templates
├── public
└── src
    ├── components
    ├── helpers
    ├── hooks
    ├── pages
    │   └── Counter
    │       ├── Counter.module.css
    │       ├── Counter.tsx
    │       └── index.ts
    ├── router
    ├── store
    │   ├── counter
    │   │   ├── counter.actions.ts
    │   │   ├── counter.reducer.ts
    │   │   ├── counter.sagas.ts
    │   │   ├── counter.types.ts
    │   │   └── index.ts
    │   ├── index.ts
    │   ├── reducer.ts
    │   ├── saga.ts
    │   ├── state.ts
    │   └── store.ts
    └── types