自從上了研究所後才開始觸碰前端,HTML、JS也只有在大學課堂上學過而已。
我第一個前端語言是直接嘗試使用React來撰寫,雖然途中也踩了許多雷,但覺得其實還滿容易上手的 (因為不想先寫傳統HTML再慢慢轉到React,想要一次到位XD),所以也把這兩年之中學的經歷寫成日記,希望能夠幫助跟我一樣想學React的人!
tags: iThome 鐵人賽 30天 什麼是生命週期?像是Component的首次呼叫與離開都是生命週期的其中一環,其中也包括props和state的變化。...
tags: iThome 鐵人賽 30天 今天來了解一下element所用有的事件 (event) 和Ref的使用時機與方法吧 Event 在之前的實作中有用到...
tags: iThome 鐵人賽 30天 什麼是Hook?是一個讓你可以不用寫Class Component也可以用Function Component來使用R...
tags: iThome 鐵人賽 30天 今天來個改造吧,來把Header.jsx通通都改成Fuction Component並變為Hook的寫法~ Compo...
tags: iThome 鐵人賽 30天 都裝完MUI了,當然要來實際應用啦,今天就來把Header變成MUI的形狀吧。 Header: App Bar 因為我...
tags: iThome 鐵人賽 30天 影片卡片是顯示在首頁的預覽卡片頁面,要做的形式呢大概是有一張影片的預覽圖,與筆記的些許內容,至於影片標題的擷取就不在這...
tags: iThome 鐵人賽 30天 先接續昨天卡片製作,還有圖片/卡片大小沒調整好,另外標題也要設定成最多兩行,最後要給每個卡片一個具有識別性的連結,點進...
tags: iThome 鐵人賽 30天 今天要來把首頁的物件做一個整理,首先是先建立一個Content來顯現主要頁面的資訊,如首頁的卡片與影片標記的編輯頁面,...
tags: iThome 鐵人賽 30天 Switch Switch裡面會包著多個Route但並不是全部都符合都會渲染,而是會只渲染第一個符合的Route,所以...
tags: iThome 鐵人賽 30天 今天要處理的是讓每個頁面都有自己的Container來包裝排版,畢竟每個頁面的排版不一定都相同,這個專案主要就兩個頁面...