Last updated: Sep 23, 26 20: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 basic React concepts: components, props, and state
• Explain how a React component communicates with its parent and with its children
• Explain what happens when a React component updates its state
• Explain when a React component will be redisplayed
• Create simple React components that use state and properties

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 slides
• 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