0. React RoadMap

更新於 2024/06/03閱讀時間約 2 分鐘
raw-image


1. React | jsx

  1. React 學習大綱 - 02:29
  2. 什麼是軟體框架 - 14:30
  3. 前端框架介紹 - 14:28
  4. 開始你的第一個 React.js 專案 - 05:28
  5. JSX 基本觀念 - 1 03:34
  6. JSX 基本觀念 - 2 05:40
  7. JSX 基本觀念 - 3 04:13
  8. JSX 基本觀念 - 4 05:42
  9. JSX 基本觀念 - 5 02:22
  10. JSX 基本觀念 - 6 04:01
  11. JSX 基本觀念 - 7 01:59
  12. JSX 基本觀念 - 8 04:14
  13. React Component 基本觀念 - 1 11:28
  14. React Component 基本觀念 - 2 08:51
  15. React Hook 基本觀念 - 1 09:06
  16. React Hook 基本觀念 - 2 05:24

2. 進入 React Hook 世界

  1. 如何在 CodePen 上練習 React - 03:39
  2. React - 建立元件 - 12:37
  3. React Hook - useContext 管理全域資料狀態 - 09:54
  4. React Hook - useEffect - 14:54
  5. React Hook - useState - 06:51
  6. React Hook - useEffect 呼叫 API - 05:28

3. React Hook Form 前端表單驗證

  1. HTML 基本表單介紹 - 14:15
  2. React Hook Form 官方文件
  3. React Hook Form - Form Build 介紹 - 07:00
  4. React Hook Form - 基本操作 - 19:03
  5. React Hook Form - 搭配 Yup Schema 驗證 - 14:58
  6. Vercel 部署,讓全世界看見你的網站 - 12:48

