Getting started with create-react-app, Redux, React Router & Redux Thunk

We are going to build the following

Our working example 🤘

Let’s get to it!

npx create-react-app react-redux-example
cd react-redux-example
npm install --save redux react-redux react-router-dom connected-react-router redux-thunk history

1. The Store

./src/store.js
./src/modules/index.js

2. Routes

3. Containers

./src/containers/app/index.js
./src/containers/home/index.js
./src/containers/about/index.js

4. Rendering our app

src/index.js

5. Adding Redux Thunk

./src/modules/counter.js
./src/modules/index.js
./src/containers/home/index.js

Try it out!

Our working example 🤘

--

--

--

Programmer Dad & Husband 🤘

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Solving the Anagram Problem

How to make custom button in React Native.

How to Write an Infinite Scroll List with React

Create easily a text highlighter component in few lines of code using React

Powering up your OutSystems Applications — Part 2— Performance tracking with Javascript

3 Most Effective Ways to Optimize Your React App Performance Right Now

4 Golden Rules For SEO Friendly Pagination (With React Example)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jamie Barton

Jamie Barton

Programmer Dad & Husband 🤘

More from Medium

Config ESLint, Prettier in Typescript React App.

How to write a simple and reusable Overlay component using React

How to Prevent Scroll (& Touch Move) On Mobile Web Parent Elements — while allowing it on children

Creating a React project with Next Js and Typescript