We may earn an affiliate commission when you visit our partners.
Course image
Harrison Kong

This 1.5 hours guided project is part 2 of the project "Build Your First React Website." In this project, we focus on persistent states for class components and different strategies for them to communicate with each other.

At the end of this course, you will be able to choose and deploy different communication strategies for communications among React components.

This class requires basic React and intermediate to advance experiment in JavaScript development as a prerequisite.

Enroll now

What's inside

Syllabus

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Develops professional skills and deep expertise in communication strategies among React components
Taught by Harrison Kong, who are recognized for their work in computer science
Builds a strong foundation for intermediate learners in React class components and communication strategies
May require intermediate to advanced experiment in JavaScript development as a prerequisite
Requires basic React as a prerequisite

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

React state & component communication essentials

According to learners, this course is a highly effective follow-up to "Build Your First React Website (Part I)," providing a practical, hands-on approach to critical React concepts. Students particularly appreciate the clear explanations of persistent states for class components and various communication strategies, with many finding it essential for solidifying their understanding. The instructor's guidance is frequently praised for being knowledgeable and easy to follow. However, a significant number of learners emphasize the importance of meeting the stated prerequisites, as those who are not sufficiently prepared in basic React and intermediate JavaScript may find the pacing too fast and the content challenging without foundational knowledge. For the right audience, it's a concise yet comprehensive guide.
Pacing can be fast; focuses on basics, not advanced topics.
"The persistent state part was a bit quick for me, but overall, it helped bridge some gaps."
"If you already have a good grasp of React state and props, this might feel a bit too basic."
"I felt the instructor sometimes moved a little too fast, but pausing and re-watching helped."
Instructor is highly praised for clarity and expertise.
"The instructor is very knowledgeable and easy to follow."
"The instructor's pacing is perfect, and the hands-on coding makes it stick."
"Overall positive. Instructor explains concepts clearly."
Utilizes a highly effective hands-on guided project format.
"The guided project approach made learning truly hands-on."
"The hands-on coding makes it stick. Essential for React developers."
"The practical examples were key. This course significantly improved my understanding of React component interactions."
Provides very clear explanations of key React concepts.
"I found the explanations on persistent states and component communication very clear and practical."
"Absolutely brilliant! As someone who struggled with state management, this course provided the missing pieces."
"Instructor explains concepts clearly. This is a must-do after Part I if you want to really understand the flow."
Requires strong foundational React and JavaScript knowledge.
"Found it difficult to follow without Part I. The pacing was a bit fast, and some concepts were not fully elaborated..."
"Not for absolute beginners. I jumped in thinking 'Part II' might still cover some basics, but it assumes a lot."
"I struggled throughout and felt lost. This course should really emphasize the strong prerequisites."

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 Build Your First React Website (Part II) with these activities:
Join a React Study Group
Connect with other React learners and share knowledge
Browse courses on React
Show steps
  • Find a React study group online or in your local area
  • Attend study group meetings regularly
  • Participate in discussions and ask questions
Review Learning React
Review some of the concepts covered in the course
Show steps
  • Read the first three chapters
  • Complete the exercises in the first chapter
Build a Simple React Calculator
Apply the concepts you've learned in the course to a practical project
Browse courses on React
Show steps
  • Follow a tutorial on building a simple React calculator
  • Add your own features to the calculator
Three other activities
Expand to see all activities and additional details
Show all six activities
React Code Challenges
Test your understanding of React concepts
Browse courses on React
Show steps
  • Solve React code challenges on platforms like Codewars or HackerRank
  • Create your own React code challenges
Build a React Portfolio Website
Showcase your React skills by building a portfolio website
Browse courses on React
Show steps
  • Design your portfolio website
  • Build the website using React
  • Deploy your website to a hosting platform
Participate in a React Hackathon
Challenge yourself and test your React skills against other developers
Browse courses on React
Show steps
  • Find a React hackathon to participate in
  • Form a team or work on your own
  • Develop a React project within the hackathon timeframe

Career center

