Ports - Shamira, Ngoc, Elle

[dev-elle-up]

Video Store Consumer

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Paste a link to the PR for your API	Ada-C11/VideoStoreConsumer-API#20
For each person in your pair, describe something you learned from your partner during this project	Shamira: Learned more about passing props. Elle: I learned generally how the React Router works. Ngoc: Details on using Postman, especially regarding the response body.
What was one area of React you gained more clarity on during this assignment?	Event handlers and callback functions; also React Router
Describe how you solved the problem of having lists of movies that look mostly the same but have different content	Since there were two different components, one pulled from our local API while the other pulled from the external API. The search list results are displayed in one column, instead of having it all in flexbox. This differentiates it from the library which displays several columns of movies available in the library.
Describe how you handled rentals with React	We send a POST request to our local API that includes the customer id, movie name, and due date. This went to an endpoint in the API that saves the record in a join table.
Describe a DOM event your application handled	The DOM handled the onclick events by re-rendering and following the instructions in the different functions. One DOM event is to select a customer. On the list of customers, each customer has a "select" button. When one customer's event button is clicked, state is changed to store details about this customer and display them in the "selected" (for rental) display area.
Did you use any functional stateless components? What for?	Our Home and Selected components are functional. The Home component renders an image and does not need to keep track of state. The Selected component renders the box that shows which movie and customer are selected and provides a checkout button to save the rental. This component does not need to keep track of state because that passed up to App via callback functions. (If we got to clearing the rental box and handling messages, we would have converted this a classical component.)
Did you use any container components? What for?	We used App as our container component.
Do you have any recommendations on how we could improve this project for the next cohort?	No three person groups. With the size of the project, we were bumping into each other. Hard to use our time effectively. Dealt more with organizing and people managing than actual code. Near the end we figured out that it was most effective to have the third person pair with someone.

I thought this was a good project that helped solidify several concepts. I feel more comfortable with connecting several pieces together.