Skip to content

restuwahyu13/differences-lifecycle-method-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

differences each lifecycle method in react js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published