• Post category:StudyBullet-15
  • Reading time:5 mins read


Become a react, context api and redux toolkit superhero

What you will learn

Learn the core React JS features (components, props, state,…) by building projects

Learn how to manage state first in the old way, then see how we can transform that into the new ways

Learn how to setup and use Context API professionally

Learn Redux toolkit, used by many companies and become a hot cake in the market

Learn how to persist state and data even after refreshing the page

Learn how to THINK and build out logical solutions step-by-step in order to solve a specific problem

Learn how to write clean working code

Learn how to choose between Context and Redux for each project

Description

In this course, you will learn how to build beautiful, interactive, and functional user interfaces with React JS. You will learn the basics of React, including components, props, state, hooks, event handling, and more. You will also learn how to use state management libraries like Context API and Redux to manage complex states.

In addition to the theoretical concepts, you will also build several projects to solidify your learning.

You will build the following projects (3)


Get Instant Notification of New Courses on our Telegram channel.


  • Listify v1
  • Listify v2
  • Listify v3

In this course, you will also learn how to use pure CSS to create beautiful and responsive UIs. This course requires logical thinking javascript skills which you’re going to learn. Have you ever felt overwhelmed with implementing logic? You’re going to learn how to implement the logic for specific functionalities step-by-step

By the end of the course, you will be a React JS, Context API, and Redux toolkit superhero, able to build high quality projects and rightly manage its states.

In this course, you’re going to

  • Learn the core React JS features (components, props, state,…) by building projects
  • Learn how to manage state first in the old way, then see how we can transform that into the new ways
  • Learn how to setup and use Context API professionally
  • Learn Redux toolkit, used by many companies and become a hot cake in the market lol…
  • Learn how to persist state and data even after refreshing the page
  • Learn how to THINK and build out logical solutions step-by-step in order to solve a specific problem
  • Learn how to write clean working code
  • Learn how to chose between Context or Redux
English
language

Content

Introduction

Welcome and Projects showcase
Setup

Master React Core Features: Project Listify v1.0

Helloworld
Components
Setting The Background
Header UI
Single Task UI
Props and Reusable Icon
Task Refactor
useState Hook Hidden Truth
Making Task Reusable
Add Task
Save Task
Edit and Delete Task
Mark Task As Complete

Master Context API: Project Listify v2.0

Context Setup
Context in Action

Master Redux Toolkit: Project Listify v3.0

Redux Fundamentals and Secret
Redux Setup
Bring Redux into our App
Implementing our Functions with Redux
Persisting State

Context or Redux? Which should I use?

Context or Redux? Which should I use?