Gatsby 是一个令人难以置信的静态站点生成器，它允许使用React作为渲染引擎引擎来搭建一个静态站点，它真正具有现代web应用程序所期望的所有优点。它通过在构建时通过服务器端渲染将动态的 react 组件呈现为静态 HTML 内容。这意味着您的用户可以获得静态站点的所有好处，比如不使用JavaScript、搜索引擎友好性、非常快的加载速度等等，也并没有失去现代web所期望的活力和交互性。一旦呈现为静态 HTML，客户端站点的React和JavaScript会接管它并添加动态的内容。 Gatsby 最近发布了v1.0.0，推出了很多新特性。包括(但不限于)使用GraphQL创建内容查询的能力，与各种cms集成——包括WordPress、Contentful、Drupal等等。还有基于路由的代码分布使得用户体验更佳。在这篇文章中，我们将深入探讨 Gatsby 和一些新特性，并创建一个静态博客。让我们开始吧！
对于开发者而言，2017出奇的高效，不过2018年有望为IT领域带来更多发展。本文中，为了处理项目时紧跟潮流，我们会描述出每个前端编程人都需要关注的2018年JavaScript的五种主要发展趋势。
我的博客最初是用 Github Pages 默认的 Jekyll[2] 框架，其使用的 Liquid[3] 模板引擎在使用上有诸多不便。
Gatsby 是在 Node.js 的基础上建立，使用 Gatsby 之前必须先安装 Node.js 且版本 ≥ 12.13。使用 Gatsby CLI 工具，三句命令就可以新建一个静态网站。详情步骤，看这里！
前言 JavaScript 渗透的范围越来越广，它能做的事情已经远不止前端开发而已。不久前stateofjs.com刚刚发布了 2017 JavaScript 现状报告 ，现在Ryan Chartrand非常应景地推出了 2018年的JavaScript发展趋势 ，把这两份文章一起结合来看，相信作为JS开发者的你一定不再迷茫。 去年，有50000人对JavaScript的上升趋势感到好奇。那么好吧，我的开发者同胞们，现在我们再来看看2018年怎样。 如果你2017年一整年都与世隔绝或者忙于项目而自顾不暇的话
StaticImage 是 gatsby-plugin-image 提供的组件，类似html 中的 img 标签，可以在页面中直接使用。
在本文中，您将看到三种最好的静态站点生成器的比较，它们的优点、缺点以及您应该使用它们的原因。
前端爱好者的知识盛宴 JavaScript渗透的范围越来越广，它能做的事情已经远不止前端开发而已。 掌握2018最新JS趋势，很有必要！ 不久前stateofjs.com刚刚发布了一份2017 JavaScript现状报告，现在Ryan Chartrand非常应景地推出了2018年的JavaScript发展趋势，下面把这两份文章一起结合来看，让作为JS开发者的你少走弯路。 首先看看火爆2017的vue。 React vs. Vue.js 我们开门见山，直接上好东西吧：认为Vue可能会成为React的一大
Paul Scanlon 使用 Waku 展示了 RSC 如何让 React 开发人员在组件级别访问异步服务器端请求和数据。
注意，这里跟前面不一样了，我用gatsby-node.js这个文件去提供数据，没有什么为什么，规定，照做就好。
MDX 是一种文档格式，可以在 Markdown 文档中无缝地插入 JSX 代码。
参考 https://github.com/rmcfadzean/gatsby-pantry/tree/master/examples/starter-blog
今年年初，我终于决定将自己的网站从基于 PHP 的 CMS 移植到基于 JavaScript 的静态网站生成器（SSG）了。原因如下：
这里是所有数据，传到了TitleAndDescription组件里，react组件数据传递,我这么就为了看着舒服一点。
到此，通过gatsby就快速的搭建了一个博客网站，我们只需书写markdown文件就能生成对应的网页了。至于网页美化，那是切图的事儿，我就不在这里墨迹了。
There was an error in your GraphQL query:
无论您是刚开始编程还是已经是一名经验丰富的开发人员，在这个行业中，学习新的概念和语言/框架是跟上快速变化的必要条件。
在过去的几年中，Vue.js 已成为 Web 应用程序开发的流行选项。用户变多后，这个框架开始将触角伸向了静态站点生成，一个曾经由 React 统治的领域。
首先，我们第一个是想到的是 react 官方团队提供的脚手架工具 Create React App(cra)
我们生活在一个真理不再是非黑即白的世界。在我们生活的世界里，媒体明白，影响人们的最佳方式不是通过逻辑，而是通过情感。他们明白我们人类不是通过有意识的思考和逻辑处理来做决定，而是通过隐藏在我们心灵中的无意识倾向来做决定。对通过媒体赚钱的人来说是好事，对像我们这样消费媒体的人来说是坏事。
作者 | Kurt Bittner 、Pierre Pureur 译者 | 平川 策划 | 丁晓昀 无论你是编程新手还是资深开发人员，学习新的概念和语言（或框架）都是跟上快速的技术发展节奏的必要条件。 以 React 为例，它由 Facebook 在四年前开源，现在已经成为全球 JavaScript 开发者的首选。 当然，Vue 和 Angular 也有它们自己的追随者。还有 Svelte 以及像 Next.js 或 Nuxt.js 这样的通用框架，还有 Gatsby、Gridsome，等等。 如
例如，SQL 数据库有预定义的 Schema，但这些 Schema 通常都不能修改，用户只有在创建时才能定义 Schema。Schema 的作用是告诉数据库使用者所希望的表结构，确保每行数据都符合该表的 Schema。NoSQL 数据库通常都支持动态 Schema 或可以不创建 Schema（即在创建数据库时无需为每个对象定义属性）。
今天我们来聊 React，React 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 React，它的生态功不可没。
最受欢迎项目 下面是年度最流行的项目，不区分类别。 Vue.js蝉联冠军 Vue.js 再次强势登顶年度排行榜冠军，今年在 GitHub 上新增了超过 40,000 的 star。 相较于 2016
构建这个应用时，你将使用相对较新的Hooks API来提升你的React技能。示例项目利用了React组件、许多Hooks、一个外部api，当然还有一些CSS样式。
像其他所有人一样, 我最近碰巧也读了 Jose Aguinaga 的文章 “How it feels to learn JavaScript in 2016”.
HTML/CSS框架目前没有以前那么有意义, 但是我还是介意你选择一个学习(这里作者想隐射的应该是, 在jquery时代, HTML/CSS框架的学习是必须的).
React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能，
通过对比各项目过去 12 个月在 GitHub 上新增 star 数量，来评估其在 2018 年度的受关注程度，进而选出 2018 年度 JavaScript 领域崛起的明星项目。
最近在研究JAMStack的一些相关内容，发现这的确是个好东西，所以想写一篇文章把这个概念分享给还不了解JAMStack的同学。本篇文章主要包含以下的内容：
之前闲着无聊写的一个 Redux 项目，今天突然想把它做成动态数据源，很早之前使用 Gatsby 的时候尝试过 GraphQL 觉得不错，所以就试着集成了一下。
代表了一种开发功能强大的 react.js 组件的全新方式，这些组件在完全可定制的同时开箱即用。
1.查数据 { allMarkdownRemark(sort: {order: DESC, fields: [frontmatter___date]}) { edges { node { frontmatter { title path date excerpt } } } } } 如图所示: 1557047446713.png 2.套页面 打开in
如果你想赞助食堂，可以订阅本周刊的竹白专栏付费版，食堂给你准备了专属的会员通讯，以及前端食堂数字花园知识库的访问权限。
本文最初发布于 Max Desiatov 的个人博客，经原作者授权由 InfoQ 中文站翻译并分享。
使用Carbon增加源代码截图。将代码粘贴到文本区域并自定义颜色主题，背景和窗口框架。一旦准备好，您就可以下载照片并感觉像摇滚明星。至少那是我们书呆子想象的方式。
GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让 API 更容易地随着时间推移而演进，还能用于构建强大的开发者工具。
LINQ to XML 是 C# 中用于查询和操作 XML 数据的强大工具。它允许您使用 LINQ 查询语法对 XML 文档进行查询、过滤、投影等操作，从而更加方便地处理 XML 数据。本文将详细介绍 LINQ to XML 的基本概念、常见操作以及示例，帮助您了解如何在 C# 中使用 LINQ to XML 进行 XML 数据的查询和处理。
本篇文章为大家盘点了1月份最热门的 JavaScript 项目，让我们一起来看下吧！ 一、编辑器tui.editor https://github.com/nhnent/tui.editor Star 5033 tui.editor（TOAST UI Editor）是一款所见即所得的Markdown编辑器。TOAST UI Editor提供Markdown模式和WYSIWYG模式。它的功能非常强大，你可以编辑表格，UML图和图表等。 TOAST UI Editor的Markdown模式的特点有： ● 所见即
GraphQL是Facebook开发的一种用于API的查询语言，以及一个用于执行这些查询的服务器端运行时。它提供了一种灵活且高效的数据获取方式，允许客户端指定所需的数据结构，使得数据传输更高效。
我一直在分享关于类型安全和在 Swift 中构建健壮 API 的更多内容。今天，我想继续探讨类型安全的话题，介绍 GraphQL。GraphQL 是一种用于 API 的查询语言。本周，我们将讨论 GraphQL 的好处，并学习如何在 Swift 中使用它。
以下为我在知乎问题「2017年前端有什么样变化？即将来临的2018有什么样的期待？」下的回答，稍作整理分享给大家。如有遗漏欢迎在评论中指出。原文如下： 在即将过去的2017年里，我们回顾： 逃不过的三大框架 React继续在前端领域占据着主导地位，并在 2017 年发布了最受期待的版本之一 - React 16。 它包含了可以实现异步 UI 渲染的 fiber 架构。通过提供包括错误边界在内的很多其他特性。但 React 在这一年中所取得最重要的成就不是它推出的新特性，而是修改了它的开源协议：BSD 协议
内容管理系统 (「CMS」) 使没有强大技术背景的人也能够轻松发布内容。我们可以使用 「CMS」 来管理我们的内容和交付。市面上有不同类型的 「CMS」，它们执行不同的目的并具有不同的功能。
最近在知乎看到了这么个问题：学完Vue还有必要学习React和Node吗？[1]， 有很奇妙的感觉，因为我在最开始入门前端时，也是以Vue入的门，在“学完”Vue之后， 我也有了类似的疑问，但当时的我没多想，觉得“技多不压身”，反正都是前端，以后肯定用得上，那就学呗。
在本文中，我们将了解 monorepo 是什么，以及 monorepos 如何帮助以更好的开发体验更快地开发应用程序。我们将讨论使用Nx开发工具管理 monorepo 的优势，并学习如何使用这些工具构建Next.js应用程序。
最近，我们将 Universe.com 主页的性能提升了十倍以上。在本文中，我们将解析实现这一重大改进的具体技术手段。
原英文： https://blog.apollographql.com/securing-your-graphql-api-from-malicious-queries-16130a324a6b
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
