iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

與 React 交朋友的三十天學習之旅 系列

約莫一個多月前才決定要參賽,也在當下決定來一趟 React 的學習之旅。
志在透過這一個月上手 React 這套框架的基礎使用。

究竟能不能達成呢? 就讓我們拭目以待XD

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

拉開序幕,認識 React 好朋友

胎嘎後,大家好,沒想到今年我又決定參加鐵人賽了。 而今年要撰寫的主題已經非常清楚的寫在標題上,那就是想透過這三十天和 React 交個朋友培養一下感情~ 按照慣...

2020-09-16 ‧ 由 PH 分享
DAY 2

初探 React,建立第一個元件

學習新技術的第一天總是精神奕奕,趕緊跟 React 好朋友學習吧! 今天 React 好朋友跟我說,學習一門技術最快的方式就是把手弄髒(get hands di...

2020-09-17 ‧ 由 PH 分享
DAY 3

什麼是 JSX?

今天 React 好朋友要帶我看看在 React 中很常使用的語法: JSX,這個語法是一個 JavaScript 的語法擴充,而且是在寫 React 的時候,...

2020-09-18 ‧ 由 PH 分享
DAY 4

React Element 與 Component

今天 React 好朋友要帶我了解: 什麼是 React Element。 Component 的建立與使用的方式。 事不宜遲,趕緊學習吧!! React...

2020-09-19 ‧ 由 PH 分享
DAY 5

在 Class-based Component 中的 State 與事件處理

今天 React 好朋友要帶我學習的部分是如何在 Class-based 的元件(component)中透過修改 state 的值來達到更新畫面(UI),而為了...

2020-09-20 ‧ 由 PH 分享
DAY 6

事件處理的使用與了解

昨天的 在 class-based Component 中的 State 與事件處理 中我們對於事件處理的部分有稍微提了一些,而今天的篇幅是針對於在使用事件時的...

2020-09-21 ‧ 由 PH 分享
DAY 7

Class-based Component 的生命週期

今天要學習關於 Class-based Component 的生命週期(lifecycle),了解元件(Component)在建立、更新及銷毀時會經歷過哪些階段...

2020-09-22 ‧ 由 PH 分享
DAY 8

Class-based Component 生命週期方法(續)

今天的篇幅要延續昨天的部分繼續,要來看看在官方文件中如何定義了這些方法,以及哪些是常用的、應用在什麼地方。 學習順序會依照元件建立、更新及銷毀的生命週期順序來學...

2020-09-23 ‧ 由 PH 分享
DAY 9

使用 React developer Tool 提高開發效率

今天的篇幅比較簡單,但是在透過框架開發時卻是一個會影響開發時間、效率很重要的關鍵工具之一,那就是 React 的 developer tools。 在開發過程...

2020-09-24 ‧ 由 PH 分享
DAY 10

條件 Render 、 列表與 key

今天要學習的是如何根據條件判斷,渲染(render)對應需求的元件(Component),以及根據資料渲染多個相同的元件(Component)。 這個部分要先掌...

2020-09-25 ‧ 由 PH 分享