你可能曾經這樣寫 React 程式： return ( 標題 新增 {todos.map(todo => ( {todo} ))} ); 一開...

你學會了 props，知道怎麼讓父元件把資料「丟給」子元件，但有沒有遇過這種情況： 想把一筆資料給最底層的元件，結果中間的每一層元件都要幫忙「轉傳」一次？ 這就是 prop drilling 的問題。...

你在學習 React 的過程中，可能已經習慣用 props 傳資料給元件，但你可能也會想問： 「有些資料是元件內部自己要記住的，不能靠父母提供，怎麼辦？」 例如：點擊按鈕要切換畫面狀態、輸入欄位要記住...

在學習 React 的過程中，你可能看過這樣的寫法： Hello 或是這樣的： 這兩者到底差在哪？為什麼有的元件可以包東西，有的卻是空的？ 關鍵就在於 React 元件的一個特殊屬性：childre...

在使用 React 建構畫面時，你可能會遇到這樣的情境：「我有一個資料放在某個元件 A 裡，但我想讓元件 B 也可以用到這筆資料。」 這時候，你會開始思考「元件之間要怎麼傳資料？」這正是 props（...

在剛開始學 React 的時候，很多初學者會問：「我要怎麼開始寫 React 元件？」 本篇文章就是你的第一步。 React 中的畫面，是由一個個元件（Component）組成的。 你可以把元件想成是...

在 React 剛興起的時候，Create React App（CRA）是很多前端新手的第一站。 它一行指令就能跑起來，幫我們把 Babel、Webpack、ESLint、環境變數……這些麻煩事都打包...

還記得我們在上一篇介紹的 React 開發歷史嗎？ 從最早的手動安裝 Webpack、Babel，到一堆 .babelrc、webpack.config.js 配置地獄，新手根本快投降。 就在大家快崩...

雖然你可以透過 和 CDN 讓 React 跑起來，但說實話，這種方式在實務上幾乎沒人在用。 你不會看到工程師每天都在寫： React.createElement('div', null, 'Hel...