egghead
Search
Search
Log In
Search
Search
Build a "Name Picker" app - Intro to React, Hooks & Context API by Simon Vrachliotis
Intro Video - React "Baby Names" App
Start a new React project with `create-react-app`
Get familiar with the basics of JSX
Pass data down to children component with props in React
Iterate through a JavaScript Array with JSX and the `Array.map()` method
Think in components and break down a React application in small UI components
Manage local state in React with the `useState` hook
Focus an input field in React with the `useRef` and `useEffect` hooks
Identify the need to elevate state to a parent component in React
Filter a JavaScript array with JSX and the `Array.filter()` method
Update state in React with the update function provided by the `useState` hook
Chain Array methods in JavaScript
Make components reusable in React with a flexible props API
Conditionally render JSX in React with ternary and logical operators
Reset an input field value in React with the update function provided by the useState hook
Reduce "prop drilling" in React with the Context API
Improve developer experience for accessing context with a custom React hook
egghead
Light