Build your own ReactEarly Access
This challenge has 7 stages.
Create an element with children
In this stage, you’ll amend the function from the previous stage to add support for child elements.
Render an element
Let’s start interacting with the DOM! In this stage, you’ll implement
which’ll take an element created using
React.createElement and render it
into a given HTML container.
We won’t worry about updating/deleting elements at this point - just the first-time render.
Render a component
In this stage, you’ll add support for function
We’ll amend the
to work with function components.
Re-render an element
ReactDOM.render is called again after a component changes, not all
DOM nodes are created from scratch. React runs a heuristic diffing
to figure out the minimum transformations required to transform the DOM
tree to the expected state. In this stage, you’ll implement this
The useEffect hook
This is the last stage of the challenge. We’ll add support for one more
Interested in trying out the Build your own React Challenge? Checkout our early access program!