Master React, Quick Code tutorial. Part 7

[atherdon]

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

Expected result

• Read this tutorial chapter
• follow code steps
• move your code to this repository(at least one commit per day)
• 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)
  First step. React from tutorial [Main task] #1

[sanchit94]

This tutorial talks about Component lifecycle, which are the set of actions that are performed before the component is mounted/rendered, after it is mounted, before it is updated and after it is updated. These funcitons will be useful in displaying data we get from the server. Here we have displayed dummy data that mimics our server data and used componentWillMount(). We can also perform some action when the component updates by using componentDidUpdate().

[atherdon]

Can you create a PR with latest code changes?

[atherdon]

@sanchit94 i think we did it, right?

[atherdon]

if yes, can you put a code link where we adding meals, with all related fields to them? i'm not remembered, but i think the reason why i didn't close this task before because i didn't find an ingredients section. But i can be wrong, for sure...

[sanchit94]

Yes @atherdon the ingredient section was not there, so adding it right now.

[sanchit94]

The ingredients would be an array I suppose, I think this is a good time for us to move to ant design components as they will be more suitable for such inputs. Reactstrap has very few features to help with this. I want the ingredients to be a tag select as shown here https://ant.design/components/select/
Tell me what do you think.

[atherdon]

I'm quite not sure about Antd UI Kit. at search form it was a test, in order to understand more about how it works inside. i also checked the code of complex Antd project(admin side) - and it's looks very crazy. so i'm not sure if using Andt will be a good approach for a future. i'm also a big fan of Bootstrap, so i know how it works very well, and with Andt you will need to learn a lot from scratch. yeah, ingredients, directions is array. On 14-Jul-2018 at 10:12 AM, Sanchit Sharma wrote: The ingredients would be an array I suppose, I think this is a good time for us to move to ant design components as they will be more suitable for such inputs. Reactstrap has very few features to help with this. I want the ingredients to be a tag select as shown here https://ant.design/components/select/ Tell me what do you think. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#8 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABZrDof0rhzFhlOiSQ71niBB9uwNmcFvks5uGcP2gaJpZM4Uk6B6> .

[sanchit94]

Yes I like bootstrap too, but how do you suggest we implement the tag select in reactstrap? I checked the documentation but there is no such component. On Sat 14 Jul, 2018, 3:52 PM Arthur Tkachenko, <notifications@github.com> wrote:

…

I'm quite not sure about Antd UI Kit. at search form it was a test, in order to understand more about how it works inside. i also checked the code of complex Antd project(admin side) - and it's looks very crazy. so i'm not sure if using Andt will be a good approach for a future. i'm also a big fan of Bootstrap, so i know how it works very well, and with Andt you will need to learn a lot from scratch. yeah, ingredients, directions is array. On 14-Jul-2018 at 10:12 AM, Sanchit Sharma wrote: The ingredients would be an array I suppose, I think this is a good time for us to move to ant design components as they will be more suitable for such inputs. Reactstrap has very few features to help with this. I want the ingredients to be a tag select as shown here https://ant.design/components/select/ Tell me what do you think. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub < #8 (comment) >, or mute the thread < https://github.com/notifications/unsubscribe-auth/ABZrDof0rhzFhlOiSQ71niBB9uwNmcFvks5uGcP2gaJpZM4Uk6B6 > . — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#8 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Af_sDKah0xtXgYKnI9RpZMSu_gVaA5ioks5uGcZigaJpZM4Uk6B6> .

[atherdon]

Hmm, it can be Select2 plugin.
it's not in my priority right now, if you wish, you can try a few different options, and then show to me your results.
i'll be ok, if it'll be just multi-select for now. exntend your logic-vision - is my main goal for this task, not UI