# Tech Book Community - React Side Project Write & Review

update: 2024/11/9

## 時間：
期間為一個月，不是要把東西做完而是做到哪算到哪，確切日期待訂
## 目的：
因為《React 思維進化》讀書會舉行了半年，也終於來到尾聲，但知識除了學習也還需要實踐才能夠真正內化，雖然工作上也能夠用到，但不妨試著自己重新建立一份專案來做一個完整的成果，且若需要求職也能夠用上，也能夠透過此活動深入認識另一位社群夥伴。

## 條件：
- 需提交規劃文件，應包含：
- 專案主題
- 專案簡介（為什麼你想做？你想解決什麼問題？）
- 使用者故事
- 什麼是使用者故事？參考以下文章
- https://cat-son.blogspot.com/2015/03/user-story.html#sthash.lePI75eC.GT8Us9Ts.dpbs
- https://ihower.tw/blog/archives/2090
- https://www.romanpichler.com/blog/10-tips-writing-good-user-stories/
- [Wireframe](https://medium.com/@teddeng/wireframe-%E8%AA%B0%E9%83%BD%E6%9C%83%E7%95%AB-466b671d82b4)
- 用意是不要讓自己邊寫邊想畫面，如此在寫程式時才能專心在你現階段該專注的地方，未來若跟設計師協作也能夠拿這份 Wireframe 與對方溝通與討論。
- [RADIO](https://www.greatfrontend.com/system-design/framework) 設計
- 每一階段的 MVP
- MVP（最小可行性產品）

- 前端限定使用 React
- 閱讀有關 Code Review 的文章：
- 如果你有訂閱 ExplainThis+ 可以看這篇[為什麼要 Code Review? 如何做 Code Review?](https://www.notion.so/explainthisio/Code-Review-Code-Review-b59acc37c7b24cf5b32ee5a0e2a1df33)
- https://mtlynch.io/code-review-love/
- https://mtlynch.io/human-code-reviews-1/
- https://mtlynch.io/human-code-reviews-2/

## 進行方式：
- 此活動為「個人」獨立專案，會是兩人一組但另一位夥伴**不負責協作**，只負責「Code Review」。
- 一律使用 GitHub 管理專案，必須開出 feature Branch 並發送 PR 合併至 develop。
- 請將 PR 拆至讓 Code Review 的人不至於負擔的程度。
- 請對該 PR 寫下說明。
- 進行 Code Review 時需要在 GitHub 上進行，不論是對程式碼的 Comment 或是後續的討論，使用語言雙方說好即可。
- Code Review 請對程式碼本身發表評論，主要闡述你對於這段程式碼的想法以及你覺得更好的改法以及為什麼你的改法是好的，請勿對人進行人身攻擊。
- Code Review 時若覺得對方有哪些地方寫得很好的請不吝給予對方正面評論。
- 最後需要以 Discord 分享畫面及語音進行分享你的整個題目發想、架構設計、實作故事（或事故），或其他你想分享給大家的內容。
- 只需完成第一階段的最小 MVP 即可，盡力即可，如果真的最後還是沒做完也沒關係，仍然可以上台分享你的設計與想法，後續再繼續依著你的設計完成專案，最後完成後歡迎回到社群跟大家分享。
- 隨機分配兩人一組，兩人互相理解彼此想做的題目，並訂好 Review 最晚的時間。
- 若需要後端工程師協作專案，請自行尋找，可在社群中發起募集。
~~- 本活動不包含後端專案的 Code Review，如需要請自行配對。~~
- 並不限於一份專案，有能力多寫都沒問題，可以跟夥伴討論 Code Review 是否負荷的來，若無法可洽詢 Lois。
- 過程中若有遇到任何問題，或是有不舒服的情況都請找 Lois。

## 參與人員名單
- Lois
- 年資快兩年，偏前端
- 平常寫 React 及 TypeScript
- 可能會做的主題類型：TDD Todo List、地圖類型、Discord BOT、@LINE
<!-- - Evonne
- 年資三年 (但爛爛的，都不好意思說)
- 主題類型：重構先前的語音翻譯功能的 side project
- 以前在寫 Vue，近一年在寫 React -->
- Steven
- 年資一年半，類全端工程師
- 最近在惡補 Next.js，做中學
- 主題類型：換班系統
- Kai
- 年資一年，前端工程師
- 主題類型：可拖拉的資訊網站（觀看儲值用的）或是重構精神時光屋的某一個專案（這次應該會用 typescript 跟 tailwind，也可能會寫寫測試...？）
- 平常寫 React
- Wanye
- 年資10個月，前端工程師
- 主題類型: 昆蟲網站
- 平常寫 React
- Clode
- Python
- TypeScript([tsoa](https://github.com/lukeautry/tsoa))
- AWS/GCP
- 水深火熱的mentor
- Sam
- 年資3個月，前端工程師
- 主題：翻修 NextJS App Router 的 [個人網站](https://notion-profolio.vercel.app)（[程式碼](https://github.com/Chious/notion-profolio-v2)）加入筆記呈現的功能（MVP有點像[這個](https://frontend-note-jade.vercel.app)），會牽扯到 Full Stack 的翻修（在NextJS裏面也會改到後端的程式碼，詳細見[預計開發文件](https://github.com/Chious/notion-profolio-v2/blob/main/log/v2%20更新文件.md)），這些是目前想到的目標：
- 文章編輯頁：支援rich text文字上傳、圖片上傳(Vercel Blob)
- 文章檢索：包含文章總覽、文章內頁
- 文章支援 [Hydration](https://dev.to/rajaerobinson/understanding-hydration-in-nextjs-b5m)及SEO優化
- 平常寫 NextJS(ReactJS)、Typescript、TailwindCSS
- AWS、後端有興趣，可以用JS+ORM寫一點點後端的 CRUD

## 有興趣的人
- Render Lai (希望純幫 code review 就好)
- Clode（有興趣 review 後端，語言限定 Python, TS, JS）

## 活動回饋