This is the code repository for Hands-On React Applications with React Hooks [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.
Hooks are a new feature and let you use state and other React features without writing a class. Hooks (also called React Hooks) are available from the v16.8.0 React release and are backward-compatible.
This course will help you get up-and-running with the latest feature that all React and non-React users are talking about: React Hooks. You'll learn how to use them in a practical way while building a React application. Then you'll learn how to break down complex components into smaller functions with the help of Hooks. You'll access state and lifecycle Hooks in a React function component. We cover the different Hooks available and you'll see how to create your own custom Hooks. We'll also cover the rules that govern using Hooks in your applications and their advantages.
By the end of the course, you'll be confident enough to use React Hooks to simplify the way you write your React code.
- Understand why the adoption of React Hooks will be so beneficial to your React development
- Learn how React Hooks, far from causing any disruption, can easily be adapted as an opt-in and backward-compatible feature for existing apps
- See how to avoid unwieldy hierarchies in your React projects
- Break new ground in sharing and reusing state and side-effect logic wherever needed
- Discover that Hooks will make newcomers (and even experienced developers) feel much more productive and efficient; they will face challenges with greater confidence after completing this course
To fully benefit from the coverage included in this course, you will need:
-
Basic proficiency with JavaScript (Some knowledge of ES6 would be a plus)
-
Some familiarity with React, even if you have started to work with it and later gave it up, because it seemed to have a steep learning curve
-
A development environment with a Linux style shell in any operating system and a Chrome Browser
-
Node.js, to install, manage, and run our dev tools create-react-app and the Gatsby command-line interface, as well as, install the dependencies when running the code examples (This is a must!)
This course has the following Hardware and Software requirements:
Minimum Hardware Requirements For successful completion of this course, students will require the computer systems with at least the following, deployed in Amazon Web Services (AWS) or DigitalOcean (VPS):
-
OS: Ubuntu AMI (https://aws.amazon.com/marketplace/pp/B01JBL2M0O)
-
Processor: c4.large (2 vCPU)
-
Memory: 4GB RAM
-
Storage: 20GB additional storage
Recommended Hardware Requirements For an optimal experience with hands-on labs and other practical activities, we recommend the following configuration, deployed in Amazon Web Services (AWS), or DigitalOcean (VPS):
-
OS: Ubuntu AMI (https://aws.amazon.com/marketplace/pp/B01JBL2M0O)
-
Processor: c4.xlarge (4 vCPU)
-
Memory: 8GB RAM
-
Storage: 20GB
Software Requirements
-
Operating system: Any Windows, Linux, or MacOS system with a web browser and SSH client
-
Browser: Any recent version of Google Chrome, Mozilla FireFox, or Microsoft Edge
-
Node.js latest 8.x or 10.x LTS version, for global installation of create-react-app