Easily adopt React Hooks for a more productive, maintainable, and cleaner React with a much flatter learning curve
About This Video
We find out what problems React Hooks are really capable of solving, and exactly how they solve those problems, with an initial simple and a straightforward example
Then, once you understand the real motivation behind React Hooks and how they fit into React's architecture, you'll use them in a meaningful …
Hands-On React Applications with React Hooks
Video description
Easily adopt React Hooks for a more productive, maintainable, and cleaner React with a much flatter learning curve
About This Video
We find out what problems React Hooks are really capable of solving, and exactly how they solve those problems, with an initial simple and a straightforward example
Then, once you understand the real motivation behind React Hooks and how they fit into React's architecture, you'll use them in a meaningful way
Finally, you'll work on a real-world project using React Hooks and see how class components can best replace function components
In Detail
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.
Audience
This course is for developers working with React who are curious about and want to use Hooks features for writing their application. Knowledge of JavaScript and React is assumed.
Chapter 1 : Excited About Thinking in React, Again
Course Overview
Thinking in React – Whip Up the App Via create-react-app
Thinking in React – What Is Irritating and Bothersome About All This?
Problem One: “Wrapper Hell” – Solved with Hooks
Problem Two: Can’t Use Easy Function Components – Solved with Hooks
Thinking in React Again, with Hooks – a Cleaner, More Accessible React
Chapter 2 : Grokking and Owning State in Function Components
Simple Option List
Drop Down List
Date Picker
Simple Blog with Title Filter and Date Filter
Chapter 3 : Grokking and Owning Side Effects in Function Components
Lifecycle Examples
Browser API Examples
Ref Example
Context Example
Chapter 4 : Yes You Can! Roll Your Own Custom Hooks
Developing a Theme Changer
Developing a Language Selector
Saving a Session That Will Survive a Page Refresh
A Simple Blog App That Gets Posts Saved to a REST API Backend
Chapter 5 : Real World - Get Started with a Gatsby Web App Based on React Hooks
Introduction and Getting Started with Gatsby and React Together
Querying Our Data - Escape from Static Queries
Creating Posts and Querying Them
Bringing Our Basic Blog Together
Using Hooks Website (Repos for Custom Hooks)
Chapter 6 : Real World - Complete Our Gatsby Web App Based on React Hooks
Data Query Enhancements
Accessing the Page Document and SEO Adjustments
Media Management
Final Enhancements
Course Conclusion
Start your Free Trial Self paced Go to the Course We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.
This site uses cookies. By continuing to use this website, you agree to their use.I Accept