iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

我轉生成前端貓咪踏入React地獄的那些事 系列

以簡單的入門基礎為主,會分為兩個部分:
第一個部分會簡單介紹React會用到的JavaScript ES6的一些概念
第二個部分會以React官方的Doucument和freecodecamp為基礎來做介紹
希望也能有越來越多人投入React這個圈圈~

參賽天數 25 天 | 共 25 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11 解構賦值(Destructuring assignment)

解構賦值是ES6新增的語法,根據MDN的說法解構賦值 (Destructuring assignment) 語法是一種 JavaScript 運算式,可以把陣列...

2023-09-25 ‧ 由 HsienLu 分享
DAY 12

Day12 其餘運算子 & 展開運算子(Spread Operator & Rest Operator)

接著就是傳說中的...了,正式名稱為其餘運算子和展開運算子,這個點點點同時具有兩種功能,也是在React中被廣泛使用的,接下來依序介紹 1.其餘運算子 其實在昨...

2023-09-26 ‧ 由 HsienLu 分享
DAY 13

Day13 JavaScript 模組(Modules)

模組系統的概念大致上分兩種寫法,CommonJS 和 ESM 其引入方式的差異分別是require 和 import,今天會著重在ESM的寫法。 模組的概念其實...

2023-09-27 ‧ 由 HsienLu 分享
DAY 14

Day14 同步&非同步(Synchronous & Asynchronous)

什麼是同步與非同步? 就中文來看這兩種的意思其實相當容易被搞混的,我自己常常在閱讀文章時也很常莫名的被這兩個名詞搞昏頭。所以我會直接用例子來幫助記憶接說明如下:...

2023-09-28 ‧ 由 HsienLu 分享
DAY 15

Day 15 處理同步(Synchronous)和非同步(Asynchronous)的方法Part.1

非同步所造成的問題 昨天介紹過了什麼是同步和非同步,今天要來介紹的是處理的方法,也就是說要來處理非同步所產的不確定性帶來的問題,比較具體的例子如下: 這是一個經...

2023-09-29 ‧ 由 HsienLu 分享
DAY 16

Day 16 處理同步(Synchronous)和非同步(Asynchronous)的方法Part.2-Promise

今天要來介紹的是現在比較常用處理非同步的方法分別是promise,這裡會先大幅度的簡化promise的用法,來先理解整個promise的運作概念。 promis...

2023-09-30 ‧ 由 HsienLu 分享
DAY 17

Day17 處理同步(Synchronous)和非同步(Asynchronous)的方法Part.3-Async Await

Async Await 是promise 的語法糖,這是一組雙生一對在正常的情況下無法分離的東西,那它是如何進行簡化的呢?引用MDN解釋 當 async 函式...

2023-10-01 ‧ 由 HsienLu 分享
DAY 18

Day 18 正式進入React前的Javascript小總結

不知不覺鐵人賽已經寫超過一半了,用JavaScript水內容也水的差不多了XD,但是我真心認為前面的內容都是我恨不得在學React之前能夠所學好的內容,至少在操...

2023-10-02 ‧ 由 HsienLu 分享
DAY 19

Day19 React 介紹

歷史發展 React 正式出現在眾人眼中是在 JSConf 上,來自原Facebook團隊Jordan Walke 把一直以來在內部使用的React開源了,不過...

2023-10-03 ‧ 由 HsienLu 分享
DAY 20

Day20 React 環境建置-Vite

在接下來的範例中,比較沒辦法像之前的範例一樣直接丟到瀏覽器,檢查的開發者工具直接執行,需要建置基本的環境,我有想過幾種方式進行建置,甚至是在codesandbo...

2023-10-04 ‧ 由 HsienLu 分享