Reactjs.tw 社群小聚 14 - Zero Runtime CSS-in-JS + Dive into useEffect

活動介紹

久違的 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 

主辦單位

reactjs.tw 社群

贊助單位

Dcard

 

Dcard 二樓 B 區活動空間 / 台北市大安區光復南路 102 號 2 樓

活動票券

票種 販售時間 售價
一般票

2022/07/21 20:00(+0800) ~ 2022/08/04 19:00(+0800) 結束販售
  • 免費
下一步