</> Web Dev 2
GitHubGitHub (opens in a new tab) (opens in a new tab)
  • Home
    • Course Information
    • Guide: Setting Up Your Development Environment
    • Guide: Cloning a Next.js Project Repository
    • Guide: Creating a New Next.js Project
    • Guide: Coding Workflow
    • Guide: Deploying a Next.js App
    • Reference Documentation
    • GitHub Accounts
    • Project Showcase
  • Week 1: Introduction to Web Application Development
    • Intro to Web App Dev
    • HTML/CSS/JS Refresher
    • Week 1 Assignment
  • Week 2: Introduction to React
    • Introduction to React
    • Week 2 Assignment
  • Week 3: Components and Props
    • Components and Props
    • Week 3 Assignment
  • Week 4: Basic Interactivity
    • Basic Interactivity
    • Week 4 Assignment
  • Week 5: Interactivity with Forms
    • Interactivity with Forms
    • Week 5 Assignment
  • Week 6: Handling Lists
    • Handling Lists
    • Week 6 Assignment
  • Week 7: Managing State
    • Managing State
    • Week 7 Assignment
  • Week 8: Fetching Data
    • Fetching Data
    • Week 8 Assignment
  • Week 9: Firebase Auth
    • Firebase Authentication
    • Week 9 Assignment
  • Week 10: Cloud Firestore
    • Cloud Firestore
    • Week 10 Assignment
  • Week 11: Project Description
    • Project Phase 1
  • Week 12: API Implementation
    • API implementation
    • Project Phase 2: Project Setup
  • Week 13: API Database Integration
    • API Database Integration
    • Project Phase 2: Build Features
  • Week 14: Project Submission
    • Project Phase 3: Reflection
  • Week 15: Project Showcase

On This Page

  • Expectations
  • Class Recording
  • Winter 2025
  • Slides
Question? Give us feedback → (opens in a new tab)Edit this page
Week 2: Introduction to React

Week 2: Introduction to React

Expectations

  • Read and do the activities for Introduction to React
  • Skim Guide: Creating a New Next.js Project
  • Attend class and participate in the review of this week's content
  • Start and complete Week 2 Assignment

Class Recording

Winter 2025

  • View Source Code on GitHub (opens in a new tab)

Slides

View all slides
Week 1 AssignmentIntroduction to React
Programming is best learned by solving problems. If you want to learn more, create more problems.