Last updated: Aug 08, 26 12:00 UTC | Permalink

5 - React

Learning Objectives:

This module will provide an introduction to UI development using React. By the end of this module you should be able to:

• Understand how the React framework binds data (and changes to it) to a UI
• Create simple React components that use state and properties
• Unserstand basics of react reconcilliation and review common mistakes.

Important Dates:

• Individual Project 2 Due Wednesday, Oct 07 by 5pm (ET)

Lecture Slides:

• React Basics Slides PDF, PPT

Activities

• Activity: Enhancing a TODO Tracker in React

Tutorials

• Tutorial: Basics of React

Resources

• Code examples from lecture (zip)
• Official documentation for React
• Official tutorial materials on React (exhaustive, but really good)
• Official tutorial materials on useState
• More official tutorial material on useState and arrays
• More about Rendering
• Lazy Loading Components