BootSelf
Check my readiness
ReReactJSJavaScriptTSTypeScriptHHTMLCCSS
Frontend role

Frontend Developer (React)

A React developer builds the screens people use: fast, accessible interfaces that talk to APIs.

8
Skill areas
5
Core areas
~376 h
From scratch
~38 weeks
At 10 h/week
What the job looks like
  • Build components from designs
  • Manage state and fetch data
  • Make pages accessible and responsive
  • Measure and improve performance
What you'll build on the route
  • A multi-page React app with routing
  • Forms with validation
  • A typed, tested component library

Where it leads: Senior frontend, design systems, or full stack.

Every skill, at the level the job needs

Updating… · change the level or company to see how it shifts

ht

html

core
75 skills · 75 with lessons · up to working
L3
  • Markup languages
  • Frontend
  • What is HTTP?
  • Domains
  • Web technologies
  • HTML
ja

javascript

core
90 skills · 90 with lessons · up to working
L3
  • Declaring variables
  • let
  • const
  • Introduction to JavaScript
  • Hoisting
  • Naming variables
re

react

core
63 skills · 63 with lessons · up to working
L3
  • Vite
  • Functional Components
  • JSX
  • useCallback
  • useRef
  • useState
cs

css

core
76 skills · 76 with lessons · up to working
L3
  • HTML
  • Frontend
  • Connecting CSS to HTML
  • Cascading order
  • CSS
  • Introduction to JavaScript
gi

git-github

core
110 skills · 108 with lessons · up to working
L3
  • git init
  • What is Version Control?
  • Why use Version Control?
  • git config
  • Local vs Global Config
  • Git
fr

frontend

core
40 skills · 39 with lessons · up to working
L3
  • HTTP: HyperText Transfer Protocol
  • HTTP messages
  • Domains
  • Basics of DNS
  • DNS
  • Browsers
da

datastructures-and-algorithms

core
80 skills · 80 with lessons · up to basics
L2
  • JavaScript
  • Language Syntax
  • Control Structures
  • Pseudocode
  • Pseudocode basics
  • Functions
What the levels mean
  1. L1 · Aware
    Knows what it is and when it's used
  2. L2 · Basics
    Can use it with guidance
  3. L3 · Working
    Uses it independently on the job
  4. L4 · Strong
    Handles hard cases, reviews others
  5. L5 · Expert
    Designs with it, teaches it

Interviews, by kind of company

Your route adds an interview track that matches the company you choose.

Service-based company

Large IT services firms: aptitude, fundamentals, technical and HR rounds.

Product company

Online assessment, coding rounds, a design round.

FAANG-level

Hard timed coding rounds, system design, behavioural interviews.

Questions

What does a Frontend Developer (React) need to know?

CSS, Frontend Developer, HTML, JavaScript Roadmap, React Developer at a working level, plus Learn Git and GitHub, TypeScript, Next.js. The skills section above lists every one with its level.

How long does it take to become a Frontend Developer (React)?

About 376 hours of study from scratch. At 10 hours a week that's roughly 38 weeks; anything you already know is skipped after the readiness test.

I already know some of this. Do I start from zero?

No. The optional readiness test finds what you already know and your route skips it.

Does the route change for product companies or senior roles?

Yes. Choose your level and the kind of company above: the skills and target levels adjust, for example deeper data structures and system design for product companies.

Other roles in the Frontend track

They share many skills with this one, so progress carries over if you switch.

Compare them side by side
NgTSHC
Frontend Developer (Angular)

Web interfaces with Angular and TypeScript.

7 skill areasSee the route
VuJSHC
Frontend Developer (Vue)

Web interfaces with Vue.

6 skill areasSee the route