https://github.com/restuwahyu13/differences-lifecycle-method-react
differences each lifecycle method in react js
https://github.com/restuwahyu13/differences-lifecycle-method-react
Last synced: 3 months ago
JSON representation
differences each lifecycle method in react js
- Host: GitHub
- URL: https://github.com/restuwahyu13/differences-lifecycle-method-react
- Owner: restuwahyu13
- Created: 2020-03-22T18:39:09.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-03-22T18:44:15.000Z (over 5 years ago)
- Last Synced: 2025-02-22T20:32:21.630Z (8 months ago)
- Language: JavaScript
- Size: 338 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Example Lifecycle Method in React
**Berikut** adalah beberapa perbedaan spesifik dari masing - masing **Lifecycle Method** yang ada pada `React Js`, semoga dapat membantu anda untuk memahami apa itu **Lifecycle Method** pada `React Js` khususnya untuk pemula.
#### Cara Menjalankan Aplikasi:
**Install** module terlebih dahulu sesuai dengan apa yang tertera di `package.json`, kemudian buka terminal dan silahkan ketikan `npm install` atau `yarn add`, setelah selesai menginstall module tersebut lalu silahkan jalankan dengan cara mengetikan `npm start` atau `yarn start`.
#### Penjelasan Fungsi Lifecycle Method:
* **componentWillMount** dimana data akan dikirim sebelum component itu diberikan ke DOM
* **componentDidMount** dimana data akan dikirim setelah component itu diberikan ke DOM
* **componentWillRecieveProps** dimana data akan dikirim jika mengalami perubahan pada state
* **shouldComponentUpdate** dimana data akan dikirim jika data tersebut bernilai true dan jika false maka data tidak akan dikirim
* **componentWillUpdate** dimana data akan dikirim sebelum pembaruan component itu terjadi
* **componentDidUpdate** dimana data akan dikirim setelah pembaruan component itu terjadi