We may earn an affiliate commission when you visit our partners.
Peter Kellner

React Hooks bring state and lifecycle events to React Functional Components as well as streamlining code that previously was coupled and complex. Learn techniques for using React Hooks including Redux-like state management with React Context.

Read more

React Hooks bring state and lifecycle events to React Functional Components as well as streamlining code that previously was coupled and complex. Learn techniques for using React Hooks including Redux-like state management with React Context.

React Hooks reduce the complexity associated with managing state and lifecycle events exclusively in React Functional Components. What previously was complex, and often required middleware to implement, can be easily done and extended using React Hooks. They are called “hooks” because they allow the developer to hook into existing pre-built functionality. In this course, Using React 17 Hooks, you'll gain the ability to consume pre-built React Hooks, as well as author your own custom React Hooks. First, you’ll learn all about the six most commonly used React Hooks that are built into the React core library. Then, you’ll see how they compare to the corresponding state and lifecycle events in more traditional legacy React Class Components. Next, you’ll explore how to both consume and author your own re-usable custom React Hooks. Finally, you’ll be shown how to combine React Context with React Hooks state management to integrate a Redux-like state management solution into your React app. When you are finished with this course, you’ll confidently be able to build fully capable functional components that use React Hooks.

Enroll now

What's inside

Syllabus

Course Overview
Start Using React Hooks with useState, useEffect, and useRef
Using More Hooks: useContext, useReducer, useCallback, and useMemo
Read more
Migrating Your Existing Apps to React Hooks
Learn How to Combine Existing React Hooks into New Combined Hooks
Using useContext and useReducer to Make a Redux-like Global State

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Introduces essential components of React Hooks that enhance the functionality of React Functional Components
Offers practical techniques for managing state and lifecycle events in React Hooks, empowering learners to write more efficient and maintainable code
Builds upon existing knowledge of React Class Components, enabling learners to transition smoothly to using React Hooks
Provides in-depth guidance on creating custom React Hooks, extending the capabilities of the framework for specific project needs
Demonstrates how to leverage React Context and React Hooks to establish a Redux-like state management system, enhancing the organization and scalability of React applications

Save this course

Save Using React 17 Hooks to your list so you can find it easily later:
Save

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 React 17 Hooks with these activities:
Review Fundamental React Concepts
Refreshing your understanding of React fundamentals will strengthen your foundation for learning Hooks.
Browse courses on React Components
Show steps
  • Review Course Materials or Online Resources
  • Practice Building Simple React Components
  • Experiment with React State and Lifecycle Methods
Create a Comprehensive Resource Compilation
A comprehensive resource compilation provides easy access to valuable materials and helps you stay organized.
Show steps
  • Gather Notes, Assignments, and Course Materials
  • Organize and Categorize the Resources
  • Create a Digital or Physical Compilation
  • Review and Update the Compilation Regularly
Attend a React Hooks Workshop
Workshops provide hands-on experience and expert insights, helping you accelerate your learning.
Show steps
  • Research and Identify Relevant Workshops
  • Register and Attend the Workshop
  • Participate Actively in Discussions and Exercises
  • Network with Other Attendees
  • Follow Up on What You Learned
Four other activities
Expand to see all activities and additional details
Show all seven activities
Practice Implementing React Hooks in Projects
Regular practice helps solidify your understanding and allows you to apply Hooks in real-world scenarios.
Show steps
  • Identify a Project or Idea
  • Break Down the Project into Smaller Modules
  • Implement React Hooks in Each Module
  • Test and Refine Your Implementation
  • Seek Feedback from Others
Participate in Study Group Sessions
Study group sessions can help you solidify your understanding by explaining to others and seeking clarification.
Show steps
  • Connect with Classmates Online Or In-Person
  • Set Regular Meeting Times
  • Establish Clear Group Norms
  • Review Course Material Together
  • Share Perspectives and Ask Questions
Build a React Hooks Portfolio Project
Creating a portfolio project showcases your skills and helps you learn by applying Hooks in a substantial project.
Show steps
  • Choose a Project Idea That Aligns with Your Interests
  • Plan and Design the Project Architecture
  • Implement React Hooks Throughout the Project
  • Test and Debug Your Application
  • Document and Share Your Project
