We may earn an affiliate commission when you visit our partners.
Cory House

This course will teach you how to implement many types of React state including local, global, refs, context, derived, and more. You'll learn how to choose between types of state, how to derive state, and how to share state between components.

Read more

This course will teach you how to implement many types of React state including local, global, refs, context, derived, and more. You'll learn how to choose between types of state, how to derive state, and how to share state between components.

A typical React app declares literally dozens of pieces of state, and in React, there's a surprising number of options for effectively handling this state. In this course, Managing State in React 18, you’ll learn how to effectively declare state to create rich, interactive React apps. First, you’ll discover eight ways to handle state in React apps. Next, you’ll explore how to manage each of these types of states, including route state, component state, and refs. Finally, you’ll learn when to consider global state via context and third-party state libraries. When you’ve finished this course, you’ll have the skills to build complex, interactive React apps in the real world.

Enroll now

Here's a deal for you

We found an offer that may be relevant to this course.
Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

What's inside

Syllabus

Course Overview
Deciding How to Handle State
Managing Local State and Remote State
Managing URL State and Web Storage
Read more
Managing Shared, Derived, and Immutable State
Managing Form State and Validation
Managing State via Refs
Managing Complex State with useReducer
Sharing State and Functions via Context
Managing State via Third-party Libraries

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Teaches 8 types of state handling in React, which is standard in the industry
Taught by Cory House, who is recognized for their work in React
Examines shared, derived, and immutable states, which are highly relevant to scalable component design
Explores complex state management with useReducer
Covers managing state with React Context
Requires students to come in with some foundational knowledge of React

Save this course

Save Managing State in React 18 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 Managing State in React 18 with these activities:
Review React Fundamentals
Revisit the basics of React, including components, props, state, and lifecycle methods. This will help you refresh your foundational knowledge before diving into managing state.
Show steps
  • Review the official React documentation
  • Go through a beginner-friendly React tutorial
  • Complete a few simple React exercises
React State Management Exercises
Practice implementing different types of state in React through hands-on exercises. This will help you apply the concepts you learn in the course and solidify your understanding.
Browse courses on React State Management
Show steps
  • Follow along with the in-course exercises
  • Create a React app and implement various state types
  • Solve React state management challenges
Create a React State Management Tutorial
By creating your own tutorial on React state management, you will reinforce your understanding of the concepts and enhance your communication skills. You can share it with others to contribute to the community.
Browse courses on React State Management
Show steps
  • Choose a specific aspect of React state management to cover
  • Write a detailed outline and gather resources
  • Create a tutorial in a written, video, or interactive format
  • Share your tutorial on platforms like Medium or GitHub
Show all three activities

Career center

Learners who complete Managing State in React 18 will develop knowledge and skills that may be useful to these careers:
React Developer
A React Developer is a software developer who builds user interfaces for web applications using the React framework. This course can help you become a React Developer by teaching you how to manage state in React applications. This knowledge is essential for creating complex, interactive React applications. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state. This knowledge will help you to build React applications that are scalable and maintainable.
Front-End Developer
A Front-End Developer is a software developer who builds the user interface of a website or application. This course can help you become a Front-End Developer by teaching you how to manage state in React applications. This knowledge is essential for creating complex, interactive user interfaces. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state. This knowledge will help you to build front-end applications that are scalable and maintainable.
Software Developer
A Software Developer is a computer professional who designs, develops, and maintains software applications. This course can help you become a Software Developer by teaching you how to manage state in React applications. This knowledge is essential for creating complex, interactive software applications. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state. This knowledge will help you to build software applications that are scalable and maintainable.
Web Developer
A Web Developer is a computer professional who designs, develops, and maintains websites. This course can help you become a Web Developer by teaching you how to manage state in React applications. This knowledge is essential for creating complex, interactive websites. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state. This knowledge will help you to build websites that are scalable and maintainable.
Full-Stack Developer
A Full-Stack Developer is a software developer who works on both the front-end and back-end of a website or application. This course can help you become a Full-Stack Developer by teaching you how to manage state in React applications. This knowledge is essential for creating complex, interactive web applications. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state. This knowledge will help you to build full-stack applications that are scalable and maintainable.
User Experience (UX) Designer
A User Experience (UX) Designer is responsible for creating the user interface of a website or application. This course can help you become a UX Designer by teaching you how to manage state in React applications. This knowledge is essential for creating complex, interactive user interfaces. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state. This knowledge will help you to build user interfaces that are scalable and maintainable.
Product Manager
A Product Manager is responsible for planning, developing, and launching new products. This course can help you become a Product Manager by teaching you how to manage state in React applications. This knowledge is essential for creating complex, interactive products. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state. This knowledge will help you to build products that are scalable and maintainable.
Technical Writer
A Technical Writer is responsible for creating documentation for software and other technical products. This course may be useful for you if you want to become a Technical Writer by teaching you how to manage state in React applications. This knowledge can be helpful for creating documentation that is clear and concise. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state. This knowledge will help you to create documentation that is scalable and maintainable.
Database Administrator
A Database Administrator is responsible for managing and maintaining databases. This course may be useful for you if you want to become a Database Administrator by teaching you how to manage state in React applications. This knowledge can be helpful for managing and maintaining databases that are scalable and maintainable. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state.
Software Architect
A Software Architect is responsible for designing and developing the architecture of software applications. This course may be useful for you if you want to become a Software Architect by teaching you how to manage state in React applications. This knowledge can be helpful for designing and developing software applications that are scalable and maintainable. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state.
Business Analyst
A Business Analyst is responsible for analyzing and understanding business processes. This course may be useful for you if you want to become a Business Analyst by teaching you how to manage state in React applications. This knowledge can be helpful for analyzing and understanding business processes that are scalable and maintainable. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state.
Data Analyst
A Data Analyst is responsible for analyzing and interpreting data. This course may be useful for you if you want to become a Data Analyst by teaching you how to manage state in React applications. This knowledge can be helpful for analyzing and interpreting data that is scalable and maintainable. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state.
IT Manager
An IT Manager is responsible for managing and overseeing IT systems. This course may be useful for you if you want to become an IT Manager by teaching you how to manage state in React applications. This knowledge can be helpful for managing and overseeing IT systems that are scalable and maintainable. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state.
Project Manager
A Project Manager is responsible for planning, executing, and delivering projects. This course may be useful for you if you want to become a Project Manager by teaching you how to manage state in React applications. This knowledge can be helpful for planning, executing, and delivering projects that are scalable and maintainable. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state.
Quality Assurance (QA) Engineer
A Quality Assurance (QA) Engineer is responsible for testing and verifying the quality of software products. This course may be useful for you if you want to become a QA Engineer by teaching you how to manage state in React applications. This knowledge can be helpful for testing and verifying the quality of software products that are scalable and maintainable. Additionally, this course will teach you how to work with different types of state, including local, global, and derived state.

Reading list

We've selected eight 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 Managing State in React 18.
Is an in-depth guide to building modern React applications, providing a broad overview of React and its features.
Comprehensive guide to React and Redux, providing a solid foundation for managing state in React applications.
Provides principles and practices for writing clean and maintainable code, emphasizing the importance of software design, which is crucial for effective state management in React applications.
Provides a modern and accessible introduction to JavaScript, covering concepts and techniques essential for understanding state management in React applications.
Classic guide to JavaScript, emphasizing best practices and patterns, which are essential for effective state management.
Provides a comprehensive overview of JavaScript, including how to manage state. It good choice for learners who want to learn more about JavaScript
Provides a comprehensive overview of MobX, a state management library for React. It good choice for learners who want to learn more about MobX.

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