Phase: BuildingAction Day45 minutes

Day 17: Components - Building Blocks

Components are reusable pieces of UI - like LEGO blocks. Build a header once, use it everywhere. Change it in one place, it updates everywhere. This is the core of modern web development.

Today's Tasks

  1. 1Create a Header component with your name and navigation
  2. 2Create a Footer component with copyright
  3. 3Add both to your layout so they appear on every page

Prompt to Use

Create a Header component with my name and navigation links (Home, About, Contact). Create a Footer component with copyright info. Add both to the layout so they appear on every page. Use Tailwind for styling.

Expected Outcome

Header and Footer components appearing on every page.

New Terms

ComponentLayoutReusableProps

Pro Tip

If you're copying and pasting the same HTML, it should probably be a component.

Coming Tomorrow

We'll make it look good with Tailwind CSS.