鐵人檔案
這次鐵人賽主要會著重在React的學習以及做出一個與React相關的範例，若是30天的過程中有遇到需要學習新技術的話也會一併加進這次得競賽當中
學習背景 個人之前有HTML,CSS,javascript的背景，因為想要更深入研究網頁前端的技術，所以選擇了這個題目，雖然還不清楚自己是否可以順利完成30天的...
VScode 想必對會寫網頁的大家來說，VScode肯定不陌生吧!首先，我們要先安裝VScode。怕有些人可能不知道VScode是什麼，這邊介紹一下，VScod...
來到第三天了，今天也是延續昨天所介紹的，因為有點複雜所以分成兩天來介紹，相比於昨天所介紹到的，我覺得今天的更為複雜，繼續看下去吧! React安裝 安裝reac...
React Component 在寫React代碼之前，我們首先要了解一個概念，那就叫做Component。 什麼是Component?(中文翻譯為組件/零件...
昨天我們介紹完了什麼是，React Component還有Funtion Component 與 Class Component 的比較，了解了Componen...
我們前面講完了甚麼是React Component 相信大家對於React應該都有了更深的了解，今天我要來介紹的就是JSX! 甚麼是JSX? JSX全名是Jav...
昨天我們看完了甚麼是JSX後，今天是時候動動手來試試看各種有關JSX的功能了吧。我們一樣用的是freecodecamp作為我們練習的工具，因為這樣可以挑選想要學...
昨天介紹完了JSX，今天我們繼續我們的學習，來看看甚麼是Hook吧! HOOK是甚麼? Hook的中文翻譯是[鉤子]，顧名思義就是將東西鉤過來，那套用在程式結構...
今天我們要來介紹的是React State，那什麼是React State呢？簡單來說，state是屬於某一個Component裡面的資料，而且React會對S...
看完了那麼多文字之後，勢必須要一點實際範例來幫助我們更了解React State＆props的實際作用吧!今天的範例都會參考React官網範例。 首先來看看pr...
