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.

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

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

Practice Problems

Sprint Challenge

Final Project

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

View Sprint Challenge

Additional Resources