Web Unit 2 Sprint 6 - React Components and State

Course Overview

Welcome to Web Unit 2 Sprint 6! In this sprint, you'll learn about React components, state management, side effects, and advanced styling techniques. This course is designed to give you hands-on experience with modern React development practices.

Course Modules

Module 1: React Components and Component States

Understanding React and its core concepts, working with components, managing state, and handling events.

View Module 1

Module 2: Component Composition

JavaScript modules, importing and exporting components, building UIs with React, and understanding props and data flow.

View Module 2

Module 3: Composing Side Effects

Understanding side effects, the Effect Hook, data fetching, and cleanup and unmounting in React components.

View Module 3

Module 4: Advanced Styling Techniques

Create React App, styling in React, using Reactstrap, and working with Styled Components for advanced UI.

View Module 4

Code-Alongs

Code-Along 1: Building a React Component Library

Practical exercises to build reusable React components and understand component structure.

View Code-Alongs

Code-Along 2: Advanced State Management with useEffect

Hands-on practice with React's useEffect hook and managing side effects in your applications.

View Code-Alongs

Note: Please visit the platform to access the current code-along materials and videos.

Sprint Challenge

Final Project

The sprint challenge will test your understanding of React components, state management, and styling techniques.

View Sprint Challenge