iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Re: 從 Next.js 開始的 React 生活 系列

去年的鐵人賽我是抱著複習寫程式手感的心情在寫的,
在文章最後我有提到我在碰 Next.js,
是以 React 為基底的套件,
但是其實我那時候還是非常懵懵懂懂,
不要說 React,在那之前 Bootstrap 我也沒怎麼碰過,
去年底在剛接觸的時候因為真的是小白一枚,
我還問了隊友前輩非常北七的問題,
到現在雖然不敢說已經很熟了,
但我想要把我從寫純 Javascript 到接觸 Next.js 的適應磨合期這個過程做個紀錄,
中間所遇到的問題以及如何解決的都會一併記下,
除了讓自己看看到目前為止走了多遠,
今年這個系列文也希望可以幫助到跟我有一樣經歷的人~~~

鐵人鍊成 | 共 31 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day21] 在 Codecademy 學 React ~ What's this? This is "this"! 之 this.props 篇

前言 今天要來講 this.props 了,但在那之前我發現我還沒講過 this XD就跟學英文一樣第一句要學的是 "This is a pen.&q...

2021-09-23 ‧ 由 Ado Lin 分享
DAY 22

[Day22] 在 Codecademy 學 React ~ 原來 useState 就是 this.state + this.setState 啊!

前言 其實你知道嗎?今天要講的 this.state this.setState 其實就是之前介紹過的 useState 耶!!!!!!!!!!!!!!有興趣的...

2021-09-24 ‧ 由 Ado Lin 分享
DAY 23

[Day23] 在 Codecademy 學 React ~ Component Lifecycle 生命週期我不懂你QQ

前言 原本以為生命週期應該很好懂,但我卡在別的地方,不過快 12 點了啊我先 po 出我目前進度QQThe Component Lifecycle 本日正文 在...

2021-09-25 ‧ 由 Ado Lin 分享
DAY 24

[Day24] 在 Codecademy 學 React ~ 終於來到 Hook 的世界 ‧ useState 篇 (1)

前言 看到今天標題 useState,你可能會說我前面不是講過了嗎XD其實之前那樣算是直接跳過第一、二階段,直接來到第三階段,還記得前幾天的文章我一直在跟 th...

2021-09-26 ‧ 由 Ado Lin 分享
DAY 25

[Day25] 在 Codecademy 學 React ~ 終於來到 Hook 的世界 ‧ useState 篇 (2)

前言 快開天窗了先把目前進度 po 出來再說orz今天文章重點在 setState 搭配 ...prev 的運用~ 本日正文 當我今天想要做一個偶像挑選器(?)...

2021-09-27 ‧ 由 Ado Lin 分享
DAY 26

[Day26] 在 Codecademy 學 React ~ 你知道用 useState 就能完成簡單小遊戲嗎?大家一起來玩終極密碼吧!

前言 這幾天看到 Codecademy 的 useState 教學,心裡覺得好適合拿來製作終極密碼遊戲哦XD其實昨天本來就想弄出來的,但遇到的問題比昨天弄出的偶...

2021-09-28 ‧ 由 Ado Lin 分享
DAY 27

[Day27] 在 Codecademy 學 React ~ 用 useEffect 為遊戲加上計時功能吧!

前言 想了想還是決定把 useEffect 走完XD不然有講 useState 沒講 useEffect 好像哪裡怪怪的XD???所以就拿昨天寫的終極密碼遊戲,...

2021-09-29 ‧ 由 Ado Lin 分享
DAY 28

[Day28] 又回到最初的起點 ~ Next.js

前言 終於在 Day28 的文章提到標題的 Next.js 了XD這也是本系列文的源頭,我開始學前端框架 Bootstrap, React 的起點。今天的文章沒...

2021-09-30 ‧ 由 Ado Lin 分享
DAY 29

[Day29] 倒數第二天~集大成!Next.js + React + Bootstrap + Reactstrap 十八般武藝(?)樣樣來,勇敢的上吧!

前言 因為今天已經來到倒數第二天!覺得應該要把之前介紹過的東西全部融合在一起展現出來,也算是成果展吧XD 本日正文 今天要用 Next.js 搭配 Bootst...

2021-10-01 ‧ 由 Ado Lin 分享
DAY 30

[Day30] 終於來到了這一天 ~ 第二次鐵人賽完賽心得 && 梳理學習順序

各位觀眾!!!我脫出了!!!!!!羨慕忌妒恨吧(# (好啦沒有,更多大大是 9/30 就完賽了XD)能夠撐到這天首先我要感謝我的親友們....(咳咳,離題了)其...

2021-10-02 ‧ 由 Ado Lin 分享