Ports - Kim #6

Kimberly-Fasbender · 2019-06-11T23:46:00Z

React Chat Log

Congratulations! You're submitting your assignment!

Question	Answer
What purpose do components serve in React?	To make code more modular, by creating small parts of a webpage that can be re-used over and over again, nested inside of other components, or used as containers for other components.
How does adding dynamic content to a web page in React compare to jQuery?	They feel distinctly different, but React seems much more organized and easier to read to me. I'm also really enjoying not having to refresh the browser to see my changes since they take effect immediately upon saving. Also, we haven't done anything with event listeners or events in React yet, so definitely missing that and waiting to see how that feels in comparison to jQuery.
How did you use props in this project?	I used them to pass information from one component to another. For example, I passed the JSON data from the Apps component to the ChatLog component, where I was able to iterate through it and pass each object attribute to the ChatBubble component as props as well. In the ChatBubble component I was able to use those props in order to construct each individual chat bubble, and was also able to send the timeStamp attribute from the JSON file on to the TimeStamp component in order to display it nicely.
Do you have any recommendations on how we could improve this project for the next cohort?	I really liked this project, but it seemed like almost an exact mirror of the Ada Timeline project. Maybe make it a little different to inspire more creative thinking.

Kimberly-Fasbender added 5 commits June 11, 2019 16:06

created ChatBubble component and styled it

30384ce

added stying for local vs. remote senders

118041c

create ChatLog component and added styling

a9be69c

made small styling changes and worked on optional enhancements

0ff9042

updated PropTypes for ChatLog

baea949