課程模擬大量業界情境，體驗職場上的使用時機和遇到問題的解決能力，並藉由扎實觀念打底搭配大量應用，讓你學完馬上具備業界需要的即戰力！
課間將會透過大量範程式檔案，帶你認識：
✓ React Components 如何撰寫
✓ Props 傳遞機制
✓ React 核心語法
✓ React 進階實務狀態管理
徹底掌握技能，加速開發團隊合作與管理效率！
FE201
講師介紹
課程特色
課程影音
檔案下載
課程範例檔案下載
簡介與開發環境安裝
00 : 32 : 53
React 簡介
試看影片
06 : 38
安裝並建立第一個 React 專案
試看影片
14 : 32
開發環境設定
09 : 07
VSCode Emmet 簡介
02 : 36
React 入門
00 : 24 : 28
Hello World
09 : 05
React Component
04 : 52
Props
10 : 31
ES6 語法
00 : 22 : 48
模組的 import 與 export
09 : 23
Promise
13 : 25
React Hooks 與應用情境
01 : 50 : 18
useState
09 : 25
Conditional Rendering
05 : 04
Style Data Binding
04 : 09
useEffect
08 : 29
useEffect Advanced
06 : 25
useEffect example
04 : 00
List Rendering
07 : 46
List Rendering example
03 : 36
useRef
06 : 37
Component 之間的溝通
08 : 43
表單元件 part 1
04 : 54
表單元件 part 2
07 : 07
Memo
10 : 12
useMemo
06 : 25
useCallback
09 : 03
Custom Hooks
04 : 48
JSX
03 : 35
實作練習 - Todo List
00 : 39 : 50
Todo List part 1
22 : 30
Todo List part 2
06 : 31
Todo List part 3
10 : 49
元件之間的互動
00 : 39 : 06
For 迴圈裡的 key
12 : 16
Controlled vs Uncontrolled Components
05 : 35
useContext
12 : 12
透過 Children 屬性執行上層元件功能
05 : 31
透過 Children 屬性傳值給上層元件
03 : 32
實作練習 - 台灣縣市下拉選單
00 : 08 : 23
台灣縣市下拉選單 part 1
04 : 51
台灣縣市下拉選單 part 2
03 : 32
React Hooks 進階
00 : 24 : 30
React Hooks - useImperativeHandle
06 : 15
React Hooks - Avoid Memory Leak
08 : 17
React Hooks - useLayoutEffect
09 : 58
樣式管理
00 : 36 : 15
使用 Emotion 來管理 CSS 樣式
14 : 49
使用 Tailwind CSS
04 : 42
Storybook
16 : 44
測試
00 : 48 : 55
使用 Jest 撰寫測試
13 : 56
使用 Testing Library
10 : 19
Mock
09 : 48
測試 Hooks
06 : 09
Todo List 專案測試
08 : 43
Bonus
00 : 15 : 54
React 18 新功能介紹
15 : 54
其他課程推薦
-
FP101
蘇泰安
工作上用得到的函數式程式設計
隨著多核心電腦成為主流、分散式系統架構也成為顯學，函數式程式設計的重要性也與日俱增。跟物件導向程式設計相比，函數式程式設計著重於用更簡潔的方向表達程式碼真正的意圖。因此當學會用與物件導向程式程計不同的角度來寫程式後，可以讓你在切換不同的程式語言時依然能游刃有餘。 這門課將會透過容易上手的函數式語言 Elixir，教大家最重要的函數式程式設計觀念。接著介紹如何在 Ruby、JavaScript（也許還有一點 C#）上使用函數式程式設計的技巧。讓你寫出精簡、好除錯的漂亮程式碼！其它課程
NT$3,000 -
GIT001
高見龍
坐上 Git 時光機 - 版本控制（直播）
透過網路資源或書籍學習 Git ，卻還是不確定該如何實際操作？ 網路上的芳鄰或 NAS 的共⽤資料夾，又不知道被誰改掉了︖ 想導入 Git 改善遠端共同協作流程，優化程式開發與維護，讓這門課帶你從零開始，理解 Git 指令運作原理及職場實際運用。其它課程
NT$3,000 -
FE103
Lin
動手玩 React！
如果你/妳常常聽到 React，但又一直沒機會體驗看看，歡迎跟我們一起透過實作小遊戲來認識 React。 React 是個用來實作使用者介面的 JavaScript 函式庫，在使用上只要專注於資料邏輯，React 就會透過 Virtual DOM，將變動後的資料有效率的顯示在畫面上。並且可以透過將邏輯寫成元件，方便在多個地方使用。如此方便的技術，你一定要試試看。前端課程
免費
常見問題
這個課程將於何時開始收看呢？
只要完成付款流程，即可開始觀看課程囉！
這個線上課程可以看多久？要如何收看？
在您付款完成後，該線上課程即能不限次數並永久收看，不用擔心過期喔！
課程上線後，您隨時隨地都可以透過電腦、平板或手機觀看課程影片，沒有時間和地點的問題！
線上課程和實體課程的差別為何？
- 實體與線上課程所教授的內容都很精實，最大的差異在課程內容深度會因實體上課同學的發問，而講師針對內容有所延伸。
- 線上課程因是經過剪輯的預錄影片，故沒有與講師的互動與實際操作指導。
如何評估課程是否適合我？
部分課程會開放幾個章節的「試看影片」，讓您能在購買前試看後再決定是否購買，降低課程與期望不符的可能性。
付費前請自行確認該門課程是否有提供影片試看。
如果想要更改或取消購買的課程，可以怎麼做？
除了「試看影片」的章節外，若您於購買後曾觀看正式課程的內容，即不符合退費資格，無法申請退費。
若是沒有瀏覽過「正式課程」的內容，則可以依照下方的規範辦理退費：
- 購買課程當日起算 7 日內申請退費，全額退還該課程您所支付之課程費用。
- 購買課程當日起算第 8 日至第 14 日以內申請退費，返還該課程您所支付之課程費用 30％。
- 購買課程當日起算第 15 日後，該課程您所支付之課程費用不予退還。
確認符合退費資格後， 五倍學院依當初交易時，所使用之付款方式將課程費用退還。
完成退費申請後，將於二十個工作天內完成退款。
課程學習中遇到問題，該到哪裡尋求協助？
問題討論
每個課程影片章節下方皆有問題討論區，在這討論區裡，你可以與老師進行交流及互動，解決你在線上課程中遇到的問題；也能與其他學員交流心得，或許會有意外的收獲喔！
課程 Discord 群組
為了能快速又便利的幫同學們解決學習時面臨的問題，我們會為該課程建立專屬群組，並於學員完成課程購買時提供群組連結，請學員們記得要加入唷！
關於發票的問題
五倍學院為響應環保，僅提供電子發票，免費課程不開立發票。
因五倍院學係屬教育機構提供之教育勞務，依法可免徵營業稅，故開立『免稅』發票。
取得電子發票
發票形式：以電子郵件寄送
待購買完成後的七個工作天內，會依照您所填寫的電子信箱寄出。
公司 / 單位需要報帳
請您於結帳時填寫「統編資訊」，並務必填寫正確公司名稱及統一編號
交易成功後的七個工作天內，電子發票將寄送至您所填寫的電子信箱，您可以將它列印並作為會計憑證。
如果對課程有問題，該如何詢問呢？
若您對課程內容有任何問題，您可以透過以下管道諮詢：
- 在有問題的章節下方留言
- Email 來信 course@5xcampus.com 或傳訊息給我們的 Facebook 粉絲專頁，我們會盡快回覆