Skip to content
This repository was archived by the owner on Apr 14, 2025. It is now read-only.
Mary Alice Moore edited this page May 5, 2023 · 3 revisions

Project Overview

This sixteen-week project will teach you how to build a basic Todo List application with React.

Each lesson is an individual assignment, but you will work out of the same repository for the entire project. See instructions below for how to submit each week.

General Instructions

Course Calendar

Section 1 : React Fundamentals

Week # Lesson
1 Lesson 1.1: Project Setup and React Basics
Lesson 1.1 Instructions
Coding Assignment
2 Lesson 1.2: React DOM and Components
Lesson 1.2 Instructions
Coding Assignment
3 Lesson 1.3: Props, State, and Handlers
Lesson 1.3 Instructions
Coding Assignment
4 Review / Catch Up Week
  • Review or catchup on any work from the beginning of class to now, especially Lesson 1.3
  • Begin readings for Lesson 1.4 if you wish
5 Lesson 1.4: Lifting State and Props Handling
Lesson 1.4 Instructions
Coding Assignment
6 Lesson 1.5: Hooks and Fragments
Lesson 1.5 Instructions
Coding Assignment
7 Lesson 1.6: Reusable Components, Imperative React
Lesson 1.6 Instructions
Coding Assignment
8 Lesson 1.7: Asynchronous Data, Conditional Rendering, Advanced and Impossible State
Lesson 1.7 Instructions
Coding Assignment
9 Review / Catch Up Week
  • Review or catchup on any work from the beginning of class to now
  • Complete lesson 1.7 coding assignment
  • Read "React Fundamentals - Data Fetching" in your text
10 Lesson 1.8: Data Fetching, Data Refetching, Memoized Handlers
Lesson 1.8 Instructions
Coding Assignment
11 Lesson 1.9: Third-Party Libraries, Async/Await, Forms
Lesson 1.9 Instructions
Coding Assignment

Section 2 : React Legacy

Week # Lesson
12 Lesson 2.1: React Router, Class Components
Lesson 2.1 Instructions
Coding Assignment

Section 3 : React Styling

Week # Lesson
13 Lesson 3.1: CSS, Styled Components, SVG
Lesson 3.1 Instructions
Coding Assignment

Section 4 : React Maintenance

Week # Lesson
14 Review / Catch Up Week
  • Review or catchup on any work from the beginning of class to now
  • Work ahead on Lesson 4.1 if you wish
15 Lesson 4.1: Performance, TypeScript, Testing, Project Structure
Lesson 4.1 Instructions
Coding Assignment

Section 5 : React Real World

Week # Lesson
16 Lesson 5.1: Sorting, Searching, Pagination
Lesson 5.1 Instructions
Coding Assignment

Section 6 : Final Project +/- Deployment

Week # Lesson
17 Final Project Work Completion
Final Project Grading Rubric
Final Project Presentations
2 nights of presentations, time TBD
Practicum
8 week small group project

Clone this wiki locally