iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

React.js 30 天學習全記錄 系列

第 0 天的我目前只會創建一個 React.js 的檔案,希望完賽的時候能夠跟大家一起搞懂 React.js 的基礎!

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文
DAY 21

[ Day 21 ] 路由管理 - React Router 2/2

在上一篇 Day 20 我們介紹了 React Router 的基本概念以及 React Router Dom 的三大類別元件的其中一個 Routes 的部分...

2021-10-06 ‧ 由 SuoChan 阿關 分享
DAY 22

[ Day 22 ] React 中的 State 管理 - Redux

今天進入到全新的篇章 Redux 了! Redux 是 React.js 中很常拿來作為狀態管理使用的一個套件,在 Vue.js 的框架中也有一個 Vuex...

2021-10-07 ‧ 由 SuoChan 阿關 分享
DAY 23

[ Day 23 ] Redux 中的核心概念

上一篇 Day 22 我們已經了解了何謂 Redux 以及該套件的三大原則,今天就要來為大家介紹在 Redux 這個套件中的核心概念及功能名詞介紹。 主要的...

2021-10-08 ‧ 由 SuoChan 阿關 分享
DAY 24

[ Day 24 ] React 中的樣式設定

今天要介紹的內容是如何在 React.js 中撰寫我們的 CSS 樣式?除了相關套件的應用之外,還有哪些方法可以實作呢? 在 React 中撰寫樣式的方法...

2021-10-09 ‧ 由 SuoChan 阿關 分享
DAY 25

[ Day 25 ] 實作一個 React.js 網站 1/5

今天來到這次鐵人賽的最後一個章節:實作一個 React.js 的網站。這個網站會結合前面幾天所介紹過的 React.js 基礎來實作,所以在撰寫的同時也會一起...

2021-10-10 ‧ 由 SuoChan 阿關 分享
DAY 26

[ Day 26 ] 實作一個 React.js 網站 2/5

延續昨天的內容,我們 React.js 專案的基本設定都已經完成了,今天就要來實作 Navbar 和樣式設定啦! 那就馬上開始吧~ 新增頁面連結和 Navi...

2021-10-11 ‧ 由 SuoChan 阿關 分享
DAY 27

[ Day 27 ] 實作一個 React.js 網站 3/5

上篇我們已經完成了網站中 Navigation 的樣式和路由設定,今天我們要來設定網站中的其他元件,接著今天就要來實作其他的元件還有元件之間的資料處理。 我們...

2021-10-12 ‧ 由 SuoChan 阿關 分享
DAY 28

[ Day 28 ] 實作一個 React.js 網站 4/5

接續上一篇的 Layout 相關元件實作後,今天要來開發 React.js 網站的功能是表單設計的部分,因為我們希望能在網站中使用該表單新增新的 Meetup...

2021-10-13 ‧ 由 SuoChan 阿關 分享
DAY 29

[ Day 29 ] 實作一個 React.js 網站 5/5

今天是實作 React.js 網站的最後一篇介紹了,這篇會大量的使用到 React Hooks 的功能所以趕快一起來看該怎麼應用吧! 新增 Meetup 後...

2021-10-14 ‧ 由 SuoChan 阿關 分享
DAY 30

[ Day 30 ] 從 Vue.js 到 React.js 的完賽心得

第一次參加鐵人賽很開心真的能順利完賽啦!!! 當初開賽前還想說參賽期間會經歷中秋節和雙十國慶的連假,以為會因此就鬆懈但是最後還是堅持下來了。現在回首覺得這三十...

2021-10-15 ‧ 由 SuoChan 阿關 分享