React Tracked: Creating Web Apps with Global State

React Tracked: Creating Web Apps with Global State

React Tracked: Creating Web Apps with Global State
React Tracked: Creating Web Apps with Global State

React Tracked: Creating Web Apps with Global State

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.

Contents

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
  • Demo
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
  • Demo
5. Going Further
  • Async Functions
  • Redux Ecosystem
  • Simpler Alternative
  • Wrap-up
https://www.educative.io/courses/react-tracked-web-apps-global-state?aff=xDzJ

Share This :
Santosh Kumar

We are sharing the knowledge for free of charge and help especially third world countries who can create a simple blog and start making money from own blog. so we have launched this site. Facebook | Twitter | Pinterest | LinkedIn