React Tracked: Creating Web Apps with Global State

INTERACTIVE COURSE

React Tracked: Creating Web Apps with Global State

Beginner

25 Lessons

3h

Certificate of Completion

AI Explanations

AI Explanations

React Tracked: Creating Web Apps with Global State

7 Playgrounds

Course Overview

React Tracked is a small library for global state with React Hooks and React Context. It allows you to develop a small web app with global state without a bigger library like Redux. In this course, you will create a to-do app. But before diving into creating an application, you’ll first learn how React Tracked can solve common performance issues around render optimization. Once you learn how to work with this library, you’ll then build a to-do app through two different methods. By the end of this course, ...Show More

Course Content

1

Creating a Counter App only with React Context

Creating a Counter App with useState

Creating a Counter App with useReducer

2

Introducing React Tracked to the Counter App

Understanding Render Optimization

Modifying the Counter App with React Tracked

3

Developing ToDo App with React Tracked and useReducer

Initial State and Reducer TodoList Component TodoItem Component NewTodo Component App Component and File Structure

4

Developing ToDo App with React Tracked, useState and Immer

Simple Store with useState useTodoList Hook useAddTodo Hook useDeleteTodo Hook useToggleTodo Hook useQuery Hook TodoList Component TodoItem Component NewTodo Component App Component and File Structure

5

Going Further

Async Functions

Redux Ecosystem

Simpler Alternative

COURSE AUTHOR

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

Part of the React Learning Path

Path Cover

Learn React for Front-End Developers

Take your front-end skills to the next level. Build and deploy stunning, professional-quality apps using React.

4 Modules

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath