React Essentials Bootcamp Curriculum

Public curriculum preview for visitors and enrolled students. Use this page to evaluate module scope, outcomes, and learning path.

Download PDF Back to Course

Curriculum

React Essentials Bootcamp

Build modern web apps with React: components, hooks, state management, and deployment.

Duration: 12 Weeks

Level: Beginner

Study Time: 2 hours/week + labs

School: Hexadigitall Academy

Welcome to React Essentials Bootcamp! 🎓

This curriculum is designed to take you from core understanding to confident delivery through weekly applied practice, measurable outcomes, and portfolio evidence.

Each week builds progressively with practical tasks, implementation checkpoints, and reflection points so you can convert knowledge into repeatable professional performance.

Your success is our priority. Stay consistent with weekly execution, document your work, and use feedback loops to continuously improve your delivery quality.

Essential Resources

Language-specific style guides, design patterns reference, and debugging tools inventory
Testing frameworks, mock libraries, and performance profiling instructions for your tech stack
Refactoring patterns, security best practices, and code quality tooling configurations

Learning Roadmap

Early Weeks: Language fundamentals, testing basics, and design patterns
Middle Weeks: Advanced architectures, performance optimization, and debugging
Late Weeks: Production systems, scalability, and cross-platform deployment
Effects, Lifecycle Thinking, and useEffect
Forms, Controlled Inputs, and Validation
Lists, Conditional Rendering, and Keys
Routing and Multi-Page React Applications
Data Fetching, Loading States, and Error Handling
Context and Shared State Patterns
Performance Basics and Component Debugging
Portfolio-Ready React Project Build
Capstone: Deploy, Test, and Present a React Application

Detailed Weekly Curriculum

Each week includes outcomes and practical lab work aligned to the curriculum structure.

Week 1

React Setup, JSX, and Component Basics

2 hours/week + labs

Learning Outcomes

Identify the principles of React Setup, JSX, and Component Basics and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Explain React Setup, JSX, and Component Basics in a guided scenario using realistic tools, constraints, and quality gates.
Apply trade-offs, risks, and decision points for React Setup, JSX, and Component Basics, then record rationale for stakeholder review.
Document a portfolio-ready engineering implementation dossier for React Setup, JSX, and Component Basics with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 2

Props, Component Composition, and Reuse

2 hours/week + labs

Learning Outcomes

Identify the principles of Props, Component Composition, and Reuse and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Explain Props, Component Composition, and Reuse in a guided scenario using realistic tools, constraints, and quality gates.
Apply trade-offs, risks, and decision points for Props, Component Composition, and Reuse, then record rationale for stakeholder review.
Document a portfolio-ready engineering implementation dossier for Props, Component Composition, and Reuse with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 3

Local State with useState

2 hours/week + labs

Learning Outcomes

Identify the principles of Local State with useState and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Explain Local State with useState in a guided scenario using realistic tools, constraints, and quality gates.
Apply trade-offs, risks, and decision points for Local State with useState, then record rationale for stakeholder review.
Document a portfolio-ready engineering implementation dossier for Local State with useState with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 4

Effects, Lifecycle Thinking, and useEffect

2 hours/week + labs

Learning Outcomes

Identify the principles of Effects, Lifecycle Thinking, and useEffect and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Explain Effects, Lifecycle Thinking, and useEffect in a guided scenario using realistic tools, constraints, and quality gates.
Apply trade-offs, risks, and decision points for Effects, Lifecycle Thinking, and useEffect, then record rationale for stakeholder review.
Document a portfolio-ready engineering implementation dossier for Effects, Lifecycle Thinking, and useEffect with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 5

Forms, Controlled Inputs, and Validation

2 hours/week + labs

Learning Outcomes

Apply the principles of Forms, Controlled Inputs, and Validation and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Analyze Forms, Controlled Inputs, and Validation in a guided scenario using realistic tools, constraints, and quality gates.
Evaluate trade-offs, risks, and decision points for Forms, Controlled Inputs, and Validation, then record rationale for stakeholder review.
Document a portfolio-ready engineering implementation dossier for Forms, Controlled Inputs, and Validation with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 6

Lists, Conditional Rendering, and Keys

2 hours/week + labs

Learning Outcomes

