About this course
React is a great choice for dynamic, data-driven user experiences. Learn how to create browser-based apps and websites with the component-based React.js library.
Building modern user interfaces with React
46sWhat you should know before watching this course
33sWhat is React?
1mSetting up Chrome tools for React
1m 42sSetting up Firefox DevTools for React
1m 2sWorking with Visual Studio Code
3m 8sAdding React to your project
4m 7sCreating React elements
1m 1sRefactoring elements using JSX
2m 49sIncorporating Babel
3m 10sWorking with JSX syntax
2m 5sCreating a React component
3m 14sAdding component properties
3m 23sWorking with lists
2m 26sAdding keys to list items
3m 14sDisplaying images with React
2m 59sUsing fragments
1m 18sGenerating a project with Create React App
2m 38sTouring a Create React App project
4m 24sDestructuring arrays and objects
2m 55sUnderstanding the useState Hook
4m 1sWorking with useEffect
2m 20sUnderstanding the dependency array
3m 18sIncorporating useReducer
3m 44sWorking with uncontrolled components
5mCreating controlled form elements
3m 1sBuilding a custom Hook
5m 13sChoosing a form library
1m 43sFetching data with Hooks
4m 4sDisplaying data from an API
2m 39sHandling loading states
2m 46sFetching data with GraphQL
4m 43sWorking with render props
4m 38sInstalling React Router v6
2m 23sConfiguring the Router
3m 33sIncorporating the Link component
2m 1sNesting links with React Router v6
2m 29sUsing Create React App as a testing platform
1m 1sTesting small functions with Jest
3m 47sIntroducing React Testing Library
2m 54sTesting events with React Testing Library
5m 23sDeploying to Netlify
1m 56sNext steps
1m 1s