React Developer Skill Tree

0% Complete
0
Skills Unlocked
24
Total Skills
0
Quests Complete
Click any skill to view quests and resources
LV.1 Foundation
+10 XP
📄
HTML Basics
Elements, attributes, semantic HTML
View Quests
+10 XP
🎨
CSS Basics
Selectors, box model, flexbox
📋 View Quests
+15 XP
📦
JS Variables & Types
let, const, strings, numbers, arrays
📋 View Quests
+15 XP
⚙️
JS Functions
Function declaration, arrow functions
📋 View Quests
+15 XP
📊
Array Methods
map, filter, reduce, forEach
📋 View Quests
+15 XP
📘
Objects & JSON
Object literals, JSON parsing
📋 View Quests
LV.3 Advanced React
+30 XP
🔄
useEffect Hook
Side effects, cleanup, dependencies
📋 View Quests
+30 XP
🌐
Data Fetching
fetch API, async/await, loading states
📋 View Quests
+25 XP
📝
Form Management
Controlled components, validation
📋 View Quests
+25 XP
⬆️
Lifting State Up
Shared state, prop drilling
📋 View Quests
+20 XP
🔑
Lists & Keys
Rendering lists, unique keys
📋 View Quests
+35 XP
🪝
Custom Hooks
Creating reusable logic
📋 View Quests
LV.4 Professional Skills
+40 XP
🗺️
React Router
Navigation, routes, params
📋 View Quests
+40 XP
🌍
Context API
Global state management
📋 View Quests
+45 XP
📘
TypeScript + React
Type safety, interfaces
📋 View Quests
+35 XP
🧪
Testing
Unit tests, React Testing Library
📋 View Quests
+35 XP
⚡
Performance
useMemo, useCallback, React.memo
📋 View Quests
+30 XP
🚀
Deployment
Build process, hosting, CI/CD
📋 View Quests
[02] Tier 2: React Core
+20 XP
🔧
JSX Syntax
JSX rules, expressions, fragments
📋 View Quests
+20 XP
🧩
Components
Functional components, composition
📋 View Quests
+20 XP
📨
Props
Passing data, prop types, children
📋 View Quests
+25 XP
💾
useState Hook
State management, updates, arrays/objects
📋 View Quests
+20 XP
👆
Event Handling
onClick, onChange, form handling
📋 View Quests
+20 XP
🔀
Conditional Rendering
if/else, ternary, && operator
📋 View Quests