iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

Branch & PR

Basic 的部分來到了最後一篇我來看看專案的 Branch & PR Git 回想起我的第一份工作,當時對 Git 超級不熟公司和我自己都沒什麼在做版...

2022-09-26 ‧ 由 HLTVProxy 分享
DAY 12

UI Library (1) : Ant Design

今天進到了 UI Library 的環節 UI Library 當我們在前端進行 UI 開發時有時候為了加快開發速度(或懶得開發)會使用現成的 UI Libra...

2022-09-27 ‧ 由 HLTVProxy 分享
DAY 13

UI Library (2) : Chakra UI & lodestar-app-element

昨天講完 Ant Design再來我們來看 Chakra UI 和息息相關的 lodestar-app-element Chakra UI Chakra UI...

2022-09-28 ‧ 由 HLTVProxy 分享
DAY 14

Component (1)

昨天我們講完了 UI Library今天來看專案裡的 component 以前寫的 CSS 以前還在寫 PHP 的時候,很多時候都會需要撰寫前端在寫前端樣式的時...

2022-09-29 ‧ 由 HLTVProxy 分享
DAY 15

Component (2)

昨天我們看完 styled-components今天來看 Component 裡面的結構 component structure 以 ProgramCoinMo...

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

Component (3)

上一篇我們講完了 Component 的結構今天來講講 return 部分 <></> 這是我們在開發中,很常遇到這個的報錯「JSX e...

2022-10-01 ‧ 由 HLTVProxy 分享
DAY 17

locales (1)

昨天我們把 component 的部分結束今天來看看 locales 的部分 locales locales,中文翻譯「語言環境」我們很常看到一些 Open S...

2022-10-02 ‧ 由 HLTVProxy 分享
DAY 18

locales (2)

昨天簡單介紹了一下 locales 是什麼今天來看看「react-intl」 react-intl 使用 react-intl 很簡單npm 安裝好後,只要在...

2022-10-03 ‧ 由 HLTVProxy 分享
DAY 19

locales (3)

我們昨天看完了 react-intl 在專案中的使用方式今天我們來看,專案中是如何規範翻譯 規範 在專案的早期,翻譯檔都被放在 「helpers/transla...

2022-10-04 ‧ 由 HLTVProxy 分享
DAY 20

Review (1)

時光飛逝,鐵人賽已經進行了三分之二在進入專案功能之前,我們複習一下之前東西 Tech Stack 我們了解到專案他具體使用了哪些技術,哪些技術在 React 開...

2022-10-05 ‧ 由 HLTVProxy 分享