首页 > 其他分享 >React Gatsby 框架

React Gatsby 框架

时间:2022-10-23 22:22:23浏览次数:61  
标签:Gatsby 框架 js React Graphql gatsby world

Gatsby简介

1. What(是什么)

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

来自官网的介绍,简洁而有力!

Gatsby是一个免费的开源框架,基于React,用来快速构建网站或应用!

2. 有哪些优势

  1. 使用更现代化的技术栈:React、Webpack、现代Javascript、Css、Html、Graphql……享受最新web技术的力量。

  2. 支持各种数据源: headless CMSs, SaaS services, APIs, databases,your file system……通过Graphql更直接的获取数据。

  3. 支持生成静态资源:更利于部署到各种服务或空间,也更利于SEO!

  4. 渐进式Web应用(PWA):分拆代码和数据,只加载关键的HTML、CSS、数据和JavaScript,因此难以置信的快!

  5. 丰富的生态系统:时至今日,Gatsby已经拥有很完善的生态,各种插件,你遇到的各种问题也都可以找到解答。

除此之外,Gatsby还有各种好处,比如可以将js放到cdn以加速访问等等,说再多不实操终究没有一个深刻体会,可以在后面使用的时候,自行体会:)

3. 如何运作

gatsby-how-work

如上图所示,Gatsby支持从各种数据源获取数据,构建网站,并部署到各种服务或空间。

如何搭建环境

依赖

  1. Node.js最新版本

  2. Git

安装Gatsby CLI

$ npm install -g gatsby-cli
 

可使用$ gatsby --help命令获取帮助。

创建一个Gatsby网站

$ gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world

$ cd hello-world

$ gatsby develop
 

打开浏览器查看:https://localhost:8000

gatsby-hello-world

恭喜!这是您的第一个gatsby网站!

标签:Gatsby,框架,js,React,Graphql,gatsby,world
From: https://www.cnblogs.com/HelloLc/p/16819809.html

相关文章

  • 续:企业数据安全建设思路之框架体系
    提醒:这里面所涉及的内容不完整,我们在此只是将大概的思路进行一个阐述,如果有从事相关方面的专业人士可以在此基础上进行发散内容扩充,也可以根据企业或者是我们用户的不同环境......
  • SpringMVC框架详解
    简述SpringMVC是一种基于Java的实现MVC设计模型的请求驱动类型的轻量级Web框架,属于Spring FrameWork的后续产品,已经融合在SpringWebFlow里面。Spring......
  • React 富文本展示
    dangerouslySetInnerHTMLexportdefaultfunctionApp(){letinit=()=>{//向后端发送请求拿到html用富文本填展示return`<div>......
  • 利用Bootstrap 框架来制作栅格系统与轮播图
    Bootstrap框架官网:http://getbootstrap.com/中文网址:https://www.bootcss.com/简介:BS是用来做响应式页面的前端UI框架,它提供了栅格系统、样式布局、API供我们直接使用......
  • Linux下IIC驱动编写,介绍IIC子系统框架的使用
    一、IIC协议介绍说起IIC,搞单片机,嵌入式的那肯定是接触的比较多的。串口、IIC、SPI这3个协议在单片机阶段应该是用比较多的,很多的外设模块,芯片都是串口、IIC、SPI等协议与主......
  • react router 6
    -2021年11月reactrouter6成为默认版本,npm安装时自动安装6版本每次reactrouter发布都会有3个版本react-router:路由的核心库,提供了很多组件钩子react-router-dom:......
  • Reactor 模式线程模型
    根据Reactor的数据量和处理资源池线程数量,可以分为3钟典型实现单Reactor单线程  单Reactor多线程  主从Reactor多线程 ......
  • gin框架(4)- binding和validate
    前言在Engine与Context中,我们提到了Context的作用之一就是解析request请求并实现request在上下游的传递,其中的解析request调用的是binding相关的函数,解析完数据,还需......
  • gin框架(3)- Engine与Context
    前言在上一章,我们讲述了request请求是如何在gin中流转的,其中提到了两个比较重要的结构体Engine和Context。Engine在gin中充当server的角色,Context则负责对request的封装(类......
  • gin框架(2)- request的流转
    前言本篇为gin框架的第二篇,主要讲述gin框架如何接收一次http请求,并执行对应的请求处理函数,即request请求在gin框架中的流转过程。gin框架的底层,仍然是采用go原生网络......