Skip to content

Instantly share code, notes, and snippets.

@ivonne-hernandez

ivonne-hernandez/box-office-deetz.md

Last active December 2, 2021 21:38
Show Gist options
  • Save ivonne-hernandez/ff47e4ac0a4682080a8c8da41c57373d to your computer and use it in GitHub Desktop.
Save ivonne-hernandez/ff47e4ac0a4682080a8c8da41c57373d to your computer and use it in GitHub Desktop.
Download ZIP
Box Office Deetz
Raw
box-office-deetz.md

Rough component architecture so far

What components will we need?

  • App Component
    • Header Component
    • Movie Container Component
      • Movie "card" Component
      • Movie "Detailed View" Component

Where will data be stored?

Data will be stored in the App Component via State, and passed down to movie container and movie card component via props?

How will info be passed around?

I'm imagining data will be stored primarily in state in App.js and passed down to the movie container component via props, where it generates a movie card component based on each item in the provided array from props.

The movie detailed view component will also need to receive this data via props and state so that we can show detailed info for a given movie.

-- From Colgan & Ivonne :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment