# Web-FunctionalComponentsII-Guided-Project

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

## Basic Information

- **Project Name**: Web-FunctionalComponentsII-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-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Objectives
  * Learn about importing and exporting components and styles.
  * Functional components are closures: they can access variables in the outer scope.
  * Implement a Nav component that consumes an array of link objects.
  * Implement a Section component that consumes an individual section.
  * Implement a top-level component that uses the other components.
  * Learn about props and how they are passed down.
  * Learn about the `key` prop when looping over an array with map.
  * Learn about top-level "container" elements that hold state.
  * Implement a button with a click handler.
  * Interpolate values from props in our JSX.
  * Learn to insert JS expressions inside our JSX to reduce verbosity.
  * Use semantic HTML in our components.
  * Functional components and the fat-arrow syntax.

# Final App
  * See the `design_files` folder.
  * Check the `solution` branch once the lecture is done.