iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

【現在學React還來得及嗎?】30天Takeaway分享 系列

以React官方教學為主,從Components由簡入深,跟隨作者在重點整理中一同成長。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

【Day21】Recap3

React vs Vue React要用onChange提供反向資料流,Vue是透過v-model達成雙向綁定 Vue的ref類似useState,而非use...

2024-08-25 ‧ 由 haruowang 分享
DAY 22

【Day22】RSC

行文至此,鐵人賽已經完成三分之二。雖說有保留約五天的緩衝進度,但每日撰文的壓力對意志仍是考驗。累倒是其次,做這件事占用掉生活多大的比例,又能交換到什麼,才是關鍵...

2024-08-26 ‧ 由 haruowang 分享
DAY 23

【Day23】vDOM

爬文時常看見「虛擬DOM」一詞,但還沒有梳理過,特於此筆記。 Takeaway 虛擬DOM其實是JS物件 Vue也有虛擬DOM,叫作VNode Svelte的...

2024-08-27 ‧ 由 haruowang 分享
DAY 24

【Day24】Good Writing

以下羅列一些寫React的好習慣: Takeaway 使用Fragments(空標籤)取代無效的div,因其可讀性更高,渲染出的DOM也更小 不會循序改變的s...

2024-08-28 ‧ 由 haruowang 分享
DAY 25

【Day25】R3F 1

終於進到實作環節啦——之前在Codrops曾看到用React Three Fiber做出酷炫3D效果的案例,就想說一定要趁著鐵人賽嘗試。 這次參考的程式碼中出現...

2024-08-29 ‧ 由 haruowang 分享
DAY 26

【Day26】R3F 2

不要單純地以為,從CSS改字型可以妝點<Text />。但照著官方文件教的,在<Text />裡寫上font={fontUrl},卻會遇...

2024-08-30 ‧ 由 haruowang 分享
DAY 27

【Day27】R3F 3

練習完文字效果後我打算測試導入模型。事不宜遲,借一下自己快兩年前用Blender練習捏的動漫風人頭。一開始導入只有半張臉,趕快apply鏡像修改器,尷尬。 說到...

2024-08-31 ‧ 由 haruowang 分享
DAY 28

【Day28】React Leaflet 1

本身蠻喜歡地圖的,也想過要仔細研究GIS。所以在認識到Mapbox和Leaflet時,就像挖到了寶藏。 其中前者是基於OSM的大型地圖服務;而後者正如其名,是個...

2024-09-01 ‧ 由 haruowang 分享
DAY 29

【Day29】React Leaflet 2

醒來跑去申請氣象資料開放平臺的帳號,還真的解決問題了。可能政府資料開放平臺給的Api只是測試用吧。正常來說這個key不該曝光,要ignore一下。但既然接的只...

2024-09-02 ‧ 由 haruowang 分享
DAY 30

【Day30】React Leaflet 3

最後來打造「依測站名稱查詢」的功能。關鍵字打上React Leaflet Search,有些外掛看起來是包含世界各地的經緯數據。比較廣泛,也不見得會有測站數據。...

2024-09-03 ‧ 由 haruowang 分享