Apply the principles of Lists, Conditional Rendering, and Keys and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Analyze Lists, Conditional Rendering, and Keys in a guided scenario using realistic tools, constraints, and quality gates.
Evaluate trade-offs, risks, and decision points for Lists, Conditional Rendering, and Keys, then record rationale for stakeholder review.
Document a portfolio-ready engineering implementation dossier for Lists, Conditional Rendering, and Keys with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 7

Routing and Multi-Page React Applications

2 hours/week + labs

Learning Outcomes

Apply the principles of Routing and Multi-Page React Applications and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Analyze Routing and Multi-Page React Applications in a guided scenario using realistic tools, constraints, and quality gates.
Evaluate trade-offs, risks, and decision points for Routing and Multi-Page React Applications, then record rationale for stakeholder review.
Document a portfolio-ready engineering implementation dossier for Routing and Multi-Page React Applications with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 8

Data Fetching, Loading States, and Error Handling

2 hours/week + labs

Learning Outcomes

Apply the principles of Data Fetching, Loading States, and Error Handling and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Analyze Data Fetching, Loading States, and Error Handling in a guided scenario using realistic tools, constraints, and quality gates.
Evaluate trade-offs, risks, and decision points for Data Fetching, Loading States, and Error Handling, then record rationale for stakeholder review.
Document a portfolio-ready engineering implementation dossier for Data Fetching, Loading States, and Error Handling with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 9

Context and Shared State Patterns

2 hours/week + labs

Learning Outcomes

Analyze the principles of Context and Shared State Patterns and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Evaluate Context and Shared State Patterns in a guided scenario using realistic tools, constraints, and quality gates.
Create trade-offs, risks, and decision points for Context and Shared State Patterns, then record rationale for stakeholder review.
Defend a portfolio-ready engineering implementation dossier for Context and Shared State Patterns with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 10

Performance Basics and Component Debugging

2 hours/week + labs

Learning Outcomes

Analyze the principles of Performance Basics and Component Debugging and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Evaluate Performance Basics and Component Debugging in a guided scenario using realistic tools, constraints, and quality gates.
Create trade-offs, risks, and decision points for Performance Basics and Component Debugging, then record rationale for stakeholder review.
Defend a portfolio-ready engineering implementation dossier for Performance Basics and Component Debugging with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 11

Portfolio-Ready React Project Build

2 hours/week + labs

Learning Outcomes

Analyze the principles of Portfolio-Ready React Project Build and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Evaluate Portfolio-Ready React Project Build in a guided scenario using realistic tools, constraints, and quality gates.
Create trade-offs, risks, and decision points for Portfolio-Ready React Project Build, then record rationale for stakeholder review.
Defend a portfolio-ready engineering implementation dossier for Portfolio-Ready React Project Build with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Week 12

Capstone: Deploy, Test, and Present a React Application

2 hours/week + labs

Learning Outcomes

Analyze the principles of Capstone: Deploy, Test, and Present a React Application and link them to course outcomes in time-boxed sprints with rapid feedback loops.
Evaluate Capstone: Deploy, Test, and Present a React Application in a guided scenario using realistic tools, constraints, and quality gates.
Create trade-offs, risks, and decision points for Capstone: Deploy, Test, and Present a React Application, then record rationale for stakeholder review.
Defend a portfolio-ready engineering implementation dossier for Capstone: Deploy, Test, and Present a React Application with measurable success criteria and next actions.
Track measurable progress using rubric scores, defect/risk trends, and evidence completeness each week.
Run a short retrospective focused on what to retain, improve, and scale into the following week.
Incorporate peer or mentor feedback and revise the week deliverable to professional publication quality.
Publish the week output into your cumulative portfolio with concise outcome narrative and proof artifacts.

Capstone Projects

Project 1: Interactive React Dashboard

Build a component-driven dashboard with routing, forms, and API-backed views.

Reusable component library and state management design
Validated form flows and loading or error state handling
Accessibility and responsiveness review checklist

Project 2: Shared State and Data Workflow App

Deliver a multi-page React app with context-based shared state and robust data-fetching patterns.

Provider architecture with performance-aware state updates
API integration with retry and failure recovery behavior
Debugging notes and measured optimization improvements

Project 3: Final React Portfolio Capstone

Ship and present a polished React application ready for portfolio and technical review.

Production deployment, test evidence, and release notes
Architecture explanation and component contract documentation
Presentation deck with roadmap and next enhancement plan