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 1Module 2: Component Composition
JavaScript modules, importing and exporting components, building UIs with React, and understanding props and data flow.
View Module 2Module 3: Composing Side Effects
Understanding side effects, the Effect Hook, data fetching, and cleanup and unmounting in React components.
View Module 3Module 4: Advanced Styling Techniques
Create React App, styling in React, using Reactstrap, and working with Styled Components for advanced UI.
View Module 4Code-Alongs
Code-Along 1: Building a React Component Library
Practical exercises to build reusable React components and understand component structure.
View Code-AlongsCode-Along 2: Advanced State Management with useEffect
Hands-on practice with React's useEffect hook and managing side effects in your applications.
View Code-AlongsNote: 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