Skip to main content

Learning Objectives

React Week 1

Create-React-App

  • Create a React application with create-react-app
  • Deploy a React application to Netlify

Concept of a component

  • Describe why components are useful

Writing components

  • Write elements with JSX syntax
  • Create a React function component (both function definition and arrow function styles)
  • Nest components within other components
  • Use interpolation ({}) to insert JavaScript expressions into JSX
    • And be able to distinguish between them when reading
  • Import/export components between files
  • Render a list using the .map method

Passing props

  • Pass values to components as React props
    • Receive props in a function component
    • Pass functions as props and call them in child components