所有文章

分享技術、電影、動漫、遊戲和旅遊的心得

Deploying React Apps over Firebase Hosting

有很多做法能夠部署 React 專案,本文會介紹如何透過 Firebase Hosting 這項服務來部署一個 SPA 專案。

react
升級 React Router v6 筆記

本文為 React Router 升級第 6 版的筆記。

react
reactrouter
瞭解 React Router V5 基礎知識

現代前端開發常見的 SPA 是指頁面 URL 切換時,不必重新 Fetch 新的 HTML 檔案,且會阻止瀏覽器的默認行為,直接去更新畫面上的內容。在 React 技術線當中,可以藉由 React Router 幫助我們完成 SPA 下的頁面切換,根據 Route 的更改呈現出不同的元件。

react
reactrouter
Redux Toolkit with Action Creator Thunk

本文介紹 Redux Toolkit 當中的 Action Creator Thunk 設計,透過 Thunk 幫助我們更好地處理非同步邏輯。

react
redux
reduxtoolkit
使用 Redux Toolkit 更有效率地撰寫 Redux

本文介紹 Redux Toolkit 的基本使用方式,因為我是從 Vue 轉 React 的開發者,第一眼看到 Redux Toolkit 真的眼睛為之一亮!裡面使用到的觀念與 Vuex 相仿,非常好理解,撰寫的結構也相當有條理喔。

react
redux
reduxtoolkit
React Redux with Class-based Components

本文介紹 React Redux 於 Class-based Components 的使用。

react
redux
React Redux with Functional Components

本文介紹 React Redux 於 Functional Components 的使用。

react
redux
React Redux 基本配置與概念介紹

本文介紹 React Redux 的概念與基本設定方式,並且探討何時適合使用 Redux 更勝於 React Context API。

react
redux