The new React Hooks API allows to use different patterns in a simple, direct and functional way.
In this collection you will find a step by step guide to build a complex component using different design patterns implemented with the Hooks API.
We will start with a simple component <Wizard>
that use the useState
hook and in each lesson we will be improving the implementation by using different strategies.
In the last lessons we will have a full Wizard component with a flexible API to allow the user to manage the component based on their requirements and You will have learned the use of useState
, useReducer
, useContext
, useEffect
and useCallback
along with some popular design patterns to build React applications.
You will be able to find the code and notes for each lesson in the github repository.
A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.
Thanks, I'd love the way your implement a complex component like wizard with compound components and hooks, I replace my code with this in current project and reuse it in future. ❤
Become familiar with the Workers CLI wrangler
that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.
This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio
git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.