Share Description
In this course, you will :
- Create a to-do app in this course. But, before you start building an app.
- How React Tracked can solve common performance issues related to render optimization.
- How to use this library, you'll create a to-do app using two different approaches.
- Able to create more advanced applications without having to re-render them.
- You'll also have a nice piece for your portfolio.
Syllabus :
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
