Master React, Quick Code tutorial. Part 3

[atherdon]

https://medium.com/quick-code/lets-learn-react-chapter-3-components-components-components-3492f771d623

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

Test

• [x] similar component for day checker is month checker. Create it.
• [x] btw, can you have a some sort of component between month and day - week, right? with ability(method) - to grab only work days, and other method for weekends?
• [x] separate some of repeating functionality from that HTML code too...
• [x] I want to have one array - that will contain days and month together. so when you'll need to render a 'calendar' table - you'll use 2 forEach methods.
• [x] and i want to have all static data - like titles, image url, content - into one file, make it like array. sample: https://github.com/ChickenKyiv/recipe-search-react/tree/master/src/data

  1

[nioperas06]

React component is just like an element describing the DOM node. They can be nested and mixed with each other. Adjacent JSX elements must be wrapped in an enclosing tag because React element has to return only one element. We'll have to wrap both of our tags with another element tag.

[nioperas06]

@atherdon I left a task because I did not understand.

[atherdon]

Tell me what is not clear for you?

[nioperas06]

Where should I define that array? inside which component? AppComponent? I wonder if it's not for future tasks 😶 .

[atherdon]

you should define it outside the components. it'll be like a submodule. google about it

[atherdon]

I wonder if it's not for future tasks

Not clear what do you mean

[atherdon]

just imagine that you'll need to display a whole calendar with data about moths, days, etc. what structure you'll use?

[nioperas06]

Somthing like this: Pseudo code App.ts for (let month of months) { <Month /* pass something like name or id to that component */ /> } Month.ts ` let days = ... (get month days) for (let day of days) {

} ` Inside Day component I can do something like WeekChecker.

[atherdon]

if it'll looks simple - do this. don't want to have a very complex code

[nioperas06]

Hi @atherdon. Please, can you review what I did. Thanks.

[atherdon]

ok, you can move to the next chapter.