Skip to content
Mary Alice Moore edited this page Feb 19, 2022 · 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 # Week Start Date Week End Date Lesson
0 March 9, 2022 March 15, 2022 Sign up for access to your text
1 March 16, 2022 March 22, 2022 Lesson 1.1: Project Setup and React Basics
Lesson 1.1 Instructions
Coding Assignment
2 March 23, 2022 March 29, 2022 Lesson 1.2: React DOM and Components
Lesson 1.2 Instructions
Coding Assignment
3 March 30, 2022 April 5, 2022 Lesson 1.3: Props, State, and Handlers
Lesson 1.3 Instructions
Coding Assignment
4 April 6, 2022 April 12, 2022 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 April 13, 2022 April 19, 2022 Lesson 1.4: Lifting State and Props Handling
Lesson 1.4 Instructions
Coding Assignment
6 April 20, 2022 April 26, 2022 Lesson 1.5: Hooks and Fragments
Lesson 1.5 Instructions
Coding Assignment
7 April 27, 2022 May 3, 2022 Lesson 1.6: Reusable Components, Imperative React
Lesson 1.6 Instructions
Coding Assignment
8 May 4, 2022 May 10, 2022 Lesson 1.7: Asynchronous Data, Conditional Rendering, Advanced and Impossible State
Lesson 1.7 Instructions
Coding Assignment
9 May 11, 2022 May 17, 2022 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 May 18, 2022 May 24, 2022 Lesson 1.8: Data Fetching, Data Refetching, Memoized Handlers
Lesson 1.8 Instructions
Coding Assignment
11 May 25, 2022 May 31, 2022 Lesson 1.9: Third-Party Libraries, Async/Await, Forms
Lesson 1.9 Instructions
Coding Assignment

Section 2 : React Legacy

Week # Week Start Date Week End Date Lesson
12 June 1, 2022 June 7, 2022 Lesson 2.1: React Router, Class Components
Lesson 2.1 Instructions
Coding Assignment

Section 3 : React Styling

Week # Week Start Date Week End Date Lesson
13 June 8, 2022 June 14, 2022 Lesson 3.1: CSS, Styled Components, SVG
Lesson 3.1 Instructions
Coding Assignment

Section 4 : React Maintenance

Week # Week Start Date Week End Date Lesson
14 June 15, 2022 June 21, 2022 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 June 22, 2022 June 28, 2022 Lesson 4.1: Performance, TypeScript, Testing, Project Structure
Lesson 4.1 Instructions
Coding Assignment

Section 5 : React Real World

Week # Week Start Date Week End Date Lesson
16 June 29, 2022 July 5, 2022 Lesson 5.1: Sorting, Searching, Pagination
Lesson 5.1 Instructions
Coding Assignment

Section 6 : Final Project +/- Deployment

Week # Week Start Date Week End Date Lesson
17 July 6, 2022 July 12, 2022 Final Project Work Completion
Lesson 5.1 Instructions
Final Project Grading Rubric
July 13, 2022 July 15, 2022 Final Project Presentations
2 nights of presentations, time TBD
July 18, 2022 September 9, 2022 Practicum
8 week small group project