iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

從 Open Source 專案學習 React 開發 - 以 lodestar-app 為例 系列

好的開源專案,能夠從中學習到好的架構應該如何撰寫
也可以了解到哪些部分是我們平時在開發中可以去培養的習慣
藉由 lodestar-app 這個開源的 React 專案,學習我們過去開發中常常忽略的問題
期望能夠順利完賽XD

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文 團隊我可能不會完賽
DAY 1

參賽動機和大綱

為什麼想參加這次的鐵人賽? 回頭看自己從接觸React到現在,其實也才半年在這短短半年中,從一個只會用jQuery幹出前端畫面的工程師到現在可以用React進行...

2022-09-16 ‧ 由 HLTVProxy 分享
DAY 2

lodestar-app 簡介和Tech Stack

簡介 lodestar-app 為「urfit-tech」所維護的開源 React 專案 此專案為多租戶技術架構(multi-tenant architectu...

2022-09-17 ‧ 由 HLTVProxy 分享
DAY 3

Folder Structure (1) : root

昨天我們介紹了這個專案和他所使用的技術今天我們接著來看 Folder Structure 根目錄 首先我們看到根目錄在根目錄我們可以看到一些設定檔 .env 在...

2022-09-18 ‧ 由 HLTVProxy 分享
DAY 4

Folder Structure (2) : src

昨天講完了 root 根目錄今天我們來看 src 裡面放了什麼吧 src folder components 只要是「共用」的元件都會存放到這個資料夾底下依照...

2022-09-19 ‧ 由 HLTVProxy 分享
DAY 5

Naming (1) : file

昨天我們講完了專案的資料夾結構今天我們來看看 Naming 命名規則首先是檔案的命名 Naming 好的命名,能讓接手的人或者參與開源專案的人,更容易了解每個檔...

2022-09-20 ‧ 由 HLTVProxy 分享
DAY 6

Naming (2) : variable

昨天我們講完了檔案的命名今天我們來看變數的部分 Variable 正如上一篇所說 好的命名,能讓接手的人或者參與開源專案的人,更容易了解每個檔案他是在做什麼的...

2022-09-21 ‧ 由 HLTVProxy 分享
DAY 7

Routing

今天我們來看 Routing 路由的部分 Routing 在 Client-Side-Rendering (CSR) 的開發中沒了路由,就像是斷了腿的跑者由此可...

2022-09-22 ‧ 由 HLTVProxy 分享
DAY 8

type

今天來看看讓我又愛又恨的 type type 眾所周知,JavaScript 本身是弱型別的語言他會根據你賦予的值,來判定當前的型別在 JavaScript 中...

2022-09-23 ‧ 由 HLTVProxy 分享
DAY 9

helper (1)

昨天我們看完了 type,今天接著講 helper Helper Helper,全名「Helper Function」輔助函數我們也在前面提到 在開發的過程中...

2022-09-24 ‧ 由 HLTVProxy 分享
DAY 10

helper (2)

我們今天繼續看其他 Helper getFileDownloadableLink 從後端取得檔案在 S3 的下載連結 downloadFile 首先先產生一個...

2022-09-25 ‧ 由 HLTVProxy 分享