educative.io

React Tracked: Creating Web Apps with Global State (Daishi Kato)


Creating a Counter App only with React Context - Creating a Counter App with useState In this lesson, we create a tiny counter app with useState in addition to createContext and useContext. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/YMl7PwryMg2). Creating a Counter App only with React Context - Creating a Counter App with useReducer In this lesson, we create a tiny counter app with useReducer instead of useState, as in the previous lesson. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/myoDqZ58Y7A). Introducing React Tracked to the Counter App - Understanding Render Optimization In this lesson, we will learn what render optimization is and when we need to use it. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/Y5nw6OvwJpK). Introducing React Tracked to the Counter App - Modifying the Counter App with React Tracked In this lesson, we use React Tracked in the counter app and see how it behaves. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/Y5PKP9E8OnY). Developing ToDo App with React Tracked and useReducer - Initial State and Reducer In this lesson, we will define the initialState and reducer for a simple Todo app with useReducer. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/B6zQ9WXXGxX). Developing ToDo App with React Tracked and useReducer - TodoList Component In this lesson, we develop a component to display the list of ToDo items. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/qZNl9ZypzXD). Developing ToDo App with React Tracked and useReducer - TodoItem Component In this lesson, we create a TodoItem component that displays one item in the list. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/NEvKyZxgWy6). Developing ToDo App with React Tracked and useReducer - NewTodo Component In this lesson, we learn how to develop a NewTodo component. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/YQz2my2KoYY). Developing ToDo App with React Tracked and useReducer - App Component and File Structure In this lesson, we develop and list all files. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/7AD02XKV2Pr). Developing ToDo App with React Tracked and useReducer - Demo In this lesson, we demonstrate the ToDo app. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/m7xj4PDvRO0). Developing ToDo App with React Tracked, useState and Immer - Simple Store with useState In this lesson, we learn a different pattern with useState and custom hooks, create a store in a couple of lines, and also make use of Immer. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/gk9RgKAwqqr). Developing ToDo App with React Tracked, useState and Immer - useTodoList Hook In this lesson, we create the hook to get the ToDo list. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/Bn8Zrz936XX). Developing ToDo App with React Tracked, useState and Immer - useAddTodo Hook In this lesson, we create a hook to add a new ToDo item. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/B1VEVAPrRvk). Developing ToDo App with React Tracked, useState and Immer - useDeleteTodo Hook In this lesson, we create a hook to delete a ToDo item. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/qZoWBZ4EjWr). Developing ToDo App with React Tracked, useState and Immer - useToggleTodo Hook In this lesson, we create a hook to toggle a ToDo item. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/YQQKvDOEBnK). Developing ToDo App with React Tracked, useState and Immer - useQuery Hook In this lesson, we create a hook to handle queries. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/YVZM8OPyp1O). Developing ToDo App with React Tracked, useState and Immer - TodoList Component In this lesson, we create a component to list ToDo items. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/qZwN60mk3NG). Developing ToDo App with React Tracked, useState and Immer - TodoItem Component In this lesson, we create a component to show one ToDo item. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/BnBqmzQ6Ngx). Developing ToDo App with React Tracked, useState and Immer - NewTodo Component In this lesson, we create a component to add a new ToDo item. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/3YlEJKG46vx). Developing ToDo App with React Tracked, useState and Immer - App Component and File Structure In this lesson, we create an App component. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/3YZl59mkMAR). Developing ToDo App with React Tracked, useState and Immer - Demo In this lesson, we see the running demo. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/JYLQ8R8xQgD). Going Further - Async Functions In this lesson, we briefly go over the async functions. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/N8PGjYX29wN). Going Further - Redux Ecosystem In this lesson, we briefly introduce Redux. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/39ZErkP1j89). Going Further - Simpler Alternative In this lesson, we introduce an alternative library to React Tracked. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/N7OPYgMJMyN). Going Further - Wrap-up At last, there's one thing to note. View the lesson [here](https://www.educative.io/courses/react-tracked-web-apps-global-state/xVkzpKpKv2l).
About the React Tracked: Creating Web Apps with Global State (Daishi Kato) category [React Tracked: Creating Web Apps with Global State (Daishi Kato)] (1)