Razzle_无需配置,创建服务器呈现的通用Js应用

更新日期:2020年09月03日 投稿作者:分类目录网 围观人数:1571

Razzle

razzle网站描述:无需配置,创建服务器呈现的通用Js应用Razzle可用于创建通用的react, Reason-react, Preact, Inferno,和Rax应用,无需配置 。

Razzle是一个工具,它将SSR所需的所有复杂配置抽象为单个依赖项 - 为您提供create-react-app的精彩开发人员体验,但随后将剩下的应用程序的架构决策留给框架,路由和数据提取到您。通过这种方法,Razzle不仅可以使用react,还可以使用Reason,Elm,vue,Angular。


Razzle是类似于next.js的简单服务端框架,用于在服务端渲染 React 应用程序。比较方便的一点是无需配置。通过将一般的JavaScript应用抽象成单个的依赖,然后将框架,路由和数据提取出来。同时,Razzle 支持可插拔渲染。
特点如下:

  • 具有通用的热更新模块,因此当用户编辑或者作出修改时,客户端和服务器都会进行更新。 不需要进行重启。
  • 使用ES6语法糖。
  • 与create-react-app(facebookincubator/create-react-app)有着相同的CSS设置
  • 支持渲染 React, Reason-React, Preact, Inferno, Rax 以及Angular 和 Vue这类比较火的应用。
  • 通过.babelrc和razzle.config.js进行紧急阀值定制化处理。
  • razzle使用Jest进行测试(facebook/jest)。

开始

  • 安装
    如果你有最新版本的Yarn,你可以跳过这个。否则:
    全局安装Razzle:
    npm i -g create-razzle-app
  • 起一个应用,运行
    create-razzle-app my-app
    或者通过yarn起一个应用
    yarn create razzle-app my-app
    在命令中添加—example 可用来创建例子
    create-razzle-app --example with-preact my-app
    或者通过yarn
    yarn create razzle-app my-app -- --example with-preact
    (这个地方的 --用于yarn创建razzle应用时需要忽略的一些选项)
    操作完成后,在当前目录下将会有一个叫my-app的文件夹。
    在这个文件夹内,将会生成初始的项目结构,建立递进的依赖关系。
    my-app/
    README.md
    node_modules/
    package.json
    .gitignore
    public/
     favicon.ico
     robots.txt
    src/
     App.css
     App.js
     client.js            # 客户端入口
     Home.css
     Home.js 
     server.js .          # 主服务器代码(Express应用程序)
     react.svg
     index.js             # 服务器入口点
    注意:Express服务器上,默认React应用程序有React Router 4。 如果不想要这个设置,请查看这些代码示例(jaredpalmer/razzle)。 只需要屈指可数的几个命令便可以安装。

安装完成后,您可以在项目文件夹中运行一些命令:

  • npm start 或者 yarn start
    在开发模式下运行项目。
    您可以在localhost:3000查看应用程序。
    如果进行编辑,页面将重新加载。

  • npm run build 或者 yarn build
    构建用于生产开发的应用程序。
    构建被缩小,文件名称中包含哈希值。 应用程序已准备好部署。

  • npm run start:prod 或者 yarn start:prod
    在生产环境中运行编译的应用程序。
    localhost:3000可进行查看
  • npm test 或者 yarn test
  • 以交互模式运行测试观察者(Jest)。 默认情况下,会运行测试最近提交的一个分支。

声明:本站资源收集于网络,但不代表本站的观点和立场,具体内容可自行甄别,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!

SEO短格式内容与长格式内容(分类目录何时使用哪个?)

我们都知道制定可靠的内容策略的重要性以及正确解决方案可以实现的指数级增长。但是,在内容营销界也存在许多误解。 在过去的某个时候,您可能已经得到建议,说一段内容越长,效果越好。或者,您网站上的每个内容至少应包含2,000个字。  事实是这些不是真的,它们也不是不真实的-如果这有意义吗? 简短和长篇内容均在成功的内容营销策略中占有一席之地,并且两者在您的营销工具箱中都是非常强大的工具。 您只需要在正确的上下文中选择正确的内容形式

db是什么意思?(.db文件的正确打开方式)

db是什么意思?(.db文件的正确打开方式) db是什么意思?   db一般用记事本打开。db是datebase的缩写,是数据库文件。 用UltraEdit软件打开db文件:   1.点击打开网页浏览器,输入百度网址打开百度首页,然后再搜索窗口输入UltraEdit,然后点击百度一下。   2.点击百度一下以后出现免费下载的网站链接,找到

STDLib_支持科学和数字化的基于 web 的机器学习应用的开源库

STDLib 简介:支持科学和数字化的基于 web 的机器学习应用的开源库 STDLib是一个基于 JavaScript 和 Node.js 应用的开源库,如果您正在寻找一种在浏览器中运行,支持科学和数字化的基于 web 的机器学习应用,STDLib 能满足你的需要。 这个库能提供全面而先进的数学和统计学上的功能,来帮助你构建高性能的机器学习模型。你同样也可以使用它丰富的功能来构建应用程序和其他的库。除此之外,如果你想要一个数据可视化和探索性数据分析的框架 —— STDLib,