Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
0 Hour(s) 59 Minute(s)
Language
English
Taught by
Ákos Kőműves
Rating
2 views
Course Overview
Fast track to applying Custom React Hooks in your React apps using TypeScript
In this course, through 6 small applications, we'll recreate hooks and patterns that are commonly used in production web applications.
We'll learn how to encapsulate generic utility functions, fetches, business logic, or any code we want to reuse in Custom Hooks.
We'll use create-react-app as the starting port for every application, React 18 and TypeScript.
The lectures will cover:
Introduction to Custom Hooks (Counter app)
Structure of a Custom Hook (Toggle component)
Lifecycle in Custom Hooks (Weather dashboard)
Sharing Logic with Custom Hooks (useForm hook + localStorage)
Custom Hooks with Context API (Theme Switcher)
Advanced Patterns and Best Practices (Todo app)
Testing Custom Hooks (Counter app tests)
This course aims to show you different types of Custom React Hooks in various scenarios so you can learn, recognize, and apply these patterns to your application.
Working Through This Course
Every example app is built with Create React App. This was the easiest way for me to create React apps I can work with that don't have any unnecessary clutter, but these patterns can be applied in any React application, no matter how they are created.
This course is broken down into lectures and in each lecture you'll build a different app, and in some you'll even reuse some of the hooks you created earlier. The course is a practical, hands-on approach to learning through practice. You learn best when you code along with the examples.
Resources
All example apps are in custom-react-hooks-course Zip, In Lecture 1. > Introduction.
Course Content
- 3 section(s)
- 9 lecture(s)
- Section 1 Introduction
- Section 2 Basic Custom Hook Patterns - state, toggle, fetch
- Section 3 Advanced Custom Hook Patterns - localStorage, Context API, useReducer, testing
What You’ll Learn
- Build Custom React Hooks from scratch through 6 different apps
- Explore different patterns for Custom React Hooks
- Learn to use multiple Custom Hooks together
- Advanced hooks usage: reducers, testing React Custom Hooks
Skills covered in this course
Reviews
-
신신명희
Awesome course. thank you.
-
RRocco Hundertmark
Alles gut.
-
YYevhen Nahalskyi
This is, overall, a good course suitable for beginners. Some fundamental patterns are covered. Some inconveniences were caused by the fact that the author only provided the final versions of the code, but it would have been more convenient if the initial versions of the code were also provided, so that the student could follow the instructor’s steps step by step (as is done in many other courses). In any case, the course is definitely worth the time spent. Thank you!
-
FFanny Nyayic
This course exceeded my expectations in every aspect. The content was well-structured, comprehensive, straight forward and delivered clearly and engaging.
