0. React RoadMap

更新 發佈閱讀 2 分鐘
vocus|新世代的創作平台


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 區塊鏈人才培育第一品牌
留言
avatar-img
Follow the Rainmaker 🌧️
5會員
91內容數
尋大神腳印, 亦步亦趨。
2024/05/30
React Hooks 是 React 16.8 中引入的一組新的 API,允許你在函數組件中使用狀態和其他 React 特性,而不需要寫類組件。 狀態管理: useState 鉤子允許在函數組件中添加狀態。 副作用管理: useEffect 鉤子允許處理副作用,如數據獲取、訂閱和手動 DO
2024/05/30
React Hooks 是 React 16.8 中引入的一組新的 API,允許你在函數組件中使用狀態和其他 React 特性,而不需要寫類組件。 狀態管理: useState 鉤子允許在函數組件中添加狀態。 副作用管理: useEffect 鉤子允許處理副作用,如數據獲取、訂閱和手動 DO
2024/05/30
06. React Forms: Dynamically Add New Input Fields On Click || Learn React Through Mini Projects
2024/05/30
06. React Forms: Dynamically Add New Input Fields On Click || Learn React Through Mini Projects
2024/05/30
07. React useContext Hook (User Context Example) || Learn React Through Mini Projects
2024/05/30
07. React useContext Hook (User Context Example) || Learn React Through Mini Projects
看更多
你可能也想看
Thumbnail
2022/01/20 【今日交易】 一樣看了整天甚麼也沒有, 不是說股票都沒動,而是動的方式掌握不到 久久動一下,對於日內交易來說應該相對容易一些 不過既然花了這麼多時間磨練急短線, 自然也不可能短時間就能學會別人的技能 就順其自然到封關吧 只能期待年後的行情了! 當沖含退:0
Thumbnail
2022/01/20 【今日交易】 一樣看了整天甚麼也沒有, 不是說股票都沒動,而是動的方式掌握不到 久久動一下,對於日內交易來說應該相對容易一些 不過既然花了這麼多時間磨練急短線, 自然也不可能短時間就能學會別人的技能 就順其自然到封關吧 只能期待年後的行情了! 當沖含退:0
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
2022/05/17 【今日交易】 每天的行情都著實不容易,今天主要是跟3535纏鬥了一整天, 在他身上總共停損30張,但是在最後只用兩張居然把整天的虧損全部打回來, 雖然逆轉是開心,但是只買到兩張也有點尷尬, 只能說雖然可惜,但至少可以了。 當沖含退:-0
Thumbnail
2022/05/17 【今日交易】 每天的行情都著實不容易,今天主要是跟3535纏鬥了一整天, 在他身上總共停損30張,但是在最後只用兩張居然把整天的虧損全部打回來, 雖然逆轉是開心,但是只買到兩張也有點尷尬, 只能說雖然可惜,但至少可以了。 當沖含退:-0
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
2022年6月22日, 歐洲化學品管理局(ECHA)委員會宣佈,已選定Sharon McGuinness博士為下一任歐洲化學品管理局局長。作為任命程式的一部分,Sharon McGuinness博士暫定於7月4日將在歐洲議會上發表聲明。
Thumbnail
2022年6月22日, 歐洲化學品管理局(ECHA)委員會宣佈,已選定Sharon McGuinness博士為下一任歐洲化學品管理局局長。作為任命程式的一部分,Sharon McGuinness博士暫定於7月4日將在歐洲議會上發表聲明。
Thumbnail
或許這中間有一些個人造化的問題,比如說你失業是因為你偷老闆的錢
Thumbnail
或許這中間有一些個人造化的問題,比如說你失業是因為你偷老闆的錢
Thumbnail
眼、耳、鼻、舌、身-五感經驗中形塑出生活經驗,偶時深刻的鑄進記憶。
Thumbnail
眼、耳、鼻、舌、身-五感經驗中形塑出生活經驗,偶時深刻的鑄進記憶。
Thumbnail
2022/06/07 【今日交易】 今天在9:20以前結束,後面就是加減看看, 但也真的肯定如果多做也不會賺, 比較有把握的時間大概也只有二三十分鐘, 至少可以肯定這段時間勝率會是最好的狀態了, 剩下的就慢慢體會,慢慢累積。 當沖含退:0
Thumbnail
2022/06/07 【今日交易】 今天在9:20以前結束,後面就是加減看看, 但也真的肯定如果多做也不會賺, 比較有把握的時間大概也只有二三十分鐘, 至少可以肯定這段時間勝率會是最好的狀態了, 剩下的就慢慢體會,慢慢累積。 當沖含退:0
Thumbnail
【今日交易】 沒有買賣,沒有傷害。
Thumbnail
【今日交易】 沒有買賣,沒有傷害。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
陳大器謝謝大家
Thumbnail
陳大器謝謝大家
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News