Using Hooks in React 18 from Pluralsight

This course will teach you how to best use React Hooks, how to build your own Hooks, and how to combine Hooks together to make awesome React apps.

This course is about learning everything you need to use React Hooks in your React apps, as well as how to build your own custom Hooks to satisfy your own state and component lifecycle management. In this course, Using Hooks in React 18, you’ll learn to use React Hooks in your function components as well as understand the motivation behind hooks. First, you’ll explore what a React Hook actually is by building your own useState Hook from scratch. Next, you’ll discover the built-in React Hooks provided by the React Facebook team. Finally, you’ll learn how to combine the built-in Hooks and Hooks you build yourself, as well as third-party Hooks into real world React apps. When you’re finished with this course, you’ll have the skills and knowledge of React Hooks needed to build highly performant, easily maintainable React apps that provide an awesome user experience to your end users.

What's inside

Syllabus

Course Overview

Introduction

Understanding React Hooks

The Built-in Hooks useState, useEffect, and useReducer

The Built-in React Hooks useRef, useContext, useMemo, and useCallback

Using Context and Custom React Hooks for a Redux-like Experience

Leveraging React Hooks and Context for Modal Popup Forms

Improving React Performance with useMemo, memo, and useCallback

Improve UI Experience with useDeferredValue and useTransition

Course Takeaways

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches learners how to use React Hooks to build performant, maintainable, and user-friendly React apps

Taught by industry expert Peter Kellner who has extensive experience in developing React applications

Develops skills in using built-in React Hooks and custom Hooks, which are essential for building efficient React apps

Covers advanced topics such as Context and Modal Popup Forms, which are valuable for building complex React applications

Provides hands-on labs and exercises to reinforce learning and build practical skills

May not be suitable for complete beginners who have no prior experience with React

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Using Hooks in React 18 with these activities:

Brush up on JavaScript

Show steps

Solidify your understanding of JavaScript syntax and control flow to enhance your learning experience.

Browse courses on JavaScript

Show steps

Review core concepts such as variables, data types, and operators.
Practice writing simple scripts and functions.
Explore online resources or tutorials for JavaScript basics.

Review the course materials and compile your own notes

Show steps

Enhance your understanding and retention by creating your own personalized notes.

Show steps

Read and understand the course materials
Summarize key concepts and examples in your notes
Organize your notes in a logical and accessible way

Follow the official React Hooks tutorial

Show steps

Gain an understanding of React Hooks from the official source.

Show steps

Read the documentation on useState, useEffect, and other Hooks
Complete the interactive tutorial

Six other activities

Expand to see all activities and additional details

Show all nine activities

Build a Basic React App

Show steps

Apply your newly acquired React skills by creating a functional application, reinforcing your understanding and developing your problem-solving abilities.

Show steps

Plan the structure and functionality of your app.
Implement React components and state management.
Style your app using CSS or a CSS library.
Test and debug your app to ensure proper functionality.

Build a To-Do list app using useState and useEffect

Show steps

Practice useState and useEffect Hooks by building a simple app.

Show steps

Create a new React app
Add a useState Hook to manage the to-do list
Add a useEffect Hook to persist the list to local storage

Attend virtual meetups or conferences on React Hooks

Show steps

Connect with other developers and learn about best practices for using React Hooks.

Show steps

Find virtual events related to React Hooks
Attend the events and participate in discussions

Solve React Hooks coding challenges

Show steps

Reinforce your understanding of Hooks by solving coding problems.

Show steps

Find practice problems online or in coding challenge books
Solve the problems using Hooks

Document Your Custom Hook

Show steps

Enhance your understanding of Hooks by creating detailed documentation for a custom Hook, solidifying your knowledge and promoting clarity.

Show steps

Choose a specific problem or functionality to address with your custom Hook.
Design and implement the custom Hook.
Write comprehensive documentation explaining the purpose, usage, and benefits of your Hook.

Write a blog post about your experience using React Hooks

Show steps

Share your knowledge and solidify your understanding by writing about React Hooks.

Show steps

