Leaves - Emily and Raisah

[raisahv]

Video Store Consumer

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Paste a link to the PR for your API	Ada-C12/video-store-consumer-api#2
For each person in your pair, describe something you learned from your partner during this project	Raisah learned the syntax for passing down functions as props from Emily, which we were able to use multiple times in the project (ie for selectMovie and detailsMovie). Emily learned more detailed CSS formatting (ie using grids for small objects) from Raisah.
What was one area of React you gained more clarity on during this assignment?	We learned how to use React Router to consolidate the render function in App.js and preserves the ability to route to nested components.
Describe how you solved the problem of having lists of movies that look mostly the same but have different content	For MovieLib and MovieSearch rendered certain aspects of Movie conditionally by passing down different props. The select button on Movie had different behavior and was labeled differently depending on whether the movie was in the library or not.
Describe how you handled rentals with React	Once a customer and a movie was selected, the user has the ability to click a button to rent the movie, which then sends a POST request through axios to the Rails App to add a new rental to the database. The request triggers the rendering of a react alert to let the user know the rental was successful.
Describe a DOM event your application handled	In the MovieSearch component, there is an input that takes a movie title. The user hits submit to send the input text to the form component, which then makes a GET request to Rails which then makes another GET request to the movie database to find a list of movies related to the input text.
Did you use any functional stateless components? What for?	Movie, MovieLib, Customer, and CustomerList are stateless because state is held in App.js and these components don't need to change, they just need to send information to App.
Did you use any container components? What for?	Yes, MovieLib and CustomerList are container components. We needed them to generate lists of Movies or Customers.
Do you have any recommendations on how we could improve this project for the next cohort?	It was a helpful project to tackle integrating a separate front end and back end before capstone.