Learners who complete Build Your First React Website (Part II) will develop knowledge and skills that may be useful to these careers:
Front-End Developer
Front-End Developers are responsible for the design and development of the user interface of a website or web application. The course 'Build Your First React Website (Part II)' can help build a foundation for a career as a Front-End Developer by teaching students how to use React, a popular JavaScript library for building user interfaces. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge is essential for building complex and interactive web applications.
Web Developer
Web Developers are responsible for designing, developing, and maintaining websites. The course 'Build Your First React Website (Part II)' can help build a foundation for a career as a Web Developer by teaching students how to use React, a popular JavaScript library for building user interfaces. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge is essential for building complex and interactive web applications.
Full-Stack Developer
Full-Stack Developers are responsible for both the front-end and back-end development of a website or web application. The course 'Build Your First React Website (Part II)' can help build a foundation for a career as a Full-Stack Developer by teaching students how to use React, a popular JavaScript library for building user interfaces. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge is essential for building complex and interactive web applications.
Software Engineer
Software Engineers are responsible for designing, developing, and maintaining software applications. The course 'Build Your First React Website (Part II)' may be useful for Software Engineers who want to learn more about React, a popular JavaScript library for building user interfaces. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the development of software applications.
UX Designer
UX Designers are responsible for the user experience of a website or web application. The course 'Build Your First React Website (Part II)' may be useful for UX Designers who want to learn more about how to build user interfaces. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the design and development of user interfaces that are both user-friendly and efficient.
UI Designer
UI Designers are responsible for the design of the user interface of a website or web application. The course 'Build Your First React Website (Part II)' may be useful for UI Designers who want to learn more about how to build user interfaces. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the design and development of user interfaces that are both user-friendly and efficient.
Project Manager
Project Managers are responsible for the planning, execution, and completion of a project. The course 'Build Your First React Website (Part II)' may be useful for Project Managers who want to learn more about how to build web applications. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the planning, execution, and completion of projects that involve the development of web applications.
Product Manager
Product Managers are responsible for the development and management of a product. The course 'Build Your First React Website (Part II)' may be useful for Product Managers who want to learn more about how to build web applications. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the development and management of web applications that are both user-friendly and efficient.
Business Analyst
Business Analysts are responsible for analyzing the needs of a business and developing solutions to meet those needs. The course 'Build Your First React Website (Part II)' may be useful for Business Analysts who want to learn more about how to build web applications. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the analysis of business needs and the development of solutions that involve the development of web applications.
Data Analyst
Data Analysts are responsible for collecting, analyzing, and interpreting data to help businesses make decisions. The course 'Build Your First React Website (Part II)' may be useful for Data Analysts who want to learn more about how to build web applications to visualize data. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the development of web applications that help businesses visualize and make decisions on data.
Technical Writer
Technical Writers are responsible for writing documentation for software and hardware products. The course 'Build Your First React Website (Part II)' may be useful for Technical Writers who want to learn more about how to write documentation for React applications. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the writing of documentation that is both clear and concise.
Salesforce Developer
Salesforce Developers are responsible for developing and maintaining Salesforce applications. The course 'Build Your First React Website (Part II)' may be useful for Salesforce Developers who want to learn more about how to build React components for Salesforce applications. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the development of Salesforce applications that are both user-friendly and efficient.
Android Developer
Android Developers are responsible for designing, developing, and maintaining Android applications. The course 'Build Your First React Website (Part II)' may be useful for Android Developers who want to learn more about how to build React Native applications. React Native is a JavaScript framework that allows developers to build native Android applications using React. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the development of Android applications that are both user-friendly and efficient.
iOS Developer
iOS Developers are responsible for designing, developing, and maintaining iOS applications. The course 'Build Your First React Website (Part II)' may be useful for iOS Developers who want to learn more about how to build React Native applications. React Native is a JavaScript framework that allows developers to build native iOS applications using React. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the development of iOS applications that are both user-friendly and efficient.
Data Scientist
Data Scientists are responsible for collecting, analyzing, and interpreting data to help businesses make decisions. The course 'Build Your First React Website (Part II)' may be useful for Data Scientists who want to learn more about how to build web applications to visualize data. Students will learn how to create and manage state in React components, and how to communicate between different components. This knowledge can be applied to the development of web applications that help businesses visualize and make decisions on data.

Reading list

We've selected seven 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 Build Your First React Website (Part II).
Provides an in-depth exploration of JavaScript concepts, covering both the core language and modern features. It offers clear and engaging explanations, making it a valuable resource for both beginners and experienced developers.
Covers a wide range of JavaScript topics, including object-oriented programming, functional programming, and advanced data structures. It provides a comprehensive overview of JavaScript and its best practices for web development.
Focuses on the essential parts of JavaScript, including its syntax, data structures, and programming paradigms. It provides a clear and concise explanation of JavaScript fundamentals, making it a useful reference for both beginners and experienced developers.
Provides a step-by-step guide to building a fully-functional React chat application from scratch. It covers the entire development process, from setting up the environment to deploying the application.
Provides a comprehensive guide to Node.js, covering both the core concepts and advanced features. It includes detailed explanations and practical examples, making it a valuable resource for both beginners and experienced Node.js developers.
Provides a comprehensive overview of Kotlin, a modern programming language that is fully interoperable with Java. It includes detailed explanations and practical examples, making it a valuable resource for both beginners and experienced Kotlin developers.
Provides a step-by-step guide to Android development, covering both the core concepts and advanced features. It includes detailed explanations and practical examples, making it a valuable resource for both beginners and experienced Android developers.

Share

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

Similar courses

Similar courses are unavailable at this time. Please try again later.
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 - 2025 OpenCourser