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