Master React, Quick Code tutorial. Part 7

[atherdon]

https://medium.com/quick-code/lets-learn-react-chapter-7-component-life-cycle-6aaa815747db

Expected result

• [x] Read this tutorial chapter
• [x] follow code steps
• [x] move your code to this repository(at least one commit per day)
• [x] explain to me, what did you learn from it in a few sentences(not less than 5)
• [ ] pass the test section
• [ ] after reviewing your progress and closing this issue - you can move to the next chapter.

Test

• [ ] by using componentWillMount add few recipes/meals. each item should have recipe_url, image, ingredient list(sub-array), directions(sub-array), description(string)

  1

[nioperas06]

React components have lifecycle. It is series of actions executed before React component is displayed (componentWillMount), after component is displayed (componentDidMount), before component is updated (componentWillUpdate) and after component is updated (componentDidUpdate).

[atherdon]

Btw, i didn't saw that you complete the test part. maybe you not pushed something to the repo?

[nioperas06]

https://github.com/GroceriStar/react-only-intern-22/commit/9d9f5e87f806335fd647978985767ef1917b8230

[atherdon]

each item should have recipe_url, image, ingredient list(sub-array), directions(sub-array), description(string)

[nioperas06]

I just add two sub arrays to meals in componentWillMount.

[atherdon]

ok, looks cool. will create some more small improvements and will share them with you soon. Btw, can you move your recipes into data folder, i think it'll make components looks more clear

[atherdon]

@nioperas06 I think we forget to add data, related to directions(recipe steps). please add it and make directions list as separated component too