Photo by Jon Tyson on Unsplash

  • “Configuring a Redux store is too complicated”
  • “I have to add a lot of packages to get Redux to do anything useful”
  • “Redux requires too much boilerplate code”

Redux Setup

# npm
npm install react-redux @reduxjs/toolkit
npm install -D @types/react-redux
# yarn
yarn add react-redux @reduxjs/toolkit
yarn add -D @types/react-redux

Creating Actions and Reducers

1. Initialize our project

npm init -y
yarn init -y

2. Install React & TypeScript

npm install react react-dom 
npm install --save-dev @types/react @types/react-dom typescript
yarn add react react-dom
yarn add --dev @types/react @types/react-dom typescript
import React from "react";import ReactDOM from "react-dom";import App from "./App";ReactDOM.render(<React.StrictMode>
<App />
  • Create the App.ts component
import React from "react";const App: React.FC = () => {return (<div className="wrapper"><h1>React 17 and TypeScript 4…


  • npm or yarn
  1. Initialize a folder
  • mkdir folder
  • cd /folder
  • npm init -y

ES versions :

  • ES1 en 1997
  • ES2 en 1998
  • ES3 en 1999
  • ES4 Abandoned
  • ES5 en 2009
  • ES6 en 2015
  • ES7…

What is caching?

auto-complete search box


Nacef Otay

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