react-saga-blueprint

This is boilerplate for react ( with Typescript )
react, redux-saga and typescript
redux, react-router, typesafe-actions with additional settings

First. Clone my git repogitory

$> git clone https://github.com/ondaa/react-saga-blueprint.git

Second. Install module

// move to project folder
$> cd react-saga-blueprint

// install module

// use npm
$> npm install 

// use yarn
$> yarn install

Third. Start react

// use npm
$> npm run start

// use yarn
$> yarn start

Checking tree nodes in src folder

• components (blank)
• containers
  • HomeContainer.tsx (count dispatch example)
• pages
  • About.tsx (sub router switch example)
  • Home.tsx
• store
  • mobules
    • base (example base action, state, saga action)
      • index.ts (example state & action)
      • actions.ts (example action)
      • saga.ts (example saga action)
    • saga
      • baseSaga.ts ( base saga effect put, call, takeEvery)
      • index.ts (combine all saga)
  • configure.ts (createReducer)
  • index.ts (createStore)
• App.tsx (main router switch example)
• index.tsx (all context component apply)

Notes

• Use npx create-react-app [project-name] --template typescript
• You can run scripts for eject
• You can change all the code
• Only very simple settings and example

Updated

• 2020.03.01 install and use react-helmet