iT邦幫忙

鐵人檔案

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

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

學習開心~~

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

Day 11 快追進度呀....

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

2021-09-26 ‧ 由 拉比豆 分享
DAY 12

Day 12總之待補

代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填寫代填...

2021-09-27 ‧ 由 拉比豆 分享
DAY 13

Day13 Composition(組合) vs Inheritance (繼承)

一開始學習React時,常常會使用繼承的方式使用Component,而React官方建議每個Componet之間使用組合的方式複用你寫的程式碼,這可以讓你的程式...

2021-09-28 ‧ 由 拉比豆 分享
DAY 14

Day14 用React Component去規劃整個畫面

今天要學習如何用React的Component的概念來設計你的UI畫面,下面用React官網提供的素材作舉例: 根據上圖,並透過接收產品訂單的API得到下列資...

2021-09-29 ‧ 由 拉比豆 分享
DAY 15

Day15 無障礙功能

無障礙網頁是什麼 首先來介紹無障礙網頁的概念,無障礙網頁並不只是像我們生活中常聽到的無障礙廁所、無障礙空間等給身心障礙人士使用的服務,而是泛指盡可能讓更多人去瀏...

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

Day16 Fragment

React常常碰到一個Component需要回傳多個React元素的情形,之前的我在遇到這類情況時,由於JSX的語法只能有一個根元素的關係,就會選擇在外層放一個...

2021-10-01 ‧ 由 拉比豆 分享
DAY 17

Day17 淺談Code-Splitting

當我們在開發專案時,模組的體積會隨著功能的增加而變的龐大,甚而影響到使用者的體驗,這時候就需要做所謂的Code Splitting。Code Splitting...

2021-10-02 ‧ 由 拉比豆 分享
DAY 18

Day18 Refs 和 DOM

React中若想將父層Component資料傳遞給子層Compontent的話,唯有使用Props方法,若需要用除此之外的方式更新作為child的DOM元素的話...

2021-10-03 ‧ 由 拉比豆 分享
DAY 19

Day19 不使用JSX開發React的方式

當你在開發時若不想使用編譯器的話,不使用JSX也是可以開發react的。每個JSX元素都只是呼叫 React.createElement(component,...

2021-10-04 ‧ 由 拉比豆 分享
DAY 20

Day20 React的嚴格模式

嚴格模式可以想成是React的debug工具,嚴格模式不會渲染出任何的UI元件,它會檢查其包覆下所有的Component和底下的子元素是否有合乎規則。 impo...

2021-10-05 ‧ 由 拉比豆 分享