LAP 3

You’ll be able to write code in React, a JavaScript framework, by the end of this lap. It means you’ll be creating slick front ends with ease. You will develop an awareness of component drive development. learn how to structure your React application using industry-standard principles and how to share data across React components.

Topics

Topic	Description	Technologies
Intro to Module Bundlers & Webpack Setup	Setting up and using the Webpack module bundler.	Webpack - Babel
Intro to Vite	Setting up and using Vite.	Vite
Intro to React	Getting started with a basic React app and file structure.	React - JavaScript - JSX - HTML
Testing React	Adding tests to a React project.	React - JavaScript - JSX - Jest - React Testing Library
CDD & StorybookJS	Component Driven Development with Storybook JS	React - StorybookJS - Jest
Intro to React Hooks	Introduction on how to implement basic hooks.	React - JavaScript
React State & Eventing	The useState hook and controlled forms.	React - JavaScript - JSX
React Props	Passing props between components.	React - JavaScript - JSX
React useEffect	The useEffect hook and its benefits.	React - JavaScript
React Navigation	Navigation in React with React Router.	React - JavaScript - JSX - React Router
React Advanced Hooks	Additional hooks that are useful to know.	React - JavaScript - JSX
Redux	The redux pattern, technology and how to use with React.	React - JavaScript - JSX - Redux
Intro to DevOps	Discussion of the DevOps cycle and key terminology.	N/A

Additional Resources

• Deploying a React Client with Netlify

---

React Class Component Materials
(Please note that the guides below are no longer maintained)

• State & Eventing
• Component Lifecycle Methods