react-tv菜鸟指南_使用 React 开发电视(TV)应用

react-tv菜鸟指南

官方网址:https://www.npmjs.com/package/react-tv

react-tv菜鸟指南_使用 React 开发电视(TV)应用

GitHub:https://github.com/raphamorim/react-tv

简介描述:使用 React 开发电视(TV)应用

react-tv使用 React 开发电视(TV)应用(渲染低内存的应用以及打包 WebOS, Tizen, Orsay)。

react-tv使用

import React from 'react'
import ReactTV, { Platform } from 'react-tv'

class Clock extends React.Component {
  state = { date: new Date() }

  componentDidMount() {
    setInterval(() => this.setState({date: new Date()}), 1000)
  }

  render() {
    if (Platform('webos')) {
      return (
        <h1>Time is {this.state.date.toLocaleTimeString()}</h1>
      )
    }

    return <h3>This App is available only at LG WebOS</h3>
  }
}

ReactTV.render(<Clock/>, document.getElementById('root'))

海计划公众号
(0)
上一篇 2020/03/06 09:10
下一篇 2020/03/06 09:10

您可能感兴趣的内容

  • css实现input file上传按钮自定义样式小白入门_按钮小白指南

    input file的样式不能直接用css来美化,我们可以曲线救国,把input file的透明度降低为0,相当于把这个控件隐藏了,实际上只是透明度为0,还是存在的,然后把div套上去,让div充当file的按钮。所以这个办法很简单,但是,把input file的透明度降低,连选择文件后的文件名也被隐藏了,这下可怎么办?那就只能用jquery获取file的文

    2020/03/29
  • 前端 cookie与本地存储与实践小白知识_小白入门

    引言一个项目考虑缓存和不考虑缓存完全是两个难度,在用户体验上也截然不同。考虑缓存肯定得了解web本地存储与它们的区别和适用场景。正好这次负责一个项目,在做了这个项目后抽空给大家来一次总结,希望能给大家带来帮助。cookie1.是什么Cookie指某些网站为了辨别用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。2.为什么因为HT

    2020/03/23
  • 移动端自适应攻略教程_自适应入门知识

    1、js动态设置html的字体大小var clientWidth = 0;
    if(document.documentElement.clientWidth >= 600){clientWidth = 600;
    }else{clientWidth = document.documentElement.clientWidth;
    }
    document.docume

    2020/04/03
  • js执行机制小白常识_机制教程视频

    js是单线程的,为什么可以执行异步操作呢?这归结与浏览器(js的宿主环境)通过某种方式使得js具备了异步的属性。 区分进程和线程:进程:正在运行中的应用程序。每个进程都自己独立的内存空间。例如:打开的浏览器就是一个进程。线程:进程的子集,是独立的。线程在共享的内存空间中运行。浏览器是多进程的。如下图:并且每打开一个页面就创建了一个独立的进程。进程内有自己的多

    2020/03/23
  • Codekit教程视频为Web前端打造的全能型神器

    Codekit基础入门 官方网址:https://codekitapp.com/ 简介描述:为Web前端打造的全能型神器 CodeKit简介 这是一款Mac平台集代码编辑与文件压缩…

    2020/03/05
  • TensorFlow.js菜鸟教程_在浏览器中完整地运行机器学习程序,人工智能开发的框架

    TensorFlow.js菜鸟教程 官方网址:https://js.tensorflow.org/ GitHub:https://github.com/tensorflow/tfj…

    2020/03/06
  • JavaScript 秘密花园入门基础教程_JavaScript 语言最古怪用法的文档集合

    JavaScript 秘密花园入门基础教程 官方网址:http://bonsaiden.github.io/JavaScript-Garden/zh/ 简介描述:JavaScrip…

    2020/03/06
  • Js浮点型数字误差引发的问题指南教程_数字入门教程

    需求车间的工人在生产出来产品后,需要完成初步的自检,并通过手机上报。在实际生产中,用户(工人)不方便进行数值的输入,因而表单中的一些项设计成 picker 模式以供选取数值。数值的取值范围,根据允许的误差范围生成。示例如下:示例一
    // 误差
    0.01mm ~ 0.06mm
    // picker 展示的数值
    0.01, 0.02, 0.03, 0.04, 0.

    2020/03/24
  • Nightwatch.js教程视频基于浏览器的web应用自动测试

    Nightwatch.js基础入门 官方网址:http://nightwatchjs.org GitHub:https://github.com/nightwatchjs/nigh…

    2020/03/05
  • 使用nvm安装nodejs菜鸟指南_nvm菜鸟知识

    安装nvmnvm是nodejs的版本管理工具,可以快速切换更新nodejs版本,windows系统使用nvm-windows。curl下载:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bashwget下载:wget -qO- https://raw.gi

    2020/03/24
  • 10 个独特的 CSS 背景视觉效果入门百科_背景使用攻略

    这几年的web设计中,大背景的设计变得越来越流行。特别是在现在大屏大行其道的情况下,设计师在设计中越来越多的使用大分辨率的背景图来填充屏幕,这样更能制造独特的视觉效果,能更好的传达他们想要向用户传达的内容。但是,大部分的设计仅仅是硬生生的把大背景图填充就了事了。其实,借助于CSS和JavaScript的力量,可以创建一些独特的视觉效果,可以使体验更加优雅。下

    2020/04/06
  • Toolfk使用指南_在线程序员必备工具箱

    Toolfk使用指南 官方网址:https://www.toolfk.com/ 简介描述:在线程序员必备工具箱 Toolfk是一个专注于程序员在线工具箱开发的站点,帮助程序员们找到…

    2020/03/11
  • reduce方法应用技巧指南教程_reduce小白攻略

    定义和用法reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。注意: reduce() 对于空数组是不会执行回调函数的。浏览器支持方法ChromeEdgeFirefoxSafariOperareduce()Yes9.03.0410.5语法array.reduce(function(total, currentV

    2020/03/23
  • 在静态页面中使用 Vue.js小白入门_静态入门基础知识

    不使用Node.js, NPM, Webpack 等, 在静态页中使用Vue.js. 包括路由, 单文件组件. 1. 创建index.htmlindex.html做为项目的首页, 主要用来定义页面框架, 加载必需的css和script.这里使用element-ui的导航菜单组件搭建了一个页面框架.需要注意的是, 标签要加上 :defaul

    2020/03/26
  • Gavin Wood:创造一个web3.0的加密世界小白基础_web入门知识

    我最早是以太坊的联合创始人,也是CTO,黄皮书的作者。当开启以太坊时,我们是局外人,关注的焦点更多的是BTC。当时,人们将投身以太坊视为浪费时间和精力。但现在以太坊已经成长起来,进入了完整循环。但与此同时,也出现了以太坊原教旨主义者。有些人如今拒绝接受可能存在优秀和可靠技术,为什么你们想要超越以太坊区块链?1.我现在已经越过以太坊,创建了Polkadot这个

    2020/03/26
  • vue-router的简易实现基础知识教程_路由攻略教程

    现在很多项目的前端都是用vue单页面实现的,而单页面中最重要的一个环节就是路由,今天来实现一个简易版本的vue-router。路由先来看下路由的工作流程后端路由输入url请求发送到服务器,服务器解析请求的路径拿到相应数据-返回给前端前端路由输入urljs解析地址,找到对应地址的页面执行页面生成的js和css渲染页面了解了路由的工作流程之后,再来看下vue-r

    2020/03/20