react-static 基于react 渐进式静态站点生成框架

react-static 是一个不错的基于react 开发的静态站点生成框架，可以用来替代create-react-app

包含的特性

  • 100% react
  • 很快的构建以及性能
  • 自动代码以及数据分离
  • seo 友好
  • 100% 支持react 的生态，包含css in js graphql redux
  • hot reload
  • 支持通过prpl 模式即时页面视图

说明

目前已经有好多站点已经使用此框架进行站点的开发，从官方文档可以看出，类似的有next nuxt gastby phenomic （nodejs 平台的）

参考资料

https://github.com/nozzle/react-static

原文地址：https://www.cnblogs.com/rongfengliang/p/10366999.html

时间： 2024-10-16 10:37:44

react-static 基于react 渐进式静态站点生成框架的相关文章

react应用(基于react脚手架)

使用create-react-app创建react应用 react脚手架 1) xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 a. 包含了所有需要的配置 b. 指定好了所有的依赖 c. 可以直接安装/编译/运行一个简单效果 2) react提供了一个用于创建react项目的脚手架库: create-react-app 3) 项目的整体技术架构为: react + webpack + es6 + eslint 4) 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化 创建

React-Native（三）：React Native是基于React设计的

React Native是基于React js设计的. 参考:<React 入门实例教程> React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西很好用,就在2013年5月开源了. 由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单.所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具. 这个项目

前端基于react,后端基于.net core2.0的开发之路（2） 开发环境的配置，注意事项，后端数据初始化

前端环境配置 项目介绍文章:前端基于react,后端基于.net core2.0的开发之路(1) 介绍 1.VSCode安装 下载地址:https://code.visualstudio.com/Download 2.node下载 下载地址:https://nodejs.org/en/ V8.9.1版本下载 3.cnpm安装 在安装完node后,npm默认就安装了,因为某种原因,npm下载组件包的速度太慢了,所以需要安装cnpm 安装命令 npm install -g cnpm --regist

react.js - 基于create-react-app的打包后文件根路径修改

用create-react-app脚手架搭建的react项目 使用 npm run build 之后生成的打包文件只能在根目录访问 这样放在服务器目录就访问不到了 报错为: 手动更改index.html的路径之后又报静态资源引入错误 把  改为 这时候报错为: 解决方法很简单: 找到myapp目录config文件夹下面  paths.js 大约在37行左右  (这是在2017-12-23新建的react项目生产的配置文件) 修改为以下代码 function getServedPath(appPa

放弃antd table，基于React手写一个虚拟滚动的表格

缘起 标题有点夸张,并不是完全放弃antd-table,毕竟在react的生态圈里,对国人来说,比较好用的PC端组件库,也就antd了.即便经历了2018年圣诞彩蛋事件,antd的使用者也不仅不减,反而有所上升. 客观地说,antd是开源的,UI设计得比较美观(甩出其他组件库一条街),而且是蚂蚁金服的体验技术部(一堆p7,p8,p9,基本都是大牛级的)在持续地开发维护,质量可以信任. 不过,antd虽好,但一些组件在某一些场景下,是很不适用的.例如,以表格形式无限滚动地展示大量数据(1w+)时,

基于react的nextjs服务端渲染框架学习使用

开发文档 https://nextjs.frontendx.cn/ 源码 该博客的示例代码我已经上传到github,欢迎star或者fork react-next-hello Next介绍 Next.js是一个基于React的一个服务端渲染简约框架.它使用React语法,可以很好的实现代码的模块化,有利于代码的开发和维护. Next.js带来了很多好的特性: 默认服务端渲染模式,以文件系统为基础的客户端路由 代码自动分隔使页面加载更快 (以页面为基础的)简洁的客户端路由 以webpack的热替换

基于静态站点内容动态推送的方案

一个大型的B2B或者B2C网站,必然要考虑访问用户量和站点自身的内容量问题,如果解决高访问量和海量内容带来的性能问题呢.当然对于非常成熟的企业来说可以采用分布式数据库和服务器,通过负载均衡同样能解决问题.而我们采用的是最简单.最容易.成本最低的实现方式,那就是使用静态镜像站点. 服务器一:阿里云服务器(原站点) 服务器二:阿里云OSS存储服务(镜像站点) 配置镜像站点映射到云服务器,云服务器的每个页面的访问会生成静态页面,当静态页面存在时,则直接读取静态页面,若静态页面不存在则动态生成. 那么问

基于React Native的Material Design风格的组件库 MRN

基于React Native的Material Design风格的组件库.(为了平台统一体验,目前只打算支持安卓) 官方网站 http://mrn.js.org/ Github https://github.com/binggg/mrn 示例应用在线演示 https://appetize.io/app/j48zj9r83cetpd1mhg4g8buc4w 示例应用下载 https://github.com/binggg/MaterialReactNative/blob/master/androi

前端基于react,后端基于.net core2.0的开发之路（1） 介绍

文章提纲目录 1.前端基于react,后端基于.net core2.0的开发之路(1) 介绍 2.前端基于react,后端基于.net core2.0的开发之路(2) 开发环境的配置,注意事项,后端数据初始化 3.前端基于react,后端基于.net core2.0的开发之路(3) 各个技术栈配置和说明 4.前端基于react,后端基于.net core2.0的开发之路(4) 前端路由,模型,服务的说明 5.前端基于react,后端基于.net core2.0的开发之路(5) 配置node层,s