iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

React前端開發 - 安裝,coding ,架設 - ver. React 17以下 系列

寫到這裡僅僅是告訴你使用框架的好處,這次主題是使用React.js做前端開發,從安裝基礎環境,中間開始寫代碼、代碼撰寫小技巧,架設到自建linux伺服器或是遠端架設。
現在的前端開發,有非常多模式,前後端混合到前端獨立都有。但開發總是會有大量的代碼需要撰寫,尤其在使用原生js的情況下,代碼量更是可怕。使用框架就是可以快速完成一系列的動作,僅需要一個函數帶入少少參數。在曾經使用過原生js開發的經驗後。很肯定的幾件事會非常需要框架:當有共同開發的時候、已經出現過的功能重新開發、環境參數內部參數處理。
自己是網路上爬文學習經驗,並未上過外面教學課程。如果有更節能、更優秀的寫法,都很樂意聽取。

參賽天數 3 天 | 共 14 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Ch1. 前端開發概論、環境

概論: 出發點是React.js,必須得說,在這麼多前端框架,會選他是因為,我以為是最多人用,理由很單純。可惜不是台灣最多職位需求的,通常Vue才是熱門。但我個...

2023-09-01 ‧ 由 rian1995 分享
DAY 2

Ch2. React從無到有安裝node.js + npm

安裝: 今天先從建立最基本的react網站開始吧。安裝Node.js,因為這是驅動react前置的東西可以先啟動一個終端機輸入node -v如果有顯示出版本號,...

2023-09-02 ‧ 由 rian1995 分享
DAY 3

Ch3. React.js html元件自生自滅

開始一個React的開發,請先看看你的專案內 package.json先看看自己是有甚麼功能已經在裡面了。可以檢查一下發現我們的react 是版本18.2.0...

2023-09-03 ‧ 由 rian1995 分享
DAY 3

Ch4. NPM插件安裝, React ver.18=>17 有必要退化嗎?

本章較長,重點整理: 檢查package.json 查看自己已有插件與版本 尋找想要的插件功能 google是你好朋友 加上 "React&quot...

2023-09-05 ‧ 由 rian1995 分享
DAY 3

Ch5. 專案運行,NPM插件,常用插件

在這裡筆者我發現問題沒說到: 每次要運行程式 都會需要有終端機來執行 模擬server動作 每次安裝插件, 檔案編輯後存檔 都需要重新啟動一次模擬server...

2023-09-06 ‧ 由 rian1995 分享
DAY 3

Ch6. React 全域參數, 函數傳遞

主架構建立 每個React網頁 都是由基礎價夠堆疊出來,對於使用者,只能看到結果 所以按照元件一層層嵌套下去,當然沒問題。但是如果最底層的按鈕要返回 他已經登出...

2023-09-08 ‧ 由 rian1995 分享
DAY 3

Ch7. React 呼叫ajax外部API支援

檔案分類 我們在撰寫React,會需要養成習慣,清楚分類你的專案。可能因為公司、個人風格、複製來的專案。規劃好檔案分類 現在自學可能只有"你自己&qu...

2023-09-08 ‧ 由 rian1995 分享
DAY 3

Ch8. 檢查API 利用Postman

承續上篇 API請求 在前端串API的時候很常遇到跟後端搭配的問題。並不是說後端真的常常有問題。而是要釐清bug究竟出在哪裡,每次API出問題,要切三塊檢查前端...

2023-09-12 ‧ 由 rian1995 分享
DAY 3

Ch9. 專案Git管理

今天要介紹好用的專案管理工具GitHub,可以追溯版本除錯,或是建立分支:測試版,相同專案但不同廠商使用不同參數,就可以用這個工具管理。 創建自己的Git re...

2023-09-18 ‧ 由 rian1995 分享
DAY 3

Ch.10 部屬一個會自動更新的React網站

部屬專案常常讓許多前端頭痛,因為這真的是應證了術業有專攻,部屬是個大麻煩,而且最重要的是要把握機會偷懶,所以還要加上自動部屬新版本的功能 發佈部屬前提條件:...

2023-09-19 ‧ 由 rian1995 分享