Home My space log
Language EN (English)

A DIY guide to build your own React

Intermediate alien Difficulty 3/5 Build project Stop 21 / 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?

A DIY guide to build your own React 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 65 minutes at a time over about 8 sessions. (estimate)

65 min per session 8 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 A DIY guide to build your own React 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://github.com/hexacta/didact

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 GitHub project or list

Your path through Web development

Stop 19 Web Animation Resource list Stop 20 Web Design Resource list Stop 21 A DIY guide to build your own React Build project Stop 22 Amazon Web Services Resource list Stop 23 Android UI Resource list Stop 24 Angular Resource list Stop 25 Ant Design Resource list

Explore next