iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

從Create到React—用來實作使用者介面的JavaScript函式庫 系列

希望藉由這次的鐵人賽將自己能夠帶給想要學習react的人,不論是在學習React前和學習React中,甚至已經學習過React的人,藉由我的文章還是能夠再多學習到一點什麼東西。
  文章預計除了教學內容以外,還有一些為什麼我們需要使用非官方的套件(例如redux),究竟解決了什麼問題或是達到了什麼樣的效果等等。

跟著我的文章的步伐,不乏融會貫通React。

希望能帶給大家一些幫助。

鐵人鍊成 | 共 30 篇文章 | 17 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v6.0
DAY 21

從實作To Do List理解redux toolkit—分段講解step by step(下)

本文內容將提及以下內容 前言 資料夾結構 具體程式碼 toDoSlice檔案-分段講解 store資料夾底下的index.js檔案 最上層的index.js...

2022-10-06 ‧ 由 DannyChen 分享
DAY 22

什麼是Flux設計、實作簡單ATM範例了解Redux三大原則feat.vanilla Javascript

本文提及以下內容 前言 flu字根 flux設計模式-單向資料流 傳統MVC所遇到的問題 flux的角色 flux優點 Redux 動機 三大原則...

2022-10-07 ‧ 由 DannyChen 分享
DAY 23

React route如何運作、建立404的路由、巢狀路由、動態路由

本文提及以下內容 用戶端的路由 傳統路由 react route如何運作 起手式 建立404的路由 巢狀路由 useParams參數 用戶端的路由 用戶端的...

2022-10-08 ‧ 由 DannyChen 分享
DAY 24

React route—useNavigate介紹、控制history stack、傳遞參數、重新導向

本文提及以下內容 基本設置 useNavigate控制導向 useNavigate傳遞history stack useNavigate傳遞狀態 頁面重新導向...

2022-10-09 ‧ 由 DannyChen 分享
DAY 25

Material UI更名為MUI、基本介紹、加載字體、import方式—Typography元件

本篇文章提及以下部分 Material Design 更名MUI Material UI優點 加載字體方法 import元件的方法 Typography-排版...

2022-10-10 ‧ 由 DannyChen 分享
DAY 26

格線系統、基本用法、Responsive values、Grid version 2?—MUI

本文包含以下內容 格線系統 基本用法 設置斷點 父組件設置欄數 Grid version 2 格線系統 如果先前有學習過boostrap5的人應該對於lay...

2022-10-11 ‧ 由 DannyChen 分享
DAY 27

簡介靜態網站、SPA、SSR、SSG—GatsbyJs從零開始

本文提及以下重點 GatsbyJS介紹 靜態網站 SPA網頁(Single Page Appliations) SSR網頁(Server Side Rende...

2022-10-12 ‧ 由 DannyChen 分享
DAY 28

GatsbyJs的Link多做了什麼達到更好的UX?—page component、Link元件

本文提及以下內容 Gatsby建立頁面檔 添加頁面Title Link元件預加載preloading原理 Link Component使用方式 Gatsby...

2022-10-13 ‧ 由 DannyChen 分享
DAY 29

什麼是GraphQL—使用GatsbyJs的graphql模組獲取資料

本文提及以下內容 什麼是GraphQL GatsbyJs中的GraphQL資料層組成 為什麼Gatsby使用GraphQL 使用GraphiQL工具 使用gr...

2022-10-14 ‧ 由 DannyChen 分享
DAY 30

你是什麼人,適合怎麼看?—範例的程式碼、文章分類索引、結語

前言 最後一天我將文章分類成幾種類型已經幫你整理好分類了,如果想要快速索引就將捲軸捲到特地區域觀看該系列文章就好。 循序漸進式系列 搭配官方文件和所有文章可...

2022-10-15 ‧ 由 DannyChen 分享