How would you break a mock into a component heirarchy?
The first thing you’ll want to do is to draw boxes around every component (and subcomponent) in the mock and give them all names. If you’re working with a designer, they may have already done this, so go talk to them! Their Photoshop layer names may end up being the names of your React components!
What is the single responsibility principle and how does it apply to components?
The single-responsibility principle (SRP) is a computer-programming principle that states that every module, class or function in a computer program should have responsibility over a single part of that program's functionality, and it should encapsulate that part.
What does it mean to build a ‘static’ version of your application?
Static applications are not reliant on connection to an online server or database. Apps built in this way are downloaded once, usually periodically updated, and are able to function offline only with the device on which they are installed.
Once you have a static application, what do you need to add?
Step 1: Add Your New Site
Creating a new site on Netlify is simple. Once you’ve logged in, you’ll be taken to https://app.netlify.com. If you’re just starting out, there’s only one option, Click the Add A New Project button shown above.
Once you have a static application, what do you need to add?
I need to add to state to make app more interactive
What are the three questions you can ask to determine if something is state?
it passed in from a parent via props? Does it remain unchanged over time? Can you compute it based on any other state or props in your component
How can you identify where state needs to live?
you must Identify the component that renders something based on that state.