iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

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

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

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

Day21 React的元件形式

元件(component)是React主要關鍵組成之一,它是一個可以被反覆利用的UI元素,不過說穿了React的文件中一直提到的元件,其實就是function每...

2023-10-05 ‧ 由 HsienLu 分享
DAY 22

Day22 React的語法-JSX

JSX 為 React的語法,簡單的來說就是可以使用JavaScript來撰寫HTML標籤,然而官方文件也有提到,不用JSX也是可以,但多數的React開發者鑑...

2023-10-06 ‧ 由 HsienLu 分享
DAY 23

Day23 React中的JavaScript

今天要介紹的是JSX重要的部分,就是如何在JSX中寫JavaScript,其實很理所當然的JSX來就是JavaScript,所以能寫JavaScript是一件蠻...

2023-10-07 ‧ 由 HsienLu 分享
DAY 24

Day24 React的橋樑-Prpos

Props是一個元件之間傳遞資料的手段,它其實有點像是HTML標籤的屬性,實際上很多像是HTML標籤的屬性也被預設為Props,例如img標籤的src,alt等...

2023-10-08 ‧ 由 HsienLu 分享
DAY 25

Day25 React的選擇渲染-JSX與條件控制的關係

說到JavaScript的流程控制大家很容易聯想到if...else...或是三元運算子,在JSX裡面可以利用這些流程控制來選選擇性的呈現想要渲染的畫面。 官網...

2023-10-09 ‧ 由 HsienLu 分享