2020 年软件开发人员工作流程（MERN 技术栈）

实用工具和框架

ESLint - 可插拔的 JavaScript 代码检查器

Jest · 🃏 令人愉悦的 JavaScript 测试

React 测试库 · 测试库

Mocha——一个有趣、简单、灵活的 JavaScript 测试框架

柴

TypeScript——可扩展的JavaScript。

TSLint

MERN技术栈

Mongo、Express、React/React Router、Node（create-react-app）

Mongo、Express、Next、Node

Mongo、Express、Gatsby、Node

• 对于小型项目，请使用 React Hooks。
• 对于中小型项目，请使用 Context API
• 对于中大型项目，可以使用 Redux 或 GraphQL。

步骤 1：项目设置

1. 为项目创建一个 Git 仓库
2. 使用 GitHub Projects、Notion 等工具创建看板项目……

设计应用程序（可选：如果您已经有了设计，则无需此步骤）

使用 Adob​​e XD、Sketch、InVision Studio、Figma 等设计工具……

步骤 2：构建应用程序

1. 确定技术栈和文件夹结构（React、Redux、Next、Gatsby、Node.js、MongoDB、GraphQL 等……）
2. 确定前端的 CSS 布局结构（CSS Grid、Flexbox、CSS 框架（Bootstrap、Bulma、Tailwind 等））

使用 Peacock Visual Studio Code 扩展程序设置项目的颜色主题。（可选）

CSS：styled components 或 Sass/Stylus/CSS

代码检查：ESLint

TDD/BDD：Jest 和 React 测试库（前端）、Mocha 和 Chai（后端）

代码格式化：更美观

TypeScript（如果您希望代码具有更好的错误检查功能，则可选）

代码检查：ESLint

类型检查：TypeScript

步骤 3：持续集成/持续交付

Gitflow 工作流程 | Atlassian Git 教程

1. 使用持续集成、持续交付和持续部署

CI/CD：GIT、GitLab、BitBucket、CircleCI、Travis CI、Jenkins、Heroku、Netlify、Now、Docker