Skip to main content

Kyle Mathews

创始人@ GatsbyJS. 喜欢技术,读/写,创建事物. bricolage.io上的博客.

5 最小阅读· 2018年9月17日

Announcing Gatsby 2.0.0 🎉🎉🎉

我们非常高兴地宣布Gatsby的第二个主要版本!

盖茨比(Gatsby)是一个快速发展的现代化网站和应用程序生成器. 成千上万的开发人员使用Gatsby创建了令人赞叹的博客,应用程序,营销和电子商务网站,文档等!

V2.0.0是Gatsby核心团队和315位贡献者几个月的努力的结果. 谢谢!

此版本侧重于性能和开发人员经验. 重点包括:

  • 减少多达75%的构建时间
  • JavaScript客户端运行时缩短了31%
  • 将盖茨比的核心依赖关系升级到最新版本:webpack 4,Babel 7,React 16.5

Sign up for our v2 webinar to learn more about the new features in Gatsby v2.

Gatsby astronaut butler delivers v2

People using Gatsby

这些是一些信任盖茨比的优秀组织.

Logos of organizations using Gatsby

在我们的新站点展示中,可以看到使用Gatsby构建的其他数百个站点 .

Rapidly growing ecosystem

自Gatsby v1发布以来,我们在去年取得了长足发展.

  • 我们已经达到1100位贡献者(从198位增加到现在)
  • 现在每星期合并〜90个PR(从〜50起)
  • Gatsby被下载了4+百万次
  • 457 Gatsby插件现已发布到npm
  • 550,000人访问了我们的网站
  • 15,500人为我们的GitHub Repo加注了星标,从1万增加到25.5万
  • 盖茨比的几位核心贡献者创立了公司 . 我们筹集了370万美元来支持Gatsby OSS并创建云工具来帮助团队构建和部署出色的Gatsby网站

What’s new in v2

Faster site builds

我们专注于提高v2的构建速度,并且很高兴看到构建管道中许多部分的构建速度都有了很大的提高.

大多数站点应看到速度大幅提高,最多可降低75%.

改进包括:

还有许多工作要做以提高构建性能! 我们的目标是帮助盖茨比扩展到任何规模的网站. 在接下来的几个月中将对此进行更多讨论.

Shrunk JavaScript client runtime by 31%

我们将每个Gatsby网站随附的核心JavaScript缩小了31%! 更少的JavaScript意味着更快的网站!

Gatsby v1的核心JavaScript为78.5kb,而v2为53.9kb (均为压缩大小).

减少的主要原因是我们所依赖的图书馆的辛勤工作.

React团队将其代码大小从React 15减少了16%至30%(压缩后从49.8kb减少到34.8kb)

我们将路由器从react-router切换为@ reach / router,这将捆绑包缩小了约70%(压缩后的压缩范围为18.4kb至6kb).

React 16

我们从React 15升级到16.React 16是React生态系统的一个巨大版本,它支持片段,错误边界,门户,对自定义DOM属性的支持,改进的服务器端渲染和减小的文件大小.

Read the React 16 release blog post.

webpack 4

我们很自豪能够使用webpack处理和捆绑Gatsby网站的JavaScript,CSS和资产.

webpack 4是一个巨大的版本,它带有:

  • 极大地缩短了构建时间
  • 新的代码分割算法
  • 新的一流支持,用于延迟加载CSS块.

阅读有关webpack 4版本的更多信息:

Babel 7

Babel帮助确保您编写的JavaScript在不同的浏览器(包括旧版本的Internet Explorer)中都能正常运行.

升级带来:

Read the Babel 7 release blog post.

Improved accessibility with @reach/router

我们将路由器从react-router切换到@ reach / router .

@ reach / router确保您的Gatsby网站适合使用屏幕阅读器的用户.

它是由React-router的同一位作者Ryan Florence编写的,因此迁移非常简单.

GraphQL stitching

我们增加了对GraphQL拼接的实验支持.

越来越多的服务提供本机GraphQL API,而GraphQL拼接使您可以直接在Gatsby站点中使用其API,而不必将API与源插件包装在一起.

Ludicrous Mode (aka faster data hot reloading)

我们花了一些时间优化Gatsby的数据处理层,以使Markdown编辑变得更好!

Remove special layout component

在盖茨比v1中,有一个特殊的"布局"组件. 尽管有时有用,但由于它打破了正常的组件组成模型,经常使习惯于React的人们感到困惑.

因此,我们决定将其删除. 我们添加了gatsby-plugin-layout来恢复独立布局组件所带来的那些站点的行为.

Query for data in components with <StaticQuery />

一个非常频繁的功能请求是"如何查询组件中的数据?"

作为删除布局组件的一部分,我们添加了支持,可以使用名为<StaticQuery />的特殊组件在任何地方查询数据.

Improvements to gatsby-plugin-offline

gatsby-plugin-offline添加了直接服务人员和离线支持!

Kurt KempleDavid Bailey在错误修复和功能改进方面投入了大量时间,以处理更多的极端情况.

Tracing

Anthony Marcar向Gatsby添加了跟踪支持!

跟踪可帮助您找到构建时间最长的插件或部分,这对于调试构建速度很慢非常有用.

example gatsby build trace

Read the documentation page on tracing

Gatsby swag!

根据非常受欢迎的需求,我们现在在store.gatsbyjs.org上自己的Gatsby eCommerce商店(当然由Gatsby提供支持)上出售贴纸,袜子和T恤.

Read the launch blog post.

最重要的是,贡献者可免费获得赃物! 使用GitHub登录并索取免费赃物.

store.gatsbyjs.org screenshot

Growing the community

盖茨比社区发展非常迅速. 我们每周都会看到90个新的PR,看到新的贡献者处理项目的不同部分以添加文档,新功能,错误修复以及重构代码库的尘土飞扬,真是令人兴奋.

我们正在大力投资以扩大OSS项目的速度,其中包括:

  • 雇用更多的维护者
  • 通过结对编程和维护者聊天室和电子邮件列表帮助增加更多维护者
  • 编写更多的自动化测试以减少手动PR测试
  • Automating common checks and workflows
  • 奖励赃物免费
  • 建立维护人员仪表板,以帮助我们将注意力转移到最重要的问题和PR

Information Architecture revamp

与v2一起,我们一直在致力于大型文档计划,以改进文档的信息体系结构. 我们在编写文档方面投入了大量资金,因为我们知道,如果人们不能使用出色的功能,那么它们并不重要. 如果单击docs部分 ,则可以看到新的侧边栏和Information Architecture.

Read Shannon Soper’s writeup about the research behind the new IA

Upgrading

v2 Webinar

Sign up for our v2 webinar to learn more about the new features in Gatsby v2.

Acknowledgments

没有所有人的贡献,就不可能发布此版本! 感谢所有提交错误,打开PR,回答问题,编写文档,测试Beta以及更多内容的人!

特别感谢:

喜欢这篇文章吗? 在您的收件箱中接收下一个!

Docs
Tutorials
Plugins
Blog
Showcase

by  ICOPY.SITE