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

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

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)。 默认情况下,会运行测试最近提交的一个分支。

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

网站错误放置备案号将被注销备案及罚款

重要通知 | 网站不按要求放置备案信息最高将处一万元罚款 近日,有不少客户收到阿里云备案核查通知,要求 已备案的网站 下方必须显示正确备案编号、并指向工信部指定网址 https://beian.miit.gov.cn/,否则将面临省通信管理局责令整改、并处五千元以上一万元以下罚款的处罚,或应相关监管部门要求,网站有被关闭、备案被取消接入或被注销的风险。

cn、com域名各个状态说明

cn、com域名各个状态说明: 以client开头的状态表示由客户端(注册商)可以增加的状态 以server开头的状态表示服务器端(CNNIC)操作增加的状态 既不以client开头也不以server开头的状态由服务器端管理 域名的状态解释: ok 正常状态 inactive 非激活状态(注册的时候没有填写域名服务器,不能进行解析) clientDeleteProhibited 禁止删除 serverDeleteProhibited 禁止删除 clientUpdateProhi

12个好用的BT种子搜索网站,你用过几个?

BT Kitty https://cnbtkitty.pw/ 专注于提供BT种子搜索和下载的网站,你可以在这里搜索和下载电影、剧集、音乐、图书、图片、综艺、软件、动漫、教程、游戏等资源,BT Kitty 可以说算得上一款BT种子搜索神器、下载利器。 BT Library https://btlibrary.xyz/ 索引了几千万千万BT种子,包括电影、剧