iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

新手進化日記,從React至Redux Saga 系列

自從上了研究所後才開始觸碰前端,HTML、JS也只有在大學課堂上學過而已。
我第一個前端語言是直接嘗試使用React來撰寫,雖然途中也踩了許多雷,但覺得其實還滿容易上手的 (因為不想先寫傳統HTML再慢慢轉到React,想要一次到位XD),所以也把這兩年之中學的經歷寫成日記,希望能夠幫助跟我一樣想學React的人!

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文 團隊IT108xWKE
DAY 1

Day 1 - 前言與環境介紹

tags: iThome 鐵人賽 30天 圖片來源:React 18 - New Features & Improvement Strategies -...

2022-09-16 ‧ 由 whlshy 分享
DAY 2

Day 2 - 專案構思~YouTube影片標記系統

tags: iThome 鐵人賽 30天 在開始之前,先來想想要做什麼前端網頁專案吧!畢竟有一個明確的目標才會比較有動力跟方向嘛~ 需求 因為本身研究所在做的題...

2022-09-17 ‧ 由 whlshy 分享
DAY 3

Day 3 - 開始來整頓裝備 (開發環境) 吧!

tags: iThome 鐵人賽 30天 都決定好要前往的方向了,那就準備啟航吧! 安裝開發環境 今天主要將先來安裝Node.js、VS Code,前者為開發R...

2022-09-18 ‧ 由 whlshy 分享
DAY 4

Day 4 - 開始動工前的基本知識!JavaScript基本語法介紹 (1)

tags: iThome 鐵人賽 30天 基本上學程式語言的人應該都對W3School不陌生吧(? 沒錯!今天首先要介紹的就是W3School,建議對網頁還沒有...

2022-09-19 ‧ 由 whlshy 分享
DAY 5

Day 5 - 開始動工前的基本知識!JavaScript基本語法介紹 (2)

tags: iThome 鐵人賽 30天 今天就來接續昨天的基本語法吧! JavaScript重要基本語法 Automatic Semicolon Insert...

2022-09-20 ‧ 由 whlshy 分享
DAY 6

Day 6 - Callback / Arrow Function

tags: iThome 鐵人賽 30天 寫一個好的程式基礎還是重要的吧!今天來講一些有關Function的事情吧! Callback Funtion 在寫JS...

2022-09-21 ‧ 由 whlshy 分享
DAY 7

Day 7 - 開始建立第一個React專案!

tags: iThome 鐵人賽 30天 水了6天的教學,今天終於要來個正式的了~ creact-react-app 建立一個新的React專案可以參考這裡 首...

2022-09-22 ‧ 由 whlshy 分享
DAY 8

Day 8 - 認識React Component架構並開始撰寫!

tags: iThome 鐵人賽 30天 甚麼是Component?可以想像成React的畫面是由各個Component所組成的,比如說最基礎的一頁式網頁有He...

2022-09-23 ‧ 由 whlshy 分享
DAY 9

Day 9 - 如何在Component間傳遞數值:React Props

tags: iThome 鐵人賽 30天 昨天打早好了第一個Component,但其實就是一個靜態的原件,今天要來讓Component可以多一點變化,讓Comp...

2022-09-24 ‧ 由 whlshy 分享
DAY 10

Day 10 - Component內變數管理:React State

tags: iThome 鐵人賽 30天 除了可以從外部傳送變數進入component內外,component內本身也可以做到變數的控管喔~ State Rea...

2022-09-25 ‧ 由 whlshy 分享