Time - Vera #42

veralizeth · 2020-04-15T18:16:26Z

Assignment Submission: Timeline

Congratulations! You're submitting your assignment. Please reflect on the assignment with these questions.

Prompt	Response
What is a Component in React?	Are reusable chunks of JS that output via JSX, HTML element. A component takes the form of JavaScript classes or functions that could take parameters, properties(props) and returns a react element. We can use a component after we have defined it by calling it.
What are props in React?	The properties(props) are passed down from components higher up the hierarchy, they manage and share the data. They are like parameters. Props cannot be changed within the components and we can assign them to a variable or contain any object or function. Always in one direction from the parent to the child.
How did you use props in this project?	`const Timeline = (props)` I used them to access `{timelineData.events}` that contains an array of objects. They come from the parent `App.js`. Knowing `that timelineData.events` I iterate over it to get the data of each `person, status , timeStamp`. `TimelineEvent` component use the props from the parent `TimeLine` component.

…ents(array of events)

…events) return each event

… to TimeStamp child time to get the format span back

…container .timeline

… unique index value

veralizeth added 7 commits April 13, 2020 17:47

Passing the timeData as a params, .person(title) ana timeline,data.ev…

a2c1035

…ents(array of events)

Got the props from App(Parent). Arrow funtion, iterate over the data(…

da2951b

…events) return each event

get the props from timeline(parent)return person, and status. Passing…

47b687c

… to TimeStamp child time to get the format span back

Change with 80%

900f8e4

Change <p> for <ul> wrapper needed

d478c16

Adjusting text deco for the bullets on list and wrap the text inside …

445904a

…container .timeline

Adding HTML li to each TimelineEvent, also change the key value, to a…

823a238

… unique index value