Skip to content

Roadmaps Resources Practice Projects Journal Community

Search/Sign in

LearnPath

Learn anything. Build everything. Free, structured learning paths built from the best resources on the web.

Learn

Roadmaps
Skills
Resources
Practice

Build

Challenges
Projects
My learning
Search

Project

Journal
About & RRRTX Labs
Community
Open source
Privacy
Terms

LEARNPATH

Built by RRRTX Labs

Free and open source. No certificates. No paywall. No trackers.

Full Stack Developer / React fundamentals

Learn
Practice
Challenge
Prove
Not started

Full Stack Developer

01Programming fundamentals
02HTML & CSS
03JavaScript fundamentals
04Git & GitHub
05Web accessibility
06TypeScript fundamentals
07React fundamentals
08Next.js & full-stack React
09Node.js & HTTP APIs
10SQL fundamentals
11Databases & ORMs
12Authentication for the web
13Testing web apps
14Deploy & ship
15Containers & orchestration
16CI/CD & cloud basics
17System design
18Data structures & algorithms

View the full graph →

Stage 02 · 02 · Core web · skill 3 of 4

React fundamentals

UI as a function of state. Components, hooks, and data flow.

Recommended first: JavaScript fundamentals

After this you will be able to

Build components with props and useState
Lift state and pass callbacks
Fetch data with useEffect without infinite loops

Open React docs — Learn React

Meta · why we picked it

Completing this unlocks: Next.js & full-stack React

Previous Next: Next.js & full-stack React

Practice

Use map/filter/reduce. The last expression is shown as Result.

javascript editor · loading…

javascript · sandboxed in your browser

Output

Run to see output.

A successful run records “practiced” on this skill. Nothing leaves your browser.

Apply it in a project

Personal learning portfolio

Evidence

Learned
Practiced
Challenge passed
Used in a project

Not demonstrated yet

Notes

Notes