Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Master React, Quick Code tutorial. Part 2 #4

Closed
7 tasks done
atherdon opened this issue Apr 24, 2018 · 7 comments
Closed
7 tasks done

Master React, Quick Code tutorial. Part 2 #4

atherdon opened this issue Apr 24, 2018 · 7 comments
Assignees

Comments

@atherdon
Copy link
Member

atherdon commented Apr 24, 2018

Link to the first part of a tutorial on the next line
https://medium.com/quick-code/lets-learn-react-chapter-2-what-the-hell-is-jsx-and-where-can-i-buy-it-5303a7db5117

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

  • at this tutorials we have a days array. i want to add a month's arrays(at least 3 months with dates) and I want to have a method that will render calendar like a template. more details upon request with specific questions

#2

@atherdon atherdon changed the title Open Master React, Quick Code tutorial. Part 2 Master React, Quick Code tutorial. Part 2 Apr 24, 2018
@smob123
Copy link
Collaborator

smob123 commented Apr 25, 2018

Things I learned:

  • adding javascript functions
  • calling those function from the render method
  • a better understanding of flexbox after testing its different functions
  • manipulating html with javascript
  • calling functions after components get rendered using componentDidMount()

@atherdon
Copy link
Member Author

Does this article help with including custom js from onboarding slider, right?

Btw, what is exactly componentDidMount ?

@smob123
Copy link
Collaborator

smob123 commented Apr 25, 2018

  • yes, it helps with including custom js if it is in the same file.

  • componentDidMount is a react method that checks if components in render were mounted on the browser, that is by looking through each of them from the last to the first element.

I used it in this tutorial; because, using getElementById would always return null if it was called from render.

@atherdon
Copy link
Member Author

atherdon commented Apr 25, 2018 via email

@atherdon
Copy link
Member Author

Btw, you can proceed with next chapter. it's really interesting

@smob123
Copy link
Collaborator

smob123 commented Apr 26, 2018

possibly yes, due to the way the method works

@atherdon
Copy link
Member Author

ok, good

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants