Engineering

A collection of 39 posts

record.image

Engineering

React 18 - useSyncExternalSource

useMutableSource → useSyncExternalStore 86 之前才介紹過 useMutableSource 這個新 hook,react 18 才beta 而已他就被替換了,那麼到底是啥原因導致必須要換掉它呢?

author.image
3 min
record.image

Engineering

React Conf 2021 - React Forget

本次 Conference 另一個覺得有趣的主題是 React Forget,目的在於讓 react 可以自動解析並且把 component memo 起來,這樣就再也不會聽到有同事說Sorry,I forget add memo,can you help me ?

author.image
4 min
record.image

Engineering

React Conf 2021 - React Develop Tooling

React Conf 2021 剛結束,來分享看完 React Develop Tooling 的心得。

author.image
3 min
record.image

Engineering

CSS Pixel Art

最近在網路上剛好看到這個,是用純 CSS 做的,並且圖形只能用 1個 div 完成,就開始好奇這到底應該怎麼做?

author.image
2 min
record.image

Engineering

How I built a modern website in 2021 (心得整理)

Testing Javascript 課程的作者 Kent C. Dodds 最近更新了他的個人網站,並且分享了他用的 tech stack 以及架構,那就來看看他是用了哪些技術呢? 這篇算是個人看完文章後的一些重點摘錄及心得。

author.image
7 min
record.image

Engineering

CSS 渲染原理與優化策略讀後心得

提到 CSS 很多人覺得沒什麼,但根據 RedMonk 2021 Programming Language Rankings ,CSS竟然排到第五了,(參考文章 2019 時為第七)。

author.image
4 min
record.image

Engineering

Controlled and Uncontrolled Component in React

你可能聽過很多文章說 "不要用 setState",但也看過別的文件說 “ref 不好”,那麼到底應該要怎做,或是啥情況下應該選擇哪一種呢?

author.image
3 min
record.image

Engineering

React 18 - useMutableSource

useMutableSource 最早的 RFC 提案在 2020年 2月份開始,也是在 React 18 中會出現的新功能。

author.image
4 min
record.image

Engineering

React 18 新功能研讀

React 在今年 (2021) 6月公開了 React 18 的計畫,裡面提到了這會是他們下一個主要版本,以及一些新的功能,藉由研讀 React 的新功能觀察想解決的問題與前進的方向。

author.image
6 min
record.image

Engineering

i18n-ally 參數設定與使用分享

在有做 i18n 的專案裡,通常原始碼用來顯示的字串會呈現 key 的樣子,有時候不是那麼方便閱讀,那麼有什麼好工具可以幫忙的嗎?

author.image
5 min