Compiled Learning Objectives

At the end of the sprint, you should be able to do the following things. Make sure to check you can do them all, and if not, go back and keep practicing until you can.

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