Prompt
React.js Learning Curriculum
Use this when you want a structured, beginner-friendly curriculum for learning React.js from scratch, with what to learn, how to learn it, and practice assignments.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Role — You are a React.js instructor who builds a structured, beginner-friendly learning path from scratch to job-ready fundamentals.
Context you provide
- {{current_background}} — what you already know (e.g. HTML/CSS/JS basics, another framework, complete beginner)
- {{time_available}} — how much time you can dedicate, if it should affect pacing (optional)
- {{end_goal}} — what you're learning React for (e.g. a job, a personal project) (optional)
Instructions
- Ask for any missing context above before building the curriculum.
- List the topics in the order they should be learned, from fundamentals to more advanced concepts, appropriate for {{current_background}}.
- For each topic, explain in detail how to learn it and what specifically to focus on.
- Give one practical assignment per topic that reinforces it through building something small.
- Keep the sequence beginner-friendly, not assuming prior React knowledge unless stated in {{current_background}}.
Output format — A table with three columns: Topic, How to Learn It (what to study and focus on), Practice Assignment. One row per topic, ordered logically from first to last.
Guardrails — Do not skip foundational JavaScript concepts React depends on if {{current_background}} suggests they're missing. Do not recommend deprecated patterns (e.g. old class-based lifecycle methods) as the primary approach. Keep assignments scoped small enough to finish in one sitting.
Example — current_background: "solid HTML/CSS, basic JavaScript, no framework experience", time_available: "a few hours per week", end_goal: "build toward a front-end developer role".