iT邦幫忙

2022 iThome 鐵人賽

DAY 30
0
自我挑戰組

前端菜鳥的react初體驗系列 第 30

前端菜鳥的react初體驗 Day30

  • 分享至 

  • xImage
  •  

沒想到、沒想到,一路崎嶇、充滿絕望,但是。

https://ithelp.ithome.com.tw/upload/images/20221015/20152660Ix4ke7GDTg.png

而且,我那趕在參賽最後一天,甚至還很茫然的時候我列下的期望目標,好像也做到了。
那就再來複習一下吧!

  • 熟悉Component的概念
    簡單的說,Component讓網頁的區塊可以獨立的重複使用,把組件的html、css、js都包在一起,要用的時候,直接整包引用就好了。
  • 理解如何運用State與Prop
    都是react拿來傳遞資料的應用,兩者之間有不同的用法跟差異,主要有以下兩點
    1.Props從外部傳遞資料,State從內部管理
    2.Props不能透過該組件修改,State透過setState來修改。
  • 理解react的生命週期
    react是將寫好的組件渲染到html上,我們操作更改的也都是虛擬Dom。在這個過程中,什麼時候渲染?資料改變的時候是否要重新渲染?哪些要渲染那些不要?都會透過生命週期來控制規範。
    https://ithelp.ithome.com.tw/upload/images/20221015/201526608JoouBb7wQ.png
  • 利用react寫一個to do list
    在最後,嘗試了用class跟hook分別寫了to do list,恩,hook真的直觀很多!
  • 知道什麼是react hook
    是react為了我們這種js苦手(並不是)開發的一種應用,讓所有的組件都是一個一個的function。用我的理解來說,react把網頁組件化,hook則是把功能組件化。
    那些會常用的頁面區區塊讓他變成組件,那些會常用的功能讓他變成勾子。
    而在這裡,也讓我們遠離了this、this、this的煩憂,一項德政!

那麼,到這裡才算是要真正開始學習react吧?

最後,
謝謝鐵人30,讓我有機會做這樣的嘗試與努力,
謝謝每天被我摧殘,強迫你們看我莫名其妙的文章的朋友們,文章最有意義的通常就是我的梗圖
當然,也謝謝我自己,我沒想到我可以,但我想我要相信,我可以。


上一篇
前端菜鳥的react初體驗 Day29-To Do list(4)
系列文
前端菜鳥的react初體驗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言