活動介紹
久違的 React 小聚回來啦!
styled-components is dead - Evan Ye@Dcard
使用 React 的開發者對於 styled-components 應該不陌生。在當年 CSS-in-JS 之亂時憑著一身在 JavaScript 裡寫 CSS syntax 殺出一條血路,在 State of CSS 2019-2021 連續三年都霸佔使用率榜首,成為 React CSS-in-JS 界的一方霸主。
這麼熱門的工具為什麼說他死了?畢竟每個工具都會有他的缺點也不至於這麼嚴重。可惜的是 styled-compnents 的方便所帶來的缺陷在現在追求效能及 Web Vitals 的時代無疑是毀滅打擊。本次分享將會帶大家認識 styled-compnents 的優缺點,並介紹替代方案,最後分享我在公司專案下實驗的成果。
-
什麼是 styled-components
-
styled-components 的瓶頸
-
zero runtime
-
替代方案
-
benchmark
都 2022 年了你可能還是不懂 useEffect - Zet@iCHEF
雖然 hooks 已經推出蠻長一段時間了,但是 useEffect 仍是一個讓很多人常常踩到陷阱的東西。加上 React 18 之後引入了 「reusable state」的新概念,而讓 useEffect 的的撰寫開始需要更加的小心謹慎。這場 talk 會將關於 useEffect 常見的誤解與陷阱進行解析,一次梳理 useEffect 的設計概念與思想,並為之後 React 未來的新特性做準備。
-
Function & class component 你可能不知道的關鍵區別
-
每一次 render 都有他自己的…
-
真正學會 useEffect 的第一步:忘記 class component 的生命週期
-
不要欺騙 hooks 的 dependencies chain
-
useReducer 是 dependencies chain 的合法作弊手段
-
以 dependencies 來控制 useEffect 執行邏輯的誤區
-
Reusable state — React 18 的 useEffect 在 mount 時為何會執行兩次?
徵求講者
reactjs.tw 徵求有志會眾上台與大家分享你的作品、心得或想法,意者請與主辦單位聯絡。
時間
2022/08/04(星期四)7:30 - 9:30 PM(7:20 PM 入場)
地點
Dcard 二樓 B 區活動空間,台北市大安區光復南路 102 號 2 樓(國父紀念館 1 號出口,步行約 5 分鐘)
費用
FREE
主辦單位
贊助單位