iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

我與 React 的 30天 系列

React 作為一個近年來相當熱門的 JavaScript library
不管是 Facebook、Disney+、Netflix 等各大網站都會使用它
現在就讓我們一起來了解 React 的迷人之處吧 !

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

Day 01 React 是什麼 ?

在我們開始學習使用 React 之前,我們要先了解兩件事。什麼是 React? 以及為什麼我們要使用 React? 什麼是 React ? 大家查詢前端三大框架...

2022-09-16 ‧ 由 zhan0217 分享
DAY 2

Day 02 建立你的第一個 React 專案

安裝環境 再開始學習 React 之前,想必大家必須知道如何安裝 React,但是說到安裝環境,我想應該是每個開發人員心中的痛吧,這邊就讓小弟我來手把手教大家,...

2022-09-17 ‧ 由 zhan0217 分享
DAY 3

Day 03 用 React 來和世界打聲招呼吧

凡事來個 Hello, World 昨天我們建立了一個 React 專案,也成功看到了,React 的 Logo 在畫面上的樣子,接下來我們就要來看他是怎麼呈現...

2022-09-18 ‧ 由 zhan0217 分享
DAY 4

Day 04 什麼是 JSX ? 感覺很酷

在昨天我們在 React 的專案中改寫了App.js,並成功在網頁上印出 Hello, World function App() { return (...

2022-09-19 ‧ 由 zhan0217 分享
DAY 5

Day 05 做出屬於你的 React Component

昨天我們我們不斷的調整 App.js 的內容,畫面也會隨之更動,我想聰明的你應該也發現了這就是 React 呈現畫面的方式,用 元件化 (Component)...

2022-09-20 ‧ 由 zhan0217 分享
DAY 6

Day 06 在 React 中什麼是 Props

如何重複利用我們的 Component 在前面幾天我們一直強調 React 的專案是由許多 元件(Component) 所組合而成的,可以說這些元件就是 Rea...

2022-09-21 ‧ 由 zhan0217 分享
DAY 7

Day 07 將你的 Component 切分成更小的元件

昨天我們成功的客製化我們的 元件(Component),傳入了不同的 Props,使每個元件都可以重複利用,今天我們就來切分我們原本做好的 Component...

2022-09-22 ‧ 由 zhan0217 分享
DAY 8

Day 08 回頭來談 JSX 語法糖,真甜 !

在前幾天我們淺談了 JSX 語法,以及講解了 Component、props 等,在 React 的世界中所需要用到的工具那今天就讓我來更深入的了解 JSX 這...

2022-09-23 ‧ 由 zhan0217 分享
DAY 9

Day 09 React 讓你的網站動起來 useState

React 之事件觸發 到現在為止我們使用了 React 做了許多 Component,並且可以生成一個頁面,但是我們現在就只能做出一個靜態的頁面而已,但是我們...

2022-09-24 ‧ 由 zhan0217 分享
DAY 10

Day 10 React Hook 這是什麼神發明

昨天介紹了 useState 這個在 React 中好用的 function,今天來說說,React Hook 是什麼,那到底還有什麼好用的 Hook呢 ? 關...

2022-09-25 ‧ 由 zhan0217 分享