React 全攻略,從入門到進階


陳冠霖
學員分享
React 全攻略,從入門到進階

學習動機

在剛結束 ASTRO Camp 的課程之後,緊接著報名了「React 全攻略入門到進階」,主要是想在求職的等待期更增進自己的能力,並且最吸引我的一點就是 學會 React,年薪百萬 !

什麼是 React ?

一開始我完全不懂什麼是 React ,只知道他是 JS Framework,但什麼又是 Freamework ?
懵懵懂懂的我,保持我一貫的個性,不管三七二十一先上再說,遇到問題再來解決。

第一件事情

首先是安裝環境,這個簡單 ! 迅速的安裝完環境之後,並不是馬上開始寫 code ,老師反而先介紹了自己在工作時常用的 VSCode extensions,像是:
ESLint
Auto Rename Tag
Code Spell Checker…
某些好用的 extensions 在網上也不一定找得到,有了這些寫 code 真的方便很多。

由淺入深

好,進入正題,對於初學 React 的人來說,老師實在是非常貼心,不僅詳細講解了 React Hooks ,也會提到背後 React 幫我們做了什麼事情( React 運作機制 )。

像是若使用 useState 的 set 函式,並不會馬上更新 Value,React 會在背後做更新。

const [ name, setName ] = useState( “kevin” )

const changeName = () => {
  setName( “DOJO” )
  console.log( name )  // kevin
}

  changeName()
  console.log ( name ) // DOJO

大量的練習

在課堂上,老師準備了近百題的練習題供大家練習,這些練習從基本的 JSX 語法、Hooks 的應用等等,開始工作之後回頭再來看,發現老師教授的完全可以應用到實務上 !

除了課堂上的練習之外,也會有回家作業,通常都是今天所教授內容的延伸應用,不僅可以檢視自己有沒有不懂的地方,也可以發揮想像力自行撰寫 code 達到相同的功能,甚至遇到任何問題,都可以私訊問老師。在下周上課的同時,老師也會公布自己的解答,並且說明為什麼這樣做比較好,完全達到了 code review 的功效。

經驗分享

除了老師精心準備的課程內容之外,也不時地會分享自己在業界上班的狀況,例如像最近業界的趨勢 or 自己在公司上班的開發模式、使用的工具等等,說實話讓我受益良多。

誰適合上這門課 ?

不管你是在職人士,或是學生,就算對 React 0 基礎也沒關係,只要你想學習前端技術,我認為都非常適合參與這門課程,我列出以下優缺點供大家參考 :

優點:
周六上課,即使平日有工作 / 課程,相對較無壓力
老師為第一線在業界奮鬥的知名人士
老師太有趣了,上課一點都不無聊
滿滿的 React 乾貨
有貓咪可以吸

缺點:
與其他地方相比學費較高
只有四周的短期課程 ( 可以是優點也是缺點,但我真的想在上久一點啊 !~ )
上課地點附近吃得貴一些

以上是我個人的見解! 有任何問題都可以與我聯繫,或是至五倍學院詢問喔~

本文節選自 DOJO's Blog中文的文章:React 全攻略,入門到進階