https://miro.medium.com/max/1400/0*jkUZYm9HNAPw7Qbx.png

随着新工具和技术的引入，开发人员的技术环境一直在变化。经过大量的面试和阅读工作岗位上无数的工作描述，我认为这是一个伟大的现代技术堆栈的JavaScript开发人员在2021。我选择的框架是React，但您可以将其替换为Vue、Angular或Svelte。

有无数的工具在那里，所以我将只涵盖一个选择，当组合可以在个人项目或在公司使用。当然，还有很多其他的项目管理工具，比如Jira、confluence、Trello和Asana等等。这是基于用户体验和偏好，因此可以随意进行轻微调整和个人更改，以适合您自己的口味。

专注于一套精巧的工具要简单得多，而不是被太多的选择弄得不知所措，这让有抱负的开发人员很难选择一个起点。

项目管理

• Notion-用于整体项目管理、文档、注释和Wiki
• Clubhouse / Monday  Clubhouse / Monday 管理开发流程本身。两者都可以合并到CI/CD工作流中，以便自动完成构建，并在暂存和生产CI/CD分支中反映更改
• Slack / Discord -用于团队之间的沟通

设计

• Figma -Figma是一款内置共享和协作的现代跨平台设计工具
• Photoshop / Canva -Photoshop是从事平面设计工作的行业标准，Canva是一个很棒的图像编辑工具

后端

• Node.js —一种流行的现代后端框架
• PostgreSQL—一种流行的SQL数据库
• MongoDB—一种流行的NoSQL数据库
• HarperDB—一种流行的NoSQL/SQL混合数据库

前端

• NextJS / Create React App / Redux  -NextJS用于生成静态网站，或Create-React-App用于使用Redux构建标准React网站以进行状态管理
• Tailwind-用于编写CSS的Tailwind，因为它是一个现代流行的框架，基本上允许您避免从头开始编写自己的定制CSS，从而加快开发工作流程
• CSS/SASS / styled-components -这可以用作Tailwind的另一个选项，为React中的组件提供更多自定义选项
• Storybook-这是创建组件的主要构建过程，因为它允许模块化。使用Storybook，组件在动态库中独立创建，可以在整个业务范围内更新和共享
• Jest and Enzyme, React Testing Library and Cypress -TDD使用单元测试对代码和组件进行测试，然后再将它们发送到生产和Cypress进行端到端测试
• Sanity / Strapi -Sanity和Strapi是无头CMS，用于使用GUI（可选工具）发布内容
• Vercel / Netlify / AWS —CI/CD提供商与GitHub相结合，可以轻松地在开发过程中审查和促进更改

移动

• React Native / Redux-React-Native用于创建跨平台移动应用程序，Redux用于状态管理
• Flutter/Dart -用于创建跨平台移动应用程序的Flutter和Dart。

原文：https://medium.com/@epicprogrammer/modern-full-stack-developer-tech-sta…

本文：http://jiagoushi.pro/modern-full-stack-developer-tech-stack-2022