[Reference]

  1. 區塊鏈工程師 VIP 開發社群 (實戰營精華課程與最新技術教學), KryptoCamp 區塊鏈人才培育第一品牌
  2. 區塊鏈全端工程師實戰營, KryptoCamp 區塊鏈人才培育第一品牌
  3. 區塊鏈全端工程師線上實戰營, KryptoCamp 區塊鏈人才培育第一品牌
    尋大神腳印, 亦步亦趨。
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    1. Basic | Book 型別 Types 與變數 Variables - booleans, integer, string, address - 01:04:02 Data Structures 資料結構 - array, mapping, struct, enum - 50:14
    // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract EarthquakeAlertSystem { // 定義地震警報事件 event EarthquakeAlert(string message, ui
    這個合約將管理校慶運動會的基本信息和操作,並且包含了特定的運動會活動,如校內運動會的規則和獎勵制度。 // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract SportsFestival { struct Part
    Storage、Memory和Calldata是用於定義變量存儲位置的關鍵字,它們各自有不同的適用情境和用法。 Storage Storage是用於存儲合約狀態變量的位置。這些變量存儲在區塊鏈上,並且在合約的生命週期內持續存在。Storage變量的變化會影響合約的狀態,並且會持久化存儲在區塊鏈上
    interface的主要作用是定義合約的函數規範,但不包含具體的實現。它提供了一種清晰的方式來描述合約之間的互動方式,從而使得不同的合約可以進行互操作性。 學校圖書館系統, 包括兩個主要的合約:Library合約和Student合約。 Library合約:這個合約負責管理圖書館的書籍,包括書籍的
    ForLoop // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract ArtAuction { mapping(uint => uint) public artworks; uint public con
    1. Basic | Book 型別 Types 與變數 Variables - booleans, integer, string, address - 01:04:02 Data Structures 資料結構 - array, mapping, struct, enum - 50:14
    // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract EarthquakeAlertSystem { // 定義地震警報事件 event EarthquakeAlert(string message, ui
    這個合約將管理校慶運動會的基本信息和操作,並且包含了特定的運動會活動,如校內運動會的規則和獎勵制度。 // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract SportsFestival { struct Part
    Storage、Memory和Calldata是用於定義變量存儲位置的關鍵字,它們各自有不同的適用情境和用法。 Storage Storage是用於存儲合約狀態變量的位置。這些變量存儲在區塊鏈上,並且在合約的生命週期內持續存在。Storage變量的變化會影響合約的狀態,並且會持久化存儲在區塊鏈上
    interface的主要作用是定義合約的函數規範,但不包含具體的實現。它提供了一種清晰的方式來描述合約之間的互動方式,從而使得不同的合約可以進行互操作性。 學校圖書館系統, 包括兩個主要的合約:Library合約和Student合約。 Library合約:這個合約負責管理圖書館的書籍,包括書籍的
    ForLoop // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract ArtAuction { mapping(uint => uint) public artworks; uint public con
    你可能也想看
    Google News 追蹤
    Thumbnail
    *合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
    Thumbnail
    眼、耳、鼻、舌、身-五感經驗中形塑出生活經驗,偶時深刻的鑄進記憶。
    Thumbnail
    或許這中間有一些個人造化的問題,比如說你失業是因為你偷老闆的錢
    Thumbnail
    2022年6月22日, 歐洲化學品管理局(ECHA)委員會宣佈,已選定Sharon McGuinness博士為下一任歐洲化學品管理局局長。作為任命程式的一部分,Sharon McGuinness博士暫定於7月4日將在歐洲議會上發表聲明。
    漫漫人生,恍然如戲。生活則是另一部平淡幽深的著作。我翻閱著,那些屬於我的,或者擦身而過的一頁又一頁,潛藏在生活中的美好細節。 每天,我通車從一個城市越過另一個城市,再經過兩個,最後才抵達我的目的地。每天來回一趟的過程,是我一天當中最喜歡、享受的時光。 喜歡把日子摺疊成相似樣子的Eva*
    Thumbnail
    2022/06/07 【今日交易】 今天在9:20以前結束,後面就是加減看看, 但也真的肯定如果多做也不會賺, 比較有把握的時間大概也只有二三十分鐘, 至少可以肯定這段時間勝率會是最好的狀態了, 剩下的就慢慢體會,慢慢累積。 當沖含退:0
    Thumbnail
    【今日交易】 沒有買賣,沒有傷害。
    Thumbnail
    2022/05/17 【今日交易】 每天的行情都著實不容易,今天主要是跟3535纏鬥了一整天, 在他身上總共停損30張,但是在最後只用兩張居然把整天的虧損全部打回來, 雖然逆轉是開心,但是只買到兩張也有點尷尬, 只能說雖然可惜,但至少可以了。 當沖含退:-0
    Thumbnail
    2022/01/20 【今日交易】 一樣看了整天甚麼也沒有, 不是說股票都沒動,而是動的方式掌握不到 久久動一下,對於日內交易來說應該相對容易一些 不過既然花了這麼多時間磨練急短線, 自然也不可能短時間就能學會別人的技能 就順其自然到封關吧 只能期待年後的行情了! 當沖含退:0
      古時。有一名很會說話的人,他可以輕易用話語,遊說任何人,並換取他想要的利益,和人生。那時,他有時一天只說一句話,就得到了一整天的伙食開銷。有人問他怎麼做到的,他卻總是抬頭笑笑:「跌落谷底之後,發現什麼都可以擁有。」   有一天這個人消失了,大家找到這名青年的家中,才發現,這名青年,當初所得到的東
    Thumbnail
    *合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
    Thumbnail
    眼、耳、鼻、舌、身-五感經驗中形塑出生活經驗,偶時深刻的鑄進記憶。
    Thumbnail
    或許這中間有一些個人造化的問題,比如說你失業是因為你偷老闆的錢
    Thumbnail
    2022年6月22日, 歐洲化學品管理局(ECHA)委員會宣佈,已選定Sharon McGuinness博士為下一任歐洲化學品管理局局長。作為任命程式的一部分,Sharon McGuinness博士暫定於7月4日將在歐洲議會上發表聲明。
    漫漫人生,恍然如戲。生活則是另一部平淡幽深的著作。我翻閱著,那些屬於我的,或者擦身而過的一頁又一頁,潛藏在生活中的美好細節。 每天,我通車從一個城市越過另一個城市,再經過兩個,最後才抵達我的目的地。每天來回一趟的過程,是我一天當中最喜歡、享受的時光。 喜歡把日子摺疊成相似樣子的Eva*
    Thumbnail
    2022/06/07 【今日交易】 今天在9:20以前結束,後面就是加減看看, 但也真的肯定如果多做也不會賺, 比較有把握的時間大概也只有二三十分鐘, 至少可以肯定這段時間勝率會是最好的狀態了, 剩下的就慢慢體會,慢慢累積。 當沖含退:0
    Thumbnail
    【今日交易】 沒有買賣,沒有傷害。
    Thumbnail
    2022/05/17 【今日交易】 每天的行情都著實不容易,今天主要是跟3535纏鬥了一整天, 在他身上總共停損30張,但是在最後只用兩張居然把整天的虧損全部打回來, 雖然逆轉是開心,但是只買到兩張也有點尷尬, 只能說雖然可惜,但至少可以了。 當沖含退:-0
    Thumbnail
    2022/01/20 【今日交易】 一樣看了整天甚麼也沒有, 不是說股票都沒動,而是動的方式掌握不到 久久動一下,對於日內交易來說應該相對容易一些 不過既然花了這麼多時間磨練急短線, 自然也不可能短時間就能學會別人的技能 就順其自然到封關吧 只能期待年後的行情了! 當沖含退:0
      古時。有一名很會說話的人,他可以輕易用話語,遊說任何人,並換取他想要的利益,和人生。那時,他有時一天只說一句話,就得到了一整天的伙食開銷。有人問他怎麼做到的,他卻總是抬頭笑笑:「跌落谷底之後,發現什麼都可以擁有。」   有一天這個人消失了,大家找到這名青年的家中,才發現,這名青年,當初所得到的東