2019年博客的技术堆栈
个人博客是每个开发人员最受欢迎的项目之一。它可以通过各种方式完成，从纯HTML，CSS和Javascript文件到具有您可以想象的所有最佳实践的大型代码库。
我想与您分享我用来创建博客的堆栈，所以让我们开始吧 ?
快速说明：此博客是作为JAMStack解决方案创建的，因此我们不需要任何服务器即可处理我们的博客文章创建等。因此，可以将其托管在任何静态网站托管中，例如Netlify，Github页面等等
反应
我想你们中许多人已经知道React。它是用于创建用户界面的Javascript库。应用程序是使用组件构建的，这些组件可以组合在一起并在整个项目中重复使用，这使其功能非常强大。
这是我们应用程序的核心，因为下面列出的其他库依赖于React本身。
在npm注册表中可用
官方文档：https://reactjs.org/docs/getting-started
盖茨比
Gatsby是一个Java框架（适用于React.js应用程序），可帮助您设置应用程序。它处理您可能自己处理的大多数样板代码（Webpack配置，“服务器端”呈现，GraphQL等）。使用gatsby构建的应用程序确实（确实）快速。
您可以在应用程序中使用Gatsby插件，以通过功能增强应用程序，也可以为其他人创建自定义插件。
顺便说一句，盖茨比拥有您在互联网上找到的最“防弹”的文档之一。如果您偶然发现一些错误，请尝试搜索gatsby文档，很有可能该文档已被覆盖。
在npm注册表中可用
官方文档：https://www.gatsbyjs.org/docs/
打字稿
称为Javascript的超集。它在Javascript之上添加了静态类型检查，并在您喜欢的文本编辑器/ IDE中提供了巧妙的IntelliSense。
Typescript仍在不断发展，每个新版本都带来了新功能，从而节省了开发人员宝贵的时间。
在npm注册表中可用
官方文档：https://www.typescriptlang.org/docs/home
感情
Emotion是一个CSS-in-JS库。最近它越来越流行，为什么有很多方面呢它具有针对您的样式的内置范围。开箱即用地进行服务器端渲染，或进行一些简单的配置。基于状态的样式和更多功能
在npm注册表中可用：
- @情感/核心
- @情感/风格
官方文档：https://emotion.sh/docs/introduction
埃斯林特
ESLint是用于识别和报告JavaScript（也是Typescript）代码中的模式的工具。它应该是技术堆栈中的必备工具，因为它将迫使您在整个项目中使用最佳实践，并且如果您的博客是开源的，那么您绝对应该考虑添加它
在npm注册表中可用
官方文档：https://eslint.org/docs/user-guide/getting-started
更漂亮
Prettier是一个自以为是的代码格式化程序，它支持大多数流行的语言。它可以保持代码格式化的一致性，这非常有价值并且可以节省时间，因为您不需要手动格式化代码。
在npm注册表中可用
官方文档：https://prettier.io/docs
笑话
是一个非常流行的测试库。它与react很好地集成在一起。
在npm注册表中可用
官方文档：https://jestjs.io/docs/en/getting-started
反应测试库
为了测试反应成分，您通常会选择 enzyme，但您应该考虑使用测试库，因为它使您的测试较少依赖于组件的内部状态。
注意：如果您从酶库切换到测试库，您将需要（稍微）改变编写测试的思路，因为它与酶不同。
如果您想获得有关测试库的深入知识，您绝对应该看一下Kent C. Dodds（测试库的作者）的博客
在npm注册表中可用
官方文档：https://testing-library.com/docs/react-testing-library/intro
柏
是一个端到端测试框架，使您能够编写各种测试：
- 单元测试
- 整合测试
- 端到端测试
这是一个做得很好的框架，带有出色的文档（包括文本和视频版本），并且设置起来非常容易。
在npm注册表中可用
官方文档：https://docs.cypress.io/
分享您的技术栈
您今年的技术栈是什么？您将哪些技术与Vue或Angular结合使用？在评论中告诉我们 ?
这篇文章发布在我的博客上，请在这里查看