iT邦幫忙

鐵人檔案

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

React自我學習心得30天~ 系列

學習開心~~

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

React學習動機&前端框架簡單介紹

學習動機 過去開發網頁前端程式的時候,使用基本的html、css、javascript作為開發的工具。但工作一陣子就發現這些常用了工具因為以下原因,導致它並沒有...

2021-09-16 ‧ 由 拉比豆 分享
DAY 2

Day2React安裝方式簡介

安裝方式 根據官網介紹,本次鐵人賽會著重介紹下列三種安裝方式: CDN連結 快速建立react環境的Create React App 根據過去寫程式的習慣,使...

2021-09-17 ‧ 由 拉比豆 分享
DAY 3

Day3 Virtual DOM vs Actual DOM

在介紹react實例之前,首先來介紹一下其操作原理---Virtual DOM,並比較和Actual DOM的差異。 Actual DOM 瀏覽器在完成連線,...

2021-09-18 ‧ 由 拉比豆 分享
DAY 4

Day4簡單實例練習

今天要介紹透過CDN連結的方式快速運用react,簡單建立一個react component。 CDN連結: <!-- 開發時使用 --> &lt...

2021-09-19 ‧ 由 拉比豆 分享
DAY 5

Day5 認識JSX,簡化你的程式碼

一般寫程式的時候,我會將HTML和Javascript分開來寫,但react提供了JSX的語法,將html標籤和Javascript放在同一個檔案,並讓你的程式...

2021-09-20 ‧ 由 拉比豆 分享
DAY 6

Day6 React搭配JSX運用

昨天學習到了JSX的幾大特色與優點之後,今天就正式來學習用JSX搭配react。載入JSX之前先引用babel-core這個JSX的編譯器。 <scrip...

2021-09-21 ‧ 由 拉比豆 分享
DAY 7

Day7 認識Components與 Props

Components基本定義 Components是react組成的最基本元素,每一個Compontant負責一個UI控制,若在其他頁面有重複用到該元件的話,只...

2021-09-22 ‧ 由 拉比豆 分享
DAY 8

Day8 React State(編輯中)

State概要 React Component 只能透過資料狀態的改變來更新UI,資料來源來自於以下兩種方式: 透過外部傳進來Component的 Props...

2021-09-23 ‧ 由 拉比豆 分享
DAY 9

Day9 React生命週期

React Component的生命週期,大致上可以分成產生、更新及結束三個階段,每個階段都有對應的方法可以去偵測。 產生階段 Component在產生階段時可...

2021-09-24 ‧ 由 拉比豆 分享
DAY 10

Day10加油好嗎 別偷懶了...

建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓中建樓...

2021-09-25 ‧ 由 拉比豆 分享