Challenge goal: The purpose of this challenge is to give an introduction to Hooks. You’ll be converting your previous challenge from React Classes to React Hooks. The concepts that you’re gonna learn are:
- useState;
- useCallback;
- useMemo.
Target level: You need to have your React Challenge done. It's important to know at least the fundamentals if React and Javascript, since you'll be refactoring a React codebase.
Final accomplishment: By the end of this course you’ll have a beautiful single page application using React Hooks.
Your own React Challenge finished or the existent React Challenge. Study Material:
- Hooks API Reference: read just useState, useCallback and useMemo;
- React Today and Tomorrow and 90% Cleaner React With Hooks: from 11m30s to 1h;
- Getting Closure on React Hooks by Shawn Wang: watch everything;
- Trying React Hooks for the first time with Dan Abramov: optional.
- Mandatory use of useState, useCallback, useMemo;
- Class functions are not allowed;
- Use of arrow functions are mandatory;
- No console warnings are acceptable.
- Familiarity with HTML, CSS, Javascript and React;
- Familiarity with programming concepts like functions, variables, data structures and classes.
- Copy React Challenge, after that just run npm/yarn start to start the development server.
None (: