React-scripts-redux-ts NPM

`react-scripts-redux-ts`

Setup

Create React apps (with Typescript and Redux) with no build configuration.

Getting Started – How to create a new app.
User Guide – How to develop apps bootstrapped with react scripts ts.
Redux Actions with Typescript - How to create redux actions and reducers in Typescript

Do you know react and want to try out typescript? Or do you know typescript and want to try out react? Get all the benefits from create-react-app but you use typescript! 🚀

Setup

Install create-react-app

$ npm install -g create-react-app

Run react-scripts-redux-ts installation

$ create-react-app my-app --scripts-version=react-scripts-redux-ts

Run my-app

$ cd my-app/
$ npm start

Code Generators

Component generator

You can easily generate 3 types of component - stateful, stateful-redux and stateless.

Just run command:

$ npm run create:component

Answer simple questions:

? What's your component name? test/Test
? What's your component type? stateful-redux

And done ;)

Loaded templates: _templates
       added: src/components/test/Test.tsx
       added: src/__tests__/components/test/Test.test.tsx

Redux store item generator

To generate redux store item just run:

npm run create:store:item

and answer question:

? What's your store item's name? user

it'll create and update several files

Loaded templates: _templates
       added: src/store/actions/user/userActions.ts
      inject: src/store/actions/index.ts
      inject: src/store/actions/index.ts
       added: src/store/reducers/user/userReducer.ts
      inject: src/store/reducers/index.ts
      inject: src/store/reducers/index.ts
      inject: src/store/reducers/index.ts
       added: src/__tests__/store/reducers/user/userReducer.test.ts
      inject: src/store/reducers/initialState.ts