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)
