# Web-ClassComponentsII-Guided-Project

**Repository Path**: mirrors_LambdaSchool/Web-ClassComponentsII-Guided-Project

## Basic Information

- **Project Name**: Web-ClassComponentsII-Guided-Project
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-07-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# How to
  * Clone repo.
  * run `yarn install` to get dependencies.
  * run `yarn run dev` to start webpack.
  * run `live-server` or similar to serve up `index.html`.

# Objectives
  * Class components: extending React.Component.
  * The constructor function vs. the newer `state = { // etc }` syntax.
  * Initializing state to a hard-coded object assigned outside of the component.
  * Initializing state using incoming props.
  * Conditionally initializing state to a hard-coded value or from props.
  * Updating state with setState.
  * Passing state around via props.
  * Passing callbacks around (via props) that change state.
  * Working with inputs in React.
  * Spreading props using `{...rest}`.
  * Conditionaly pass one set of props or another.
  * Rendering custom components using `.map`.
  * Create methods that update app state using callbacks, and local state using other methods.
  * Generating unique ids for our new friends.

# Steps
  * Find steps in the `.jsx` files inside `src/components` folder.

# Final App
  * Check the `lecture` branch once the lecture is done.