Compiled Learning Objectives

What is React

• Find the docs
• Describe the key principles of React

Components

• Write your first React component

Importing and Exporting

• Export a React component
• Import a React component

JSX syntactic sugar

• Display information with JSX

Embedding JavaScript

• Embed JavaScript in JSX
• Dynamically specify values in JSX
• Call a JavaScript function inside JSX with curly braces

Props

• Pass props to a component
• Read props from a component

Rendering

• Use map() with React to transform an array of data into an array of components.

Keys

• Explain why React needs keys

Prep Resilience

• Describe three ways to build resilience

Resilience

• Describe 2 methods to improve resilience

Pokedex Workshop

• Build basic React components
• Pass data between components using props
• Render lists in React and use keys properly
• Split code into separate files and import/export components

Team Project

• Work in a team to build a React app