Follow the Rainmaker 🌧️

0. React RoadMap

laurahsu.roc
laurahsu.roc
閱讀時間約 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 區塊鏈人才培育第一品牌
    Follow the Rainmaker 🌧️ Krypto2. React
    Follow the Rainmaker 🌧️
    5會員
    91Content count
    尋大神腳印, 亦步亦趨。
    留言0
    查看全部
    發表第一個留言支持創作者！
    Follow the Rainmaker 🌧️ 的其他內容
    0. Solidity Road Map + 小練習
    1. Basic | Book 型別 Types 與變數 Variables - booleans, integer, string, address - 01:04:02 Data Structures 資料結構 - array, mapping, struct, enum - 50:14
    1.10 Event 事件 - 地震演習
    // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract EarthquakeAlertSystem { // 定義地震警報事件 event EarthquakeAlert(string message, ui
    1.6 Extend 繼承合約
    這個合約將管理校慶運動會的基本信息和操作，並且包含了特定的運動會活動，如校內運動會的規則和獎勵制度。 // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract SportsFestival { struct Part
    1.17 Storage, Memory, Calldata 同學通訊錄
    Storage、Memory和Calldata是用於定義變量存儲位置的關鍵字，它們各自有不同的適用情境和用法。 Storage Storage是用於存儲合約狀態變量的位置。這些變量存儲在區塊鏈上，並且在合約的生命週期內持續存在。Storage變量的變化會影響合約的狀態，並且會持久化存儲在區塊鏈上
    1.11 Interface 學校圖書館系統
    interface的主要作用是定義合約的函數規範，但不包含具體的實現。它提供了一種清晰的方式來描述合約之間的互動方式，從而使得不同的合約可以進行互操作性。 學校圖書館系統, 包括兩個主要的合約：Library合約和Student合約。 Library合約：這個合約負責管理圖書館的書籍，包括書籍的
    1.7 For迴圈, While迴圈 + 4小練習
    ForLoop // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract ArtAuction { mapping(uint => uint) public artworks; uint public con
    0. Solidity Road Map + 小練習
    1. Basic | Book 型別 Types 與變數 Variables - booleans, integer, string, address - 01:04:02 Data Structures 資料結構 - array, mapping, struct, enum - 50:14
    1.10 Event 事件 - 地震演習
    // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract EarthquakeAlertSystem { // 定義地震警報事件 event EarthquakeAlert(string message, ui
    1.6 Extend 繼承合約
    這個合約將管理校慶運動會的基本信息和操作，並且包含了特定的運動會活動，如校內運動會的規則和獎勵制度。 // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract SportsFestival { struct Part
    1.17 Storage, Memory, Calldata 同學通訊錄
    Storage、Memory和Calldata是用於定義變量存儲位置的關鍵字，它們各自有不同的適用情境和用法。 Storage Storage是用於存儲合約狀態變量的位置。這些變量存儲在區塊鏈上，並且在合約的生命週期內持續存在。Storage變量的變化會影響合約的狀態，並且會持久化存儲在區塊鏈上
    1.11 Interface 學校圖書館系統
    interface的主要作用是定義合約的函數規範，但不包含具體的實現。它提供了一種清晰的方式來描述合約之間的互動方式，從而使得不同的合約可以進行互操作性。 學校圖書館系統, 包括兩個主要的合約：Library合約和Student合約。 Library合約：這個合約負責管理圖書館的書籍，包括書籍的
    1.7 For迴圈, While迴圈 + 4小練習
    ForLoop // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract ArtAuction { mapping(uint => uint) public artworks; uint public con
    你可能也想看
    avatar
    美股韭菜王
    2024/09/18
    Thumbnail
    Fed 9月會議：傳達「不想要落後給曲線」的正向信號，著手管理市場的衰退預期
    重點摘要： 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
    #聯準會#Fed#降息
    avatar
    方格子 vocus 官方沙龍
    2024/08/27
    Thumbnail
    「相簿裡最捨不得刪的 N 張照片！」：完成任務抽富士即可拍！
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？ 新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
    #相簿裡最捨不得刪的照片
    avatar
    P1060的沙龍
    2023/06/25
    Thumbnail
    ＃0
    眼、耳、鼻、舌、身－五感經驗中形塑出生活經驗，偶時深刻的鑄進記憶。
    #生活經驗#建築設計#文學
    avatar
    油雞小姐的宇宙養成實驗室
    2022/08/05
    Thumbnail
    #0.導讀｜生活是一面鏡子
    或許這中間有一些個人造化的問題，比如說你失業是因為你偷老闆的錢
    #健康與情感#實例故事#我是我的宇宙
    avatar
    台灣瑞歐國際科技有限公司的沙龍
    2022/06/24
    Thumbnail
    歐盟REACH立法機構任命新局長，將致力於促進歐盟REACH 2.0時代到來
    2022年6月22日， 歐洲化學品管理局（ECHA）委員會宣佈，已選定Sharon McGuinness博士為下一任歐洲化學品管理局局長。作為任命程式的一部分，Sharon McGuinness博士暫定於7月4日將在歐洲議會上發表聲明。
    #歐盟#EUREACH#REACH
    avatar
    Eva的沙龍
    2022/06/15
    #0
    漫漫人生，恍然如戲。生活則是另一部平淡幽深的著作。我翻閱著，那些屬於我的，或者擦身而過的一頁又一頁，潛藏在生活中的美好細節。 每天，我通車從一個城市越過另一個城市，再經過兩個，最後才抵達我的目的地。每天來回一趟的過程，是我一天當中最喜歡、享受的時光。 喜歡把日子摺疊成相似樣子的Eva*
    avatar
    當沖小強的沙龍
    2022/06/07
    Thumbnail
    0
    2022/06/07 【今日交易】 今天在9:20以前結束，後面就是加減看看， 但也真的肯定如果多做也不會賺， 比較有把握的時間大概也只有二三十分鐘， 至少可以肯定這段時間勝率會是最好的狀態了， 剩下的就慢慢體會，慢慢累積。 當沖含退:0
    #當沖日記#交易日記#當沖交易
    avatar
    當沖小強的沙龍
    2022/05/25
    Thumbnail
    -0
    【今日交易】 沒有買賣，沒有傷害。
    #當沖日記#交易日記#當沖交易
    avatar
    當沖小強的沙龍
    2022/05/17
    Thumbnail
    -0
    2022/05/17 【今日交易】 每天的行情都著實不容易，今天主要是跟3535纏鬥了一整天， 在他身上總共停損30張，但是在最後只用兩張居然把整天的虧損全部打回來， 雖然逆轉是開心，但是只買到兩張也有點尷尬， 只能說雖然可惜，但至少可以了。 當沖含退:-0
    #當沖日記#交易日記#當沖交易
    avatar
    當沖小強的沙龍
    2022/01/20
    Thumbnail
    0
    2022/01/20 【今日交易】 一樣看了整天甚麼也沒有， 不是說股票都沒動，而是動的方式掌握不到 久久動一下，對於日內交易來說應該相對容易一些 不過既然花了這麼多時間磨練急短線， 自然也不可能短時間就能學會別人的技能 就順其自然到封關吧 只能期待年後的行情了! 當沖含退:0
    #當沖日記#交易日記#當沖交易
    avatar
    千檀的沙龍
    2021/10/10
    0
    　　古時。有一名很會說話的人，他可以輕易用話語，遊說任何人，並換取他想要的利益，和人生。那時，他有時一天只說一句話，就得到了一整天的伙食開銷。有人問他怎麼做到的，他卻總是抬頭笑笑：「跌落谷底之後，發現什麼都可以擁有。」 　　有一天這個人消失了，大家找到這名青年的家中，才發現，這名青年，當初所得到的東
    avatar
    大器的媽的沙龍
    2021/06/06
    Thumbnail
    【 0 】
    陳大器謝謝大家
    avatar
    美股韭菜王
    2024/09/18
    Thumbnail
    Fed 9月會議：傳達「不想要落後給曲線」的正向信號，著手管理市場的衰退預期
    重點摘要： 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
    #聯準會#Fed#降息
    avatar
    方格子 vocus 官方沙龍
    2024/08/27
    Thumbnail
    「相簿裡最捨不得刪的 N 張照片！」：完成任務抽富士即可拍！
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？ 新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
    #相簿裡最捨不得刪的照片
    avatar
    P1060的沙龍
    2023/06/25
    Thumbnail
    ＃0
    眼、耳、鼻、舌、身－五感經驗中形塑出生活經驗，偶時深刻的鑄進記憶。
    #生活經驗#建築設計#文學
    avatar
    油雞小姐的宇宙養成實驗室
    2022/08/05
    Thumbnail
    #0.導讀｜生活是一面鏡子
    或許這中間有一些個人造化的問題，比如說你失業是因為你偷老闆的錢
    #健康與情感#實例故事#我是我的宇宙
    avatar
    台灣瑞歐國際科技有限公司的沙龍
    2022/06/24
    Thumbnail
    歐盟REACH立法機構任命新局長，將致力於促進歐盟REACH 2.0時代到來
    2022年6月22日， 歐洲化學品管理局（ECHA）委員會宣佈，已選定Sharon McGuinness博士為下一任歐洲化學品管理局局長。作為任命程式的一部分，Sharon McGuinness博士暫定於7月4日將在歐洲議會上發表聲明。
    #歐盟#EUREACH#REACH
    avatar
    Eva的沙龍
    2022/06/15
    #0
    漫漫人生，恍然如戲。生活則是另一部平淡幽深的著作。我翻閱著，那些屬於我的，或者擦身而過的一頁又一頁，潛藏在生活中的美好細節。 每天，我通車從一個城市越過另一個城市，再經過兩個，最後才抵達我的目的地。每天來回一趟的過程，是我一天當中最喜歡、享受的時光。 喜歡把日子摺疊成相似樣子的Eva*
    avatar
    當沖小強的沙龍
    2022/06/07
    Thumbnail
    0
    2022/06/07 【今日交易】 今天在9:20以前結束，後面就是加減看看， 但也真的肯定如果多做也不會賺， 比較有把握的時間大概也只有二三十分鐘， 至少可以肯定這段時間勝率會是最好的狀態了， 剩下的就慢慢體會，慢慢累積。 當沖含退:0
    #當沖日記#交易日記#當沖交易
    avatar
    當沖小強的沙龍
    2022/05/25
    Thumbnail
    -0
    【今日交易】 沒有買賣，沒有傷害。
    #當沖日記#交易日記#當沖交易
    avatar
    當沖小強的沙龍
    2022/05/17
    Thumbnail
    -0
    2022/05/17 【今日交易】 每天的行情都著實不容易，今天主要是跟3535纏鬥了一整天， 在他身上總共停損30張，但是在最後只用兩張居然把整天的虧損全部打回來， 雖然逆轉是開心，但是只買到兩張也有點尷尬， 只能說雖然可惜，但至少可以了。 當沖含退:-0
    #當沖日記#交易日記#當沖交易
    avatar
    當沖小強的沙龍
    2022/01/20
    Thumbnail
    0
    2022/01/20 【今日交易】 一樣看了整天甚麼也沒有， 不是說股票都沒動，而是動的方式掌握不到 久久動一下，對於日內交易來說應該相對容易一些 不過既然花了這麼多時間磨練急短線， 自然也不可能短時間就能學會別人的技能 就順其自然到封關吧 只能期待年後的行情了! 當沖含退:0
    #當沖日記#交易日記#當沖交易
    avatar
    千檀的沙龍
    2021/10/10
    0
    　　古時。有一名很會說話的人，他可以輕易用話語，遊說任何人，並換取他想要的利益，和人生。那時，他有時一天只說一句話，就得到了一整天的伙食開銷。有人問他怎麼做到的，他卻總是抬頭笑笑：「跌落谷底之後，發現什麼都可以擁有。」 　　有一天這個人消失了，大家找到這名青年的家中，才發現，這名青年，當初所得到的東
    avatar
    大器的媽的沙龍
    2021/06/06
    Thumbnail
    【 0 】
    陳大器謝謝大家