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)