# my React JS learning diary

05.10

![](https://2830426059-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbfHizKoG276glbTAfX%2F-M88rn52YZCBX82PlFUm%2F-M88vDbQQmc61qMCW_qN%2Fimage.png?alt=media\&token=82078fcd-925b-4769-a137-70bfb19123a9)

![](https://2830426059-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbfHizKoG276glbTAfX%2F-M88rn52YZCBX82PlFUm%2F-M88vJHuGULxZRPcazh_%2Fimage.png?alt=media\&token=086c5838-f8e9-4bfd-af8b-7bf20d68b705)

![](https://2830426059-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbfHizKoG276glbTAfX%2F-M88rn52YZCBX82PlFUm%2F-M88vOvh9JzZ4WhrPEqD%2Fimage.png?alt=media\&token=8789f07d-13a5-4a88-a3f5-3af16e96b1f2)

05.12

![](https://2830426059-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbfHizKoG276glbTAfX%2F-M88rn52YZCBX82PlFUm%2F-M88vShn-7pWt1s_nOlz%2Fimage.png?alt=media\&token=6c52a974-24b9-44e4-b112-756c9e3d0071)

07.21

![the constructor for a class](https://2830426059-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbfHizKoG276glbTAfX%2F-MClei6KEm49J8281-1P%2F-MCljJ_v2KQ912vGkvxZ%2Fimage.png?alt=media\&token=8bf729d6-3ec9-4b69-bb8d-562b25156cd6)

lifecycle methods:

componentDidMount() and componentWillUnmount()

![](https://2830426059-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbfHizKoG276glbTAfX%2F-MClei6KEm49J8281-1P%2F-MClpxOffvVXsY7HlQkN%2Fimage.png?alt=media\&token=b2e8c7a6-b8b2-48c8-8658-9d85d94e29f5)

![](https://2830426059-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbfHizKoG276glbTAfX%2F-MCmhbktswaXffAc4jOv%2F-MCmsdAsNhhboIlAWwni%2Fimage.png?alt=media\&token=935155d5-9d84-4d7c-adb7-e95d15429729)

***bind a method  to a class***

07.22

don't use inheritance, only use composition and props!!!

ch.12

Thinking in React: 1. component hierarchy; 2. build a static version in React(you can use props but no state); 3. minimal state; 4. lifting state up; 5. inverse data flow

After the first round reading of the tutorial <https://reactjs.org/docs/hello-world.html>, IMO the most important concepts in React are: **Components, Props, and State.**