是 Ray 不是 Array

常常聽到人家說 JSX 這是什麼東西？好像對於寫 React 的人來講是一個必須要學的東西？

Function Component？Class Component？React Hooks？這些到底是什麼東西呢？所以這一篇我們就要來認識一下 React 中的寫法以及其差異。

前面我們快速了解 React 跟 Framework 跟 Library 的差異，接下來當然就是準備正式認識 React 囉。

不管怎麼樣，一開始絕對都是先從認識 React 基礎觀念與認識了解 React 背景開始，這樣子對於後續要學習其他框架時才能夠比較清楚彼此之間的差異，除此之外因為我本身是 Vue 開發者，因此其實我是抱著想多學一個框架的心態寫這一篇，所以可能會出現一些 Vue 跟 React 兩者語法上的差異比較，主要也是希望讓 Vue 開發者可以更好上手，接著就不廢話了，讓我們往下學吧！

身為一名軟體工程師的我很常去看一些東西，其中最有名的一個東西就是「達克效應」，其實我有注意到滿多人都不知道什麼是「達克效應」，或是應該說他們認為自己懂，但其實根本不懂，因此我想簡單聊聊何謂達克效應。

其實很多人在學習與開發過程中總是會遇到一些雷點、Bug，而這些其實都是一個很好的經驗。因此如果你沒有記錄下來是一件非常很可惜的事情，更不用說或許哪一天你又會遇到相同的問題，而我個人是非常推薦撰寫部落格的，至於為什麼推薦呢？後面我們再來細談。

Discord 已經越來越紅了，甚至許多公司都陸續改使用 Discord 來取代原有的 Slack，但我們有時候會希望可以更高度客製化自己的 Discord 讓自己在使用 Discord 的更舒適，因此接著這一篇就會來記錄一下如何優化、客製化自己的 Discord。

.DS_Store 到底是什麼東西？它到底該不該加入到版本控制內？為什麼會有它呢？所以這一篇就簡單聊一下 .DS_Store 這個東西。

最近 VSCode 更新到 1.69 之後以往常用的 !+tab 會失去效用，所以這邊紀錄一下解決方式。

原本在 CRA(Create React App) 環境下撰寫 Tailwind CSS 時 Tailwind CSS IntelliSense 套件都滿正常的，但不知道為什麼環境轉換到 Vite for React 之後就無法正常運作，所以這一篇記錄一下解決方式。