感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...
前言 今天要和大家介紹的是 SPA, 是一種提升用戶在瀏覽網頁時的技術, 傳統式的網頁在切換頁面時,都會送出一個 Url 給服務器,之後服務器會依它收到的 Ur...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
我想說的是JSX 註解的寫法和一般的 HTML 不一樣 寫程式不寫註解,就像是大腸麵線沒加香菜雖然能,但吃就是少一味;還有些人特別討厭加寫註解還是有些好處的...
關於react redux,redux對我來說本來搞不清楚,後來我終於搞清楚了,redux是這樣子的....Actions 這個可以先寫, 只要記住action...
React Events 可寫入HTML的Events,但寫法略有不同: 以駝峰式書寫 以{}書寫Event觸發後的動作 以 this 綁定為該compon...
前言 在 Redux 中做非同步的請求其實是很麻煩的,這也是一開始讓我卡關的一個痛點,但好在有 StackOverflow 才沒讓這個痛持續很久。 其實一開始我...
感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...
前言 今天要來介紹如何手動建立 React.js 的開發環境,今天要介紹的東西需要對 Webpack 有點基礎知識,由於 Webpack 的基本觀念非常多因此筆...
我想說的是filter 會建立一個經過指定運算判斷後回傳為真的新陣列,就是這麼簡單 關於 filter 在其他地方我好像已經遇到好幾遍,一直沒有有系統地把它...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
React components 可用 Class、Function 兩種方式寫成 component。(W3C建議Class) 命名須以大寫開頭。 ext...
前言 前兩篇學習了 Redux 的操作方法,雖然 Redux 替我們處理資料真的很方便,但是實際上是得經過 Component、Action、Reducer 三...
感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
我想說的是預期結果:刪除清單中選定的服務使用 filter 對陣列做篩選,並且重新設定服務列表 在我們的努力下,上一次練習中已經可以為所欲為的增加我們想要的...
前言 在之前的文章都是講如何透過線上編輯器來進行 React.js 的撰寫,在今明兩天的文章會教大家如何在本地端也能撰寫 React.js ,俗話說的好:萬事起...
由於最近剛好有機會聆聽前輩介紹 ReactJS ,為了搭上這一波車,決定先撥幾天時間,完成W3C的React Tutorial,將其做個基礎認識。 前言 可重...
前言 在上一篇的資料處理篇中,我們學習到了如何將資料放到 Store 中儲存,並以 useSelector 將資料取出,而本篇會提及如何使用 Reducer 異...
感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...
前言 今天要來介紹本系列文中第一個非常重要的觀念了,在前面的文章有提到元件的比較其中提到了 Functional Component ,其實 Functiona...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
我想說的是解構賦值語法是 ES6 的新特性,可以將陣列或物件中的資料取出成獨立變數 這篇來談 煉金術的基礎 不要瞎掰好嗎 來說說「解構」,當初第一次看到真的...
感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
前言 今天的文章有點偏向番外篇,但只要寫 React.js 還是會需要知道這個重要觀念,今天要來講講 React.js 如何處理 List ,相信身為前端工程師...
我想說的是map() 方法會建立一個新的陣列,其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合。 上一篇講了箭頭函數,這一篇來講講 map根據...
前言 Redux 是一個全域的資料管理工具,更簡單來說, 就是能替你管理整個網站需要的 State, 所有的資料都能放在 Redux,需要資料的 Compone...
感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...
前言 useContext 是能夠讓程式變得簡潔的利器,Component 不再需要經過一層一層的 Props 傳遞,便能直接使用在需要它的 Component...