Master React, Quick Code tutorial. Part 8

[atherdon]

https://medium.com/quick-code/lets-learn-react-chapter-8-react-forms-f3137a5c07c7

Expected result

• [x] Read this tutorial chapter
• [x] follow code steps
• [x] 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)
• [x] pass the test section
• [ ] after reviewing your progress and closing this issue - you can move to the next chapter.

Test

• [x] right now form looks very simple. And usually Meal form have more fields. So let's add them.

By using this database schema: https://github.com/ChickenKyiv/recipe-api-only/blob/master/Recipe-ChickenKyiv-Release%231%20Schema%20%20%20SqlDBM.png We'll advance this form. I'm pretty sure that when you'll add all fields in this form, you'll realize that it's better to create a sub-components for each form field. So, Meal is a similar Model to Recipe. so we'll add all important things to that form.

• Each recipe has attributes: diets, allergies, etc. - text field for each one
• Each recipe has a weekday field(like today i have chicken, tomorrow i'll eat soup) - i assume it'll be checkbox.
• Nutritions is a sub-array with a few fields() - text fields
• Ingredients is a sub-array with a few ingredients inside(like chichen brests, salt, pepper, etc.) Let's have 4 ingredients per meal.

And, make it works :) this is when a real ES6 is coming into the scene. and don't forget that each field will also have an id field(later it can be useful, when you'll grab data from database)

1

[atherdon]

@nioperas06 Hope things going well! What do you think if we'll jump into a real issues that we have in my projects?

[nioperas06]

Hi @atherdon, Agreed 👍

[atherdon]

give me your email and i'll add you to our Slack channel Sent from Astro for Slack https://www.helloastro.com/slack

On 24-Sep-2018 at 06:44 AM, Junior Gantin wrote:

Hi @atherdon https://github.com/atherdon, Agreed 👍

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/GroceriStar/react-only-intern-22/issues/9#issuecomment-423887667, or mute the thread https://github.com/notifications/unsubscribe-auth/ABZrDhrys8HTUT9Vdx-LvziP9avP582oks5ueH8_gaJpZM4Uk6Gl .

[nioperas06]

nioperas06@gmail.com

[atherdon]

i send you an invite - buzz me on Slack and we'll discuss our next steps Sent from Astro for Slack https://www.helloastro.com/slack

On 24-Sep-2018 at 01:59 PM, Junior Gantin wrote:

nioperas06@gmail.com

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/GroceriStar/react-only-intern-22/issues/9#issuecomment-423984395, or mute the thread https://github.com/notifications/unsubscribe-auth/ABZrDj1Xi-8J0-YjyC73XhSlvah_VN6Yks5ueOU5gaJpZM4Uk6Gl .