iT邦幫忙

鐵人檔案

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

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

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

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day1] iThome 鐵人賽,I'm back!!!!!!!!!!

一樣是不免俗的前言 這次是第二次參加, 去年還懵懂無知(?)的情況下就被隊友推坑來參加鐵人賽, 去年我們是五人團, 可惜今年只剩我一人參加了XD (PS1. 我...

2021-09-03 ‧ 由 Ado Lin 分享
DAY 2

[Day2] 論前端框架的好處及重要性~從自己刻到學習共通語言(上篇)

前言 昨天的文章有提到, 有個前輩推坑我學 Next.js, 但由於 Next.js 是以 React 為基底的套件, 還有就是 Bootstrap 的網格系統...

2021-09-04 ‧ 由 Ado Lin 分享
DAY 3

[Day3] 論前端框架的好處及重要性~從自己刻到學習共通語言(下篇)

前言 稍微想了一下,我的系列文重點應該會擺在強調使用前端框架的好處及重要性, 前期會建立概念:為何要使用前端框架而不是自己刻 HTML/CSS, 應該不會是教大...

2021-09-05 ‧ 由 Ado Lin 分享
DAY 4

[Day4] 學 Bootstrap 是為了走更長遠的路 ~ 基本篇

前言 昨天的文章有提到接下來會介紹幾個 Bootstrap 我到現在還是很常用的語法, 但你可能會說, 「題目不是訂 React 嗎XD 說好的 React 呢...

2021-09-06 ‧ 由 Ado Lin 分享
DAY 5

[Day5] 學 Bootstrap 是為了走更長遠的路 ~ Flex 篇

前言 這幾天寫下來, 真的深深感受到我參加的是「自我挑戰組」, 真的每天都在 自我挑戰 跟天窗奮鬥orz 而且沒有會害隊友團滅的壓力在, 要能持續發文自制力要很...

2021-09-07 ‧ 由 Ado Lin 分享
DAY 6

[Day6] 學 Bootstrap 是為了走更長遠的路 ~ Grid 篇 (1)

前言 今天終於來到本系列文第一個重頭戲, 也是 Bootstrap 非常實用的~~~~~ Grid System (網格系統) Bootstrap Grid 的...

2021-09-08 ‧ 由 Ado Lin 分享
DAY 7

[Day7] 學 Bootstrap 是為了走更長遠的路 ~ Grid 篇 (2)

前言 昨天文章提到今天要來講 Grid + Media Query = 輕鬆達成 RWD! (PS. 不太知道 Media Query 的人可以參考之前大大在鐵...

2021-09-09 ‧ 由 Ado Lin 分享
DAY 8

[Day8] 學 Bootstrap 是為了走更長遠的路 ~ 下一站 ‧ Reactstrap

前言 今天的文章會再對 Bootstrap 做個 recap, 然後就會稍微對接下來的里程碑 ─ Reactstrap 進行引言介紹。 本日正文 Bootstr...

2021-09-10 ‧ 由 Ado Lin 分享
DAY 9

[Day9] Reactstrap = Bootstrap in React,你看離 React 越來越近了吧

前言 昨天的文章帶到 Reactstrap 的 Grid 寫法, 不過當然不只有 <Container> <Row> <Col&g...

2021-09-11 ‧ 由 Ado Lin 分享
DAY 10

[Day10] 學 Reactstrap 就離 React 更近了 ~ Grid 篇‧最終回(應該是?

前言 昨天文章有提到 Grid 其實還有東西沒講完, 所以今日文章就定調為把 Grid 講完, 然後寫完才發現 Grid 其實滿多設定可以玩呢~~~~ 本日正文...

2021-09-12 ‧ 由 Ado Lin 分享