Choose a specific topic related to React Hooks
Write a detailed blog post explaining the topic
Publish your blog post

Career center

Learners who complete Using Hooks in React 18 will develop knowledge and skills that may be useful to these careers:

Front-End Engineer

As a Front End Engineer, you will be developing interactive elements of a product that users see and touch. React is the leading JavaScript library used to build reactive user interfaces. This course will teach you how to build reactive interfaces. If your career goal is to become a Front End Engineer, this course will give you a leg up.

See salaries and explore the career path for Front-End Engineer

Web Developer

Web Developers construct and maintain websites. They are in high demand in today's digital environment, and that demand is expected to continue to climb. React is a popular JavaScript framework used to develop websites and web applications. If you wish to become a Web Developer, this course will provide you with a solid foundation in React.

See salaries and explore the career path for Web Developer

Full-Stack Developer

Full Stack Developers both develop and maintain the front end and back end of a website. They are crucial to a company's web presence, as they are responsible for providing a seamless user experience from start to finish. This course will help teach you the fundamentals of building reactive front end interfaces using React.

See salaries and explore the career path for Full-Stack Developer

Software Engineer

Software Engineers use their knowledge of programming languages to design, develop, and maintain software products. This course will help Software Engineers build a foundation for designing and developing reactive front end interfaces using React.

See salaries and explore the career path for Software Engineer

React Native Developer

React Native Developers leverage React to develop mobile applications. If your aim is to become a React Native Developer, this course will teach you the ins and outs of React, upon which React Native is built.

See salaries and explore the career path for React Native Developer

JavaScript Developer

JavaScript Developers are responsible for creating and maintaining dynamic and interactive web pages and applications using JavaScript. As React is a JavaScript library, this course will help build a foundation for creating reactive JavaScript front end interfaces.

See salaries and explore the career path for JavaScript Developer

UI Engineer

UI Engineers focus on designing and developing the front-end of websites and applications. This course will help you build a foundation in developing reactive UIs using React. Learning React will equip you to help build user interfaces for websites and mobile applications alike.

See salaries and explore the career path for UI Engineer

User Interface Developer

User Interface Developers design and create the graphical user interface through which users interact with a product. This course will help teach you how to build responsive and interactive UIs using React. It may help you build a foundation for developing user interfaces for websites, applications, and more.

See salaries and explore the career path for User Interface Developer

Front-End Web Developer

Front End Web Developers construct and maintain the front-facing elements of a website. This course will help you build a foundation in developing reactive front end interfaces using React. React is a widely used JavaScript library that is very popular with both developers and users alike.

See salaries and explore the career path for Front-End Web Developer

Web Designer

Web designers help create the visual elements of websites. This course may help you build a foundation in designing more engaging, interactive, and visually appealing web interfaces using React. It can be particularly helpful if you wish to specialize in UI Design.

See salaries and explore the career path for Web Designer

Webmaster

Webmasters maintain websites and ensure they are running smoothly and efficiently. This course may help you build a foundation in administering websites and web applications that use React. React is a very popular technology, and learning how to implement it can help you become a more effective Webmaster.

See salaries and explore the career path for Webmaster

Information Technology Specialist

Information Technology Specialists solve hardware and software problems for businesses. This course may help you build a foundation in leveraging React in order to resolve issues that are reported by end-users.

See salaries and explore the career path for Information Technology Specialist

Computer Programmer

Computer Programmers use their expertise in programming languages to translate instructions into a form that computers can understand. This course will help you build a foundation in the React programming language.

See salaries and explore the career path for Computer Programmer

Systems Analyst

Systems Analysts analyze an organization's computer systems to assess their efficiency. They often recommend improvements and help implement them. This course may help you build a foundation in understanding how to implement React into an existing or future computer system.

See salaries and explore the career path for Systems Analyst

Business Analyst

Business Analysts help organizations improve their business processes. They often use technology to help businesses become more efficient. This course may help you build a foundation in understanding how React helps businesses improve their web and mobile applications. It will also help you advise businesses on how to leverage React.

See salaries and explore the career path for Business Analyst