iT邦幫忙

2023 iThome 鐵人賽
DAY 1
0
自我挑戰組

從零開始學Web Framework : React篇系列 第 1 篇

Day_1:前置作業

15th鐵人賽
238 瀏覽

  • 分享至 

  • xImage
    •  
  1. 去React的官方網站，並點擊教程。
  2. 接著選擇安裝底下的啟動一個新的React項目，可以自行選擇哪種React框架，而我是選擇Next.js。(注意：要先去安裝Node.js)
  3. 安裝Node.js並打開輸入”npx create-next-app”，就會建立檔案my-web。(這檔案先放著，學會基本之後才會用到)
  4. 接著去github建立帳號和頁面，因為後面會需要把做好的網頁丟上去。
  5. 去Next.js的官方網站學習最基本的建設和架構。(上圖比較特別的是它不需要一直下指令建置，只要將內部的檔案更改後存檔，網頁就會立即更新。)
    這個過程需要耐心，但把這些基本的搞清楚後再回去看React官網的教程會比較熟悉。

下一篇
Day2: 透過github創建Next App
系列文
從零開始學Web Framework : React篇 共 30 篇
  1. 26
    Day_26: 圖片移動由鍵盤操控
  2. 27
    Day_27: 在特定範圍內追蹤滑鼠
  3. 28
    Day_28:待辦事項列表
  4. 29
    Day_29: 圖片跟著鼠標
  5. 30
    Day_30: 滑鼠滑過翻轉動畫效果
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22195 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