Contribute to Open Source React Hooks Projects
Contributing to open source projects allows you to enhance your skills, collaborate with others, and make a real-world impact.
Show steps
  • Identify Open Source React Hooks Projects
  • Choose a Project to Contribute To
  • Submit Bug Reports or Feature Requests
  • Contribute Code or Documentation
  • Review and Merge Pull Requests

Career center

Learners who complete Using React 17 Hooks will develop knowledge and skills that may be useful to these careers:
React Native Developer
React Native Developers design, develop, and maintain mobile applications using React Native. This course may be useful in helping you enter this field. It will introduce you to the core concepts and principles of React Native, and help you develop the skills necessary to be successful in this field.
React Developer
React Developers are responsible for designing, developing, and maintaining the user interface of a website or application. This course may be useful in helping you enter this field. It introduces the core concepts and principles of React, and will allow you to build a strong foundation for a career in React development.
JavaScript Developer
JavaScript Developers are responsible for developing and maintaining the functionality of websites and web applications. This course will help you develop the skills necessary to be successful in this field. It will provide you with a solid foundation in the principles and practices of JavaScript development.
User Interface Developer
User Interface Developers are responsible for the design and development of the user interface of websites and applications. This course may be useful in helping you enter this field. It will provide you with a strong foundation in the principles and practices of user interface design and development.
Web Developer
Web Developers design, develop, and maintain websites and web applications. This course may be useful if you are looking to enter this field. It will introduce you to the core concepts and principles of web development, and help you develop the skills necessary to be successful in this field.
Front-End Engineer
Front End Engineers are responsible for the design, development, and maintenance of the user interface of websites and web applications. This course can be useful in helping you enter this field. It will provide you with a strong foundation in the principles and practices of front end development.
Web Application Developer
Web Application Developers design, develop, and maintain web applications. This course may be useful in helping you enter this field. It will provide you with a strong foundation in the principles and practices of web application development.
Software Developer
Software Developers design, develop, and maintain software for use on a variety of platforms. This course may be useful in helping you enter this field. It will provide you with a solid foundation in the principles and practices of software development, which are essential for success in this field.
Software Architect
Software Architects design and develop the architecture of software systems. This course may be useful if you are looking to enter this field. It will provide you with a solid foundation in the principles and practices of software architecture.
Mobile Developer
Mobile Developers design, develop, and maintain mobile applications. This course may be useful if you are looking to enter this field. It will provide you with a strong foundation in the principles and practices of mobile development.
Full-Stack Developer
In a role as a Full Stack Developer, you will be responsible for the entire software development process, from design and development to deployment and maintenance. This course may be useful in helping you enter this field. It will introduce you to the core concepts and principles of React, allowing you to begin to build a robust foundation in full stack development.
Web Designer
Web Designers are responsible for the design and layout of websites and web applications. This course may be useful if you are looking to enter this field. It will provide you with a strong foundation in the principles and practices of web design.
Software Engineer
Software Engineers design, develop, and maintain software systems. This course may be useful if you are looking to enter this field. It will provide you with a strong foundation in the principles and practices of software engineering.
Computer Programmer
Computer Programmers design, develop, and maintain computer programs. This course may be useful if you are looking to enter this field. It will provide you with a strong foundation in the principles and practices of computer programming.
Front-End Developer
As a Front End Developer, you will be tasked with designing and developing the user interface of websites and web applications. This course can be useful in developing your skills in this area. Creating dynamic and interactive web elements is one of the key components of a Front End Developer role. The skills and practices taught in this course align with these components.

Reading list

We've selected six books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Using React 17 Hooks.
Is an in-depth guide that covers everything from the basics of React to advanced topics such as Redux and GraphQL. It is an excellent resource for those who want to learn more about React and build complex applications.
Comprehensive guide to React that covers everything from the basics to advanced topics such as performance optimization and testing.
Useful companion to the lecture videos in this course. It practical guide that provides hands-on experience building real-world React applications.
Good overview of React Hooks. It's a good book to read if you're looking for a book that covers the basics of React Hooks as well as some more advanced topics.
Covers best practices and design patterns for building React applications. It useful resource for those who want to learn how to write clean, maintainable, and scalable React code.
Good general reference for React. It has a good section on React Hooks, but it's not as in-depth as some of the other books on this list. It's a good book to read to learn more about the basics of React and how to use it effectively.

Share

Help others find this course page by sharing it with your friends and followers:
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser