Build Your First React Website (Part II)

4.8
stars
16 ratings
Offered By
Coursera Project Network
2,619 already enrolled
In this Guided Project, you will:

Maintaining internal states for class components

Communication strategies among class components

Lifecycle of class components

Clock1.5 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

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.

Skills you will develop

Web DevelopmentReactFront-end DevelopmentReact (Javascript Library)JavaScript

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. User interface orientation and finished product preview

  2. Add state to our UserManager component

  3. Manage the login form with controlled components

  4. Display a custom message using a render prop

  5. Enable user comments using Context

  6. Add lifecycle hooks

  7. Add a status bar using observer pattern

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.