在 JS 中的關係比較 Relational Comparison 運算，指的是像(x < y)這種大小值的關係比較。

JS中的關係比較與相等比較運算

在 JS 中的運算符共同的情況中，(+)符號是很常見的一種，它有以下的使用情況

JS中的 {} + {} 與 {} + [] 的結果是什麼？

問題來源是來自這個 React 官方儲存庫的 issue #3926，與這個議題關聯的有很多其他的 issue，來自許多專案，有些是與 React 相關，有些則是 vue 或其它 JS 套件。也已經有其他的專案是專注於解決這個問題。

中文輸入法與React文字輸入框的問題與解決方案

在學習或使用過一陣子 React 後，你可能會發現一個在setState方法的特性

為何說setState方法是異步的

在JS裡的分號(;)是什麼作用？總結一下，它既是語句(表達式)的分隔，也可以作為語句的結尾。但只認為分號(;)就一定是語句的結尾是有疑問的…

JavaScript裡的語句用分號結尾是個選項嗎

本文章圖解了如何使用Gmail與nodemailer設定SMTP，作為發信用伺服器

(2023年7月) Nodemailer使用Google SMTP發送電子郵件

專案管理是指專案在進行當中，如何針對專案管理的各種方式與技術。

軟體開發的專案管理

本教學使用 mkcert 工具，注意只能用於本地端(localhost)使用。

在本地端 CRA 與 Express 開發環境使用 HTTPS

React 18 版本在經歷一年左右的開發與測試後，在 2022.3.29 正式推出了第一個穩定版本...

React 18 新功能一覽

JavaScript 的物件天生就不是 immutable(不可變的)，即便在現在有了新的、更容易進行拷貝的展開運算符，它仍然是一種淺拷貝的運算，也就是只會拷貝一層的作法，我們先討論一些常看到的解決方式。

React效能優化篇(二) immer 介紹與使用

對 React 應用程式進行效能優化，要先具備基本的 React 的開發能力，也是差不多完成所有功能後，才會作的工作，但其中也包含了不少React運作時的機制原則...

React效能優化篇(一) Immutability、pure function與render機制

TypeScript 是一個以 JavaScript 語言為基礎，所延伸出來的另一種超集的程式語言，也就是說 TypeScript 涵蓋了幾乎目前 ECMAScript 標準的新式語言範圍，並額外加了許多關於資料類型的預先定義與相互檢查部份。學習 TypeScript 需要有對新式的 ECMAScript 的一定熟悉程度才能相得益彰、共取其利，不然只是讓你的學習之路備感艱難。

TypeScript 10分鐘快速入門

這些問題可能是在學習 React Native 之前會產生的，在這裡分享一些解答給有興趣投入的開發者參考。

React Native 入門問題與解答

Docusaurus是一個產生靜態網站的工具(static-site generator，雖然官方的Github中不以這個關鍵字稱它)。它使用了 React 技術，提供快速簡易的建置、佈署與維護文件型的網站。本文提供了v2的簡單介紹與建置說明。

Docusaurus 2 介紹與使用

Node.js可以直接使用ES6 module新語法，而不需要透過babel等編譯器，在Node.js 12(2019-04-23發佈) 版本後，支援了新的ECMAScript module(ESM)改進。13版本後可以更容易的使用 ESM 語法。

Node.js使用ES6 Module

React Native 專案並沒有內建 eslint 模組，所以需要在專案建立後手動進行設定。有很多種設定的方式，這裡是使用 react-app 的設定值(Create React App 使用的)為基礎，以及針對 Visual Studio Code 編輯器的設定，其它設定方式可再參考最後的參考資料中的設定。

在Visual Studio Code中的React Native專案設定ESLint與Prettier

自從 Create React Native App(CRNA) 這個專案在 2018 年 9 月宣布棄用，與 Expo 工具合併後，建立 React Native 專案的方式，又變得有點不太一樣。未來有可能還會再變動。

React Native專案建立方式

Flexbox 排版的全名是 Flexible Box Layout Module(彈性的盒排版模組)，是由 W3C 所制定的 CSS3 排版模組

React Native 中使用 Flexbox 筆記

測試 Gatsby 時，使用下面的指令只能在同一台機器上用 localhost 測試

區域網路用Gatsby Develop測試

Temporal Dead Zone(TDZ)是 ES6(ES2015)中對作用域新的專用語。TDZ 名詞並沒有明確地寫在 ES6 的標準文件中，一開始是出現在ES Discussion討論區中

理解ES6中的暫時死區(TDZ)

SCSS(Sassy CSS，時髦的 CSS)是 SASS 中的一種新式語法，SASS 則是一種針對 CSS 的腳本程式語言，藉由提供程式語言的特性，例如變數、巢狀結構、混合、函式與擴充(繼承)等等，可以預先對 CSS 進行結構化的工作，最後再編譯的網頁上可使用的 CSS 語法。

All Posts

JS中的關係比較與相等比較運算

JS中的 {} + {} 與 {} + [] 的結果是什麼？

中文輸入法與React文字輸入框的問題與解決方案

為何說setState方法是異步的

JavaScript裡的語句用分號結尾是個選項嗎