React Development Short Course

Installfest Guides

Module Name	Student-facing	Instructor Notes
Local Installation Guide	GitHub Pages Link	Repo: https://github.com/ga-curriculum/seb-installfest-early-2024

Module name	Type	Duration	About
Intro to SPAs	Lecture	60 min	Introduces Single Page Applications and their architecture and benefits.
Intro to React	Lecture	60 min	Overview of React concepts and components.
Modern Javascript Syntax Lab	Lab	60 min	Hands-on exercises reinforcing modern JavaScript syntax and features.
Building Your First React App	Lecture	180 min	Step-by-step process for creating a first React application.
React Components	Lecture	120 min	Creating reusable components for modular UI development.
React Components Lab	Lab	60 min	Hands-on exercises working with React components.
React State Management	Lecture	120 min	Managing application state in React components.
React State Management Lab	Lab	120 min	Practice implementing state management techniques.
Controlled Forms in React	Lecture	120 min	Handling and validating form inputs using controlled components.
Controlled Forms in React Lab	Lab	60 min	Practice implementing controlled forms in React.
Lifting State in React	Lecture	120 min	Sharing and managing state across multiple components.
Lifting State in React Lab	Lab	120 min	Exercises focused on state sharing between components.
Fetching Data in React	Lecture	120 min	Fetching and managing external data from APIs.
Fetching Data in React Lab	Lab	60 min	Practice integrating API data into React applications.
React Router DOM	Lecture	120 min	Implementing client-side routing with React Router.
React Router DOM Lab	Lab	120 min	Practice building navigation and routing in React apps.
Total content		~27 hours (1620 min)

Module name	About
Build a “To Do list” Style App in React	Build a React application that manages items (such as tasks, recipes, or expenses) to reinforce core concepts including components, state management, and event handling.