Last updated: Mar 25, 26 00:28 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.

Lecture Slides:

• React Basics Slides PDF, PPT

Activities

• Activity: Enhancing a TODO Tracker in React
• Prof Simmons’ lecture: starter code section 5 endpoint section 6 endpoint

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