Compiled Learning Objectives

What is React (Prep)

• Find the docs
• Describe the key principles of React

Components (Prep)

• Write your first React component

Importing and Exporting (Prep)

• Export a React component
• Import a React component

JSX syntactic sugar (Prep)

• Display information with JSX

Embedding JavaScript (Prep)

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

Props (Prep)

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

Rendering (Prep)

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

Keys (Prep)

• Explain why React needs keys

Prep Resilience (Prep)

• Describe three ways to build resilience

Resilience (Day Plan)

• Describe 2 methods to improve resilience

Pokedex Workshop (Day Plan)

• 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 (Day Plan)

• Work in a team to build a React app