iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

[ Day 01 ] 開賽和那些期許

哈囉大家好!我是阿關 是說第一次參加鐵人賽就想要挑戰一個自己完全不熟悉的題目我也是覺得自己蠻有勇氣的啦~ 如標題所言,接下來的這 30 天我會在這邊紀錄我開始學...

2021-09-16 ‧ 由 SuoChan 阿關 分享
DAY 2

[ Day 02 ] 什麼是 React.js ?

我自己在學習新技術的時候比較習慣先暸解一下這個技術的基本概念還有它解決了什麼問題。所以今天我要跟大家一起來看 React.js 到底是什麼?它又能夠幫我們做什...

2021-09-17 ‧ 由 SuoChan 阿關 分享
DAY 3

[ Day 03 ] 建立一個 React.js 專案

對 React.js 有基本的概念後,我們就可以繼續往下學習該如何建置和使用它囉! 開始環境建置 首先,要開始建立一個 React.js 專案的話,必須先在電...

2021-09-18 ‧ 由 SuoChan 阿關 分享
DAY 4

[ Day 04 ] Virtual DOM ? ReactDOM ?

還記得我們在 Day 02 的時候有跟大家提到 React.js 是使用 Virtual DOM 的概念來進行渲染的嗎?那今天就一起來看看什麼是 Virtual...

2021-09-19 ‧ 由 SuoChan 阿關 分享
DAY 5

[ Day 05 ] JSX 語法

我們昨天 Day 04 的時候在 App.js 檔案中有看到以下的程式碼:不過,為什麼能夠在一個 JavaScript 函式中撰寫看起來像是 HTML 標籤的東...

2021-09-20 ‧ 由 SuoChan 阿關 分享
DAY 6

[ Day 06 ] Function Component

今天要跟大家介紹的是 React Component 中的 Function Component 。我們曾經在 Day 02 的時候提及到 React.js 是...

2021-09-21 ‧ 由 SuoChan 阿關 分享
DAY 7

[ Day 07 ] Class Component

上一篇介紹了元件和 React Component 其中之一的 Function Component 的基本概念後,今天就要接著帶大家來看 React Comp...

2021-09-22 ‧ 由 SuoChan 阿關 分享
DAY 8

[ Day 08 ] 元件的資料傳遞 - Props

在 Day 06 和 Day 07 中,我們認識了 React.js 的兩個 Components : Function Component 和 Class C...

2021-09-23 ‧ 由 SuoChan 阿關 分享
DAY 9

[ Day 09 ] State 是什麼?

在前面的篇幅中有提到, React.js 是採用元件式開發並可以設定每個元件不同的狀態( State )。所以今天我們就要帶大家來看看什麼是 State ?...

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

[ Day 10 ] setState() 的用法

上篇 Day 09 跟大家介紹了 State 為何?所以今天就要來看看如何利用 setState() 這個方法修改或更新 State 物件內的值囉。 setS...

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