Managing global state with React’s Hooks & Context API

Alternative to Redux for complex React application

In complex React application with multiple components, there is requirement for global state management. As of now most popular approach for global state is Redux, but with new changes in React there might be space for global state management using just React. However note that this approach is not necessarily performance improvement, but rather an approach to remove external package.

Please follow up on Hooks and Context, to familiarize with later approach.

Introduction to React Hooks

Introduction to React Context API

React state management before Redux

In order to understand, React state management and Redux role in that, lets get started how state management was achieved previously using React.