iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Dear React 修煉之路 系列

30天React學習日記
以新手小白的視角從0開始學習React,將每日學習的知識要點紀錄下 /ᐠ。ꞈ。ᐟ\

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

(D-1) Dear React:從 0 → 1 跨出第一步

大家好我是AL,對 HTML、CSS、JavaScript 已經有著基本的概念,常常聽到身邊的人說著框架,每當在聽到旁人說著聽不懂的詞彙時,我就會默默打開 Go...

2022-09-16 ‧ 由 A L 分享
DAY 2

(D-2) Dear React 修煉之路:建立React專案

開始學習 React 之前,首先我們需要先成功建立一個 React 的專案有別於 HTML、CSS、javaScript 可以在 VS Code 中直接撰寫 安...

2022-09-17 ‧ 由 A L 分享
DAY 3

(D-3) Dear React 修煉之路:認識JSX

今天要學習的是 React 中非常常用來搭配一起使用的語法JSX JSX是什麼 JSX全名為 JavaScript eXtension ,屬於一種 React...

2022-09-18 ‧ 由 A L 分享
DAY 4

(D-4) Dear React 修煉之路:初探 React Components - 1

React Components(組件) 首先我們要先了解在 React 中最小的單位是 Element,一個按鈕可以是一個 Element,一段文字描述也可以...

2022-09-19 ‧ 由 A L 分享
DAY 5

(D-5) Dear React 修煉之路:幫 Componenets 寫上樣式吧!

邁向第5天,今天我們要來幫Components寫上 CSS 樣式 首先先建立一個 Button.js 的 Components import React fro...

2022-09-20 ‧ 由 A L 分享
DAY 6

(D-6) Dear React 修煉之路:初探 React Components - 2 (引入數據)

前篇文章有說明到 React 是由數個 Components 組成,如果 Components 寫法如下,代表這個 Components 中的狀態已經是無法改變...

2022-09-21 ‧ 由 A L 分享
DAY 7

(D-7) Dear React 修煉之路:初探 React Components - 3 | props 傳遞資料

每天學習一個Components方法來到了第三天 \(-O-)/ 上一篇提到了直接在本身的Components宣告常數並帶入的使用方法,今天來使用props試試...

2022-09-22 ‧ 由 A L 分享
DAY 8

(D-8) Dear React 修煉之路:回顧 Components - 5

大家好~這篇主要會來複習一下近幾天記錄的Components元件基本使用方法 一、 React 是由數個Components(元件)所組成,是一個小而且可重複使...

2022-09-23 ‧ 由 A L 分享
DAY 9

(D-9) Dear React 修煉之路: props|children

一般使用component元件時會使用的方法是<component(名稱)></component(名稱)>或是<componen...

2022-09-24 ‧ 由 A L 分享
DAY 10

(D-10) Dear React 修煉之路: props|React.Children.map()

大家好哇~轉眼間來到了鐵人賽第10天,同時也是學習 React 的第10天,透過每日一點一點的紀錄學習內容,希望對 React 的使用方法能有更加深的印象 接續...

2022-09-25 ‧ 由 A L 分享