Home My space log
Language EN (English)

Building a Custom React Renderer

Advanced astronaut Difficulty 5/5 Build project Stop 152 / 166 JavaScript ages teen+

A free resource picked by the open-source community. Open it to see what's inside.

Start the guide

Your guide

AI-written overview

What is it?

Building a Custom React Renderer is in our front-end framework build group, a list of tutorials about how tools like React work inside, by building a small one. We only know the title, short description and level from our list.

Is it for me?

It is for people who already build web pages and want to look under the hood. It suits about age teen+ and up.

Grown-ups: this is an advanced topic. Starting with the basics of web pages first is a good idea.

How to start

  1. Make sure you can build a basic web page.
  2. Open the tutorial with a grown-up and read the first step.
  3. Build the smallest working piece.

How much time?

Plan about 80 minutes at a time over about 10 sessions. (estimate)

80 min per session 10 sessions estimate

A plan you can follow

  1. Day 1 40 min Read and set up.
  2. Week 1 90 min Build the first part.
  3. Week 2 90 min Add updating.
  4. Week 3 60 min Use it in a small page.

Times are estimates. Go at your own speed.

Go to the learning site

You are about to leave our site to visit Building a Custom React Renderer on another website. We don't control that site. Ask a grown-up before you go. Check the original for details. This site may not be in your language. Your browser can translate the page: look for the translate button near the address bar, or ask a grown-up to help.

You are leaving our site

Grown-ups: this link goes to a site we do not control and have not reviewed beyond its listing. Please look at it first.

Go to the learning site (opens the original site in a new tab)

https://youtu.be/CGpMlWVcHok

On another site. From the list: codecrafters-io/build-your-own-x · License: CC0-1.0 · Build your own Front-end Framework / Library

How to learn from a video lesson

Your path through Web development

Stop 150 Write your own MVC from scratch in PHP Build project Stop 151 Writing a URL Shortening Service Build project Stop 152 Building a Custom React Renderer Build project Stop 153 Building React From Scratch Build project Stop 154 Cycle.js Resource list Stop 155 Frontend GIS Resource list Stop 156 Relay Resource list

Explore next