Discover how React Tracked optimizes render performance in web apps. Build a to-do app using two methods, and gain skills to create advanced applications efficiently.

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, you will be ready to build more advanced
applications without having to do unnecessary re-rendering. You’ll also
have a nice piece to showcase in your portfolio.

React Tracked: Creating Web Apps with Global State

# Async functions

Async functions are typically used to fetch data from a server. There are different types of async functions, like timers, but the basics are the same: They don't return the result synchronously. Async functions run outside React render functions and require a special way of coding.

# useEffect

Often, useEffect is used to start async functions. That's one valid way, but it tends to work unexpectedly and it will not be mainstream once [Suspense for data fetching](https://reactjs.org/docs/concurrent-mode-suspense.html) lands.

# use-reducer-async

There are several libraries to start async functions in dispatch or event callback. One of these is [use-reducer-async](https://www.npmjs.com/package/use-reducer-async), which works well for small async functions. It can be used with React Tracked.

# Next

In the next lesson, we get a brief overview of how the Redux ecosystem can help us.

In this lesson, we briefly go over the async functions.

Creating a Counter App only with React Context

Introducing React Tracked to the Counter App

Developing ToDo App with React Tracked and useReducer

Developing ToDo App with React Tracked, useState and Immer

Going Further

Async Functions

Async functions