iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Dear React 修煉之路 系列

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

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

(D-21) Dear React 修煉之路:Router

React Router是React的路由解决方案,它可以讓畫面切換可以與URL同步Router 經過改動後,新版本與舊版本有些微功能不支援 不支援switch...

2022-10-06 ‧ 由 A L 分享
DAY 22

(D-22) Dear React 修煉之路:useLocation

useLocation 是當 URL 網址改變時 useState 會回傳一個新的包含目前URL的狀態和位置的物件函數。每當 URL 網址有變更,則 useLo...

2022-10-07 ‧ 由 A L 分享
DAY 23

(D-23) Dear React 修煉之路:條件渲染

我們能夠在不同的條件情境下,讓React自行判斷應該要返回哪些對應的UI畫面 使用if else 已根據使用者是否有都入的情境為例子先建立兩的Component...

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

(D-24) Dear React 修煉之路:條件渲染 - 2

&& 邏輯運算子使用的語法為{條件式 && 元素}如果條件是true -> 顯示元素如果條件是false -> 不顯...

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

(D-25) Dear React 修煉之路:條件渲染 - 3

不顯示元素某些情況下我們不希望元件回傳任何值我們可以讓元件回傳 null 或 false 即可 如果沒有需要顯示訊息,return null 讓畫面上不出現任何...

2022-10-10 ‧ 由 A L 分享
DAY 26

(D-26) Dear React 修煉之路:React 專案結構

鐵人賽快要結束了,30天的時間過好快呀...這篇想要介紹React的專案架構,資料夾分類。React本身並沒有提供專案的結構,必須由我們自來架構才可以,架構的分...

2022-10-11 ‧ 由 A L 分享
DAY 27

(D-27) Dear React 修煉之路:form表單

在App.js中輸入以下程式碼使用 useState 來判斷表單是否有完成資料的填寫將usestate函式當作可以傳出去的props,給 Form.js 的co...

2022-10-12 ‧ 由 A L 分享
DAY 28

(D-28) Dear React 修煉之路:Styled-component

styled-component 是什麼?styled-component 是一個 CSS-In-JS 的函式庫,我們可以在 JSX 中撰寫 CSS code。...

2022-10-13 ‧ 由 A L 分享
DAY 29

(D-29) Dear React 修煉之路:useMemo

咪那桑非常不好意思很遺憾我這兩天臨時出差QQ這兩天和同事們來到了台南出差(x)遊玩(O) 體驗騎 T-Bike,凌晨的台南路好空曠空氣很新鮮酒吧巡禮(TIPSY...

2022-10-14 ‧ 由 A L 分享
DAY 30

(D-30) Dear React 修煉之路:完賽心得

聽了身邊的人的建議,熱血一波參加了第一次的鐵人賽,參賽的這30天內要養成固定寫文章的習慣其實好難,如果當天臨時有聚會,其實也對能不能夠準時發文有蠻大的擔憂@_@...

2022-10-15 ‧ 由 A L 分享