Member-only story

Redux vs Context API

Shiori Soma
2 min readJun 23, 2021

--

Photo by Kseniia Samoylenko on Unsplash

Redux was the only way to manage the state in few years. But the new Context API came with React 16.3.

This is the memo for someone who already learns the basics of React and starts to learn how to manage the state.

What is Redux of React?

Redux is a library that manages global states. Also, Redux is the most popular library for managing states.
However, there is a small problem using Redux. What is the problem? You need to connect the React-Redux library.

If you work with Redux, you need some packages:

  • React
  • Redux:
  • React-Redux

What is Context API of React?

Context API is the way of sharing data between components in a react app and you can also share a function with which you can update the data.

The main difference between Redux and Context API?

So what is the main difference between Redux and Context API?

There are some differences, but the main difference between state management in Redux and useReducer is whether the state is managed as a global state or within the scope of the component (local).

--

--

Shiori Soma
Shiori Soma

Written by Shiori Soma

I’m a front-end web developer based in Vancouver, studying CICCC, an web and mobile app development course. https://shiory602.github.io/portfolio/

No responses yet