2021年WEB全棧開發技術棧

随着新工具和技術的發展，開發人員的技術格局一直在變化。在進行了大量面試和閱讀了多數的職業描述後，總結了一下 JavaScript 開發人員應該掌握的現代技術棧，或許你使用的是 <code>VUE</code>，或者是 <code>React</code>、<code>Angular</code> 或 <code>Svelte</code> 等。

在面對無數的工具的時候，選擇就變成是個技術活，合理的組合可以提高項目開發效率，讓團隊合作更加友好。本文将從個人的經驗出發介紹2021年全棧開發的技術棧，作為自己學習的目标，但這不唯一。

Notion：用于整體項目管理、文檔、注釋和維基

Clubhouse / Monday：用于管理開發過程，這兩個都可以合并到 <code>CI/CD</code> 工作流中，可以建構自動化使其自動完成，而更改則反映在暫存和生産<code>CI/CD</code>分支中

Slack / Discord：用于團隊之間的溝通

Figma : Figma 是一種跨平台設計工具，内置共享和協作功能

Photoshop / Canva : Photoshop 是平面設計工作的行業标準，而 Canva 是一款出色的圖像編輯工具

Node.js：流行的現代後端架構

PostgreSQL ： 流行的 <code>SQL</code> 資料庫

MongoDB ： 流行的 <code>NoSQL</code> 資料庫，通用、基于文檔的分布式資料庫，幫助現代應用程式開發人員迎接雲時代的到來。

HarperDB ：流行的混合 <code>NoSQL/SQL</code> 資料庫

NextJS / Create React App / Redux ：

NextJS 用于生成靜态網站

Create React App 建立單頁 React 應用程式的方式

Redux 是 JavaScript 應用程式的可預測狀态容器，用于編寫行為一緻、在不同環境（用戶端、伺服器和本機）中運作且易于測試的應用程式

Tailwind ：有助于編寫CSS，因為它是一個現代流行的架構，避免從頭開始編寫自己的自定義CSS，進而加快開發工作流程

CSS/SASS / styled-components：css預處理器，可以作為一個不同的選項來使用，為React中的元件提供更多定制選項

Storybook：這是建立元件的主要建構過程，允許子產品化，Storybook 元件是在動态庫中獨立建立的，可以在整個業務中更新和共享

Jest 和 Enzyme、React 測試庫和 Cypress ：TDD 在将代碼群組件發送到生産環境和 Cypress 進行端到端測試之前對其進行單元測試

Sanity / Strapi：Sanity和Strapi是 headless CMS，并使用GUI（可選工具）釋出内容。

Vercel / Netlify / AWS ： CI/CD 提供商與 GitHub 相結合，可以在開發更改時輕松審查和驅動更新

React Native / Redux ：用于建立跨平台移動應用程式的 React Native 和用于狀态管理的 Redux

Flutter/Dart ： Flutter 和 Dart 用于建立跨平台移動應用程式