iT邦幫忙

鐵人檔案

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

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

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

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

[Day11] 排版的小孩子才做選擇 ~ Grid 跟 Flex 我全都要!

本日文章沒有前言XD但沒有前言真的有點怪怪的,總之本日文章想要分享過去我在使用 Grid 跟 Flex 的心得分享~ 本日正文 Grid 排版在排需要對齊的版面...

2021-09-13 ‧ 由 Ado Lin 分享
DAY 12

[Day12] 學 Reactstrap 就離 React 更近了 ~ Component 的引入&使用

前言 本來今天文章就打算介紹很常使用的 Navbar,但發現這樣難度又一下子跳上去了,(因為會牽扯到 useState)所以今天還是再介紹 Component,...

2021-09-14 ‧ 由 Ado Lin 分享
DAY 13

[Day13] 學 Reactstrap 就離 React 更近了 ~ Navbar ‧ 初識篇

前言 今天說好要來介紹 Navbar,就是導覽列,所以也是前端經常使用到的 Component。不過寫完這篇發現文章長到可以被拆成兩篇,所以今天這篇主要是介紹...

2021-09-15 ‧ 由 Ado Lin 分享
DAY 14

[Day14] 學 Reactstrap 就離 React 不遠了 ~ 用 Navbar 認識 useState

前言 今天真的要進入 useState 了!!!!!進入今天文章前請看一下昨日文章,裡面有寫到關於 Navbar 的架構介紹,今天就不會再講到這部份~ 本日正文...

2021-09-16 ‧ 由 Ado Lin 分享
DAY 15

[Day15] 學 Reactstrap 就離 React 不遠了 ~ 用 Tooltips 熟悉 useState

前言 對剛接觸到 useState 的人來說,應該要多點練習機會,就跟學語言一樣,多用多練習就會上手了,所以今天會再介紹一個 component 並藉此複習 u...

2021-09-17 ‧ 由 Ado Lin 分享
DAY 16

[Day16] 學 Reactstrap 就離 React 不遠了 ~ 用 Tooltips 認識 useEffect

前言 昨天文章有提到在 Tooltips 看到有趣的範例,有用到 useEffect,不過我有將範例做些微調整,讓剛入手的人比較好理解~ 本日正文 今天要介紹的...

2021-09-18 ‧ 由 Ado Lin 分享
DAY 17

[Day17] 學 Reactstrap 就離 React 不遠了 ~ 用 Spinners 搭配複習 Flex, useState, useEffect 三個願望一次滿足!

前言 雖然昨天的文章有提到我想在 Codecademy 開始打 React 的基礎,不過看前幾天我的文章順序是 認識 useState、熟悉 useState、...

2021-09-19 ‧ 由 Ado Lin 分享
DAY 18

[Day18] 跟我一起從頭學 React 吧!Let's start learning React from Codecademy! ~ Intro to JSX 篇

前言 前面文章提到發現在 Codecademy 上面有 React 的教學!Codecademy 上面的課程大部份是免費的!(只有部份進階的小考需要付費)之前我...

2021-09-20 ‧ 由 Ado Lin 分享
DAY 19

[Day19] 在 Codecademy 學 React ~ 恍然大悟!原來那些好用的語法都是來自 JSX

前言 今天來到第 19 天,預計 Codecademy 學習文系列會在這幾天結束,先直接進入正題吧~~~再附上一次 React 的連結:https://www....

2021-09-21 ‧ 由 Ado Lin 分享
DAY 20

[Day20] 在 Codecademy 學 React ~ 如何宣告 Component 及使用 Component 的好處

前言 今天來到第 20 天!然後仍然是 Codecademy 學 React 系列,今天進度是 Components,事不宜遲,讓我們馬上開始吧! 本日正文前之...

2021-09-22 ‧ 由 Ado Lin 分享