Learning Objectives

React Week 1#

Creating an app#

  • Create a React application with create-react-app

Writing components#

  • Create a React function component
  • Nest components within other components
  • Use interpolation ({}) to insert JavaScript expressions into JSX
    • And be able to distinguish between them when reading
  • Render a list using the .map method
  • Render components conditionally
    • Using ternary operator and logical AND (&&)
  • Can add styles to elements using className (instead of class attribute)

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

Deployment#

  • Build and deploy a React application (to Netlify/Now/Heroku etc)