LAP 3 - getfutureproof/fp_guides_wiki GitHub Wiki
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
React Class Component Materials
(Please note that the guides below are no longer maintained)