How to use React with Typescript, Redux, and Redux-observables
In this article, we are going to learn how to configure and use react with Typescript, Redux, and Redux-observables. As a newbie, it is a little bit complex task to configure all this together and use it accordingly so without wasting the time Let's get started.
To configure the new Project you have to create a folder in which you want to work. At my end, I am going to create a folder in root c
c:\react-projects
After creating the folder go inside it using a command prompt
Now Step 1 we have to install react with Typescript Dependency for that we have to use the following command
npx create-react-app exampleone — — typescript
instead of exampleone you can give a name according to your need.
As the installation is done now you are ready to use typescript with React but wait a minute we have to configure Redux and Redux-observable also so go inside the folder exampleone then install Redux and Redux-observable for that write the below command
you can use any of the package manager npm or yarn whatever present at your end
yarn add redux or npm install redux
yarn add redux-observable or npm install redux-observable
Now two more things we have to install one is react-redux and another is rxjs yarn add react-redux or npm install react-redux
yarn add rxjs or npm install rxjs
we required rxjs because of redux-observable
As All the installation is done now we are ready to move ahead for building an example to understand the flow. This is the first part of the series in which we learned how to set up things.
Hope you are able to set up React with Typescript, redux, and redux-observable.In the upcoming articles, we will go deeper to understand the core concepts of Redux, redux-observables by creating examples.
Stay tuned