升級 React Router v6 筆記

2022-04-08

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

#React#React Router

瞭解 React Router V5 基礎知識

2022-04-04

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

#React#React Router

Redux Toolkit with Action Creator Thunk

2022-03-18

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

#React#Redux#Redux Toolkit

使用 Redux Toolkit 更有效率地撰寫 Redux

2022-03-17

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

#React#Redux#Redux Toolkit

React Redux with Class-based Components

2022-03-04

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

#React#Redux

React Redux with Functional Components

2022-03-03

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

#React#Redux

Diving into React Redux

2022-02-28

本文介紹 React Redux 的觀念。

#React#Redux

Code Reuse: React Higher-Order Components

2022-02-14

本文介紹 React Higher-Order Components 的概念。

#React

Code Reuse: React Custom Hooks

2022-02-04

本文介紹為何要使用 Custom Hooks 以及其撰寫的方式。

#React

在 React Class-based Components 中使用 Error Boundary 處理錯誤

2022-01-30

本文介紹 React Class-based Components 中 Error Boundary 的使用方式。

#React

← 較新文章較舊文章 →