ink菜鸟指南_React 打造的的交互命令行工具

ink菜鸟指南

GitHub:https://github.com/vadimdemedes/ink

ink菜鸟指南_React 打造的的交互命令行工具

简介描述:React 打造的的交互命令行工具

对CLI做出反应。使用组件构建和测试CLI输出。 

安装

npm install ink react

用法

import React, {Component} from 'react';
import {render, Color} from 'ink';

class Counter extends Component {
	constructor() {
		super();

		this.state = {
			i: 0
		};
	}

	render() {
		return (
			<Color green>
				{this.state.i} tests passed
			</Color>
		);
	}

	componentDidMount() {
		this.timer = setInterval(() => {
			this.setState({
				i: this.state.i + 1
			});
		}, 100);
	}

	componentWillUnmount() {
		clearInterval(this.timer);
	}
}

render(<Counter/>);

 

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

您可能感兴趣的内容

  • 浅谈js防抖和节流小白常识_防抖基础教程

    防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。(信我,你看完肯定就懂了)从滚动条监听的例子说起先说一个常见的功能,很多网站会提供这么一个按钮:用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现,那么我们现在抽象出这个功能需求– 监听浏览器滚动事件,返回当

    2020/03/22
  • bootstrap-tour使用帮助_一个基于Bootstrap的Js用户引导插件

    bootstrap-tour使用帮助 官方网址:http://bootstraptour.com GitHub:https://github.com/sorich87/bootst…

    2020/03/06
  • W3C标准及规范小白教程_规范入门知识

    W3C的意思是万维网联盟(World Wide Web Consortium),创建于1994年10月,是一个会员组织,它的工作是对web进行标准化—>W3C 致力于实现所有的用户都能够对 web 加以利用,W3C 同时与其他标准化组织协同工作W3C 扮演者一个会员组织的角色(—-Microsoft,Apple,Sun Microsystems等 )

    2020/03/30
  • 当我们说某项技术已死,我们在说什么?入门基础_技术基础指南

    马克·吐温曾在给记者的一封信中写道:“有关我死亡的报道有些夸张”。马克·吐温的这句俏皮话用在软件技术从业人员身上是再合适不过了。年复一年,技术专家们掀起了一轮又一轮舆论浪潮,宣称这个或那个技术或趋势已经死亡,或者,如果足够幸运的话,正在走向死亡的路上。我倾向于认为这是一种相对较新的现象,但早在 2009 年,Jeff Atwood 在他的 Coding Ho

    2020/03/23
  • 前端工程师也要掌握的几种文件路径知识菜鸟指南_文件小白入门

    前言之前在做webpack配置时候多次用到路径相关内容,最近在写项目的时候,有一个文件需要上传到阿里云oss的功能,同时本地服务器也需要保留一个文件备份。多次用到了文件路径相关内容以及Node核心API的path模块,所以系统的学习了一下,整理了这篇文章。node中的路径分类node中的路径大致分5类,dirname,filename,process.cwd

    2020/03/26
  • css3中计数器的使用基础指南_css3基础入门

    css3里有个很强大的功能,就是计算器,使用它可以很方便对页面中的任意元素进行计数,实现类似于有序列表的功能。与有序列表相比,突出特性在于可以对任意元素计数,同时实现个性化计数。简而言之,计数器就是采用css给html元素自动生成编号。其本质上是由CSS维护的变量,其值可以通过CSS规则递增以跟踪它们的使用次数。 一、css计数器相关属性:1.counter

    2020/04/03
  • ssh端口转发的三种方式菜鸟教程下载_ssh入门基础

    ssh是我使用最频繁的两个命令行工具之一(另一个则必须是vim)。有了ssh,我可以远程处理各种可能出现的问题而无需肉身到现场。这几天teamviewer被黑的事情影响挺大,于是由远程控制想到了内网穿透,自然而然的想到了ssh的端口转发也能实现内网穿透。再细想一下,发现 ssh隧道 、或者说 端口转发 ,竟然实现了正向代理 、 反向代理 和 内网穿透 三种常

    2020/03/24
  • 小公司的10k前端工程师应该会什么?使用攻略_工程师入门教程

    前些日子,在某论坛看到一帖,问「一线城市中小公司的前端10k应该会什么?」,下面有很多回答,大多数回答的是一些会前端三大基础啊,html,css,JavaScript这些,然后一两个框架。实在是太笼统了,这回做一个总结,写下来,也让更多对编程,对前端感兴趣,并想以此为饭碗的朋友们多了解一下!以下是匿名用户的回答:毕业一年,工资9.5k,加上补贴奖励, 税后1

    2020/03/22
  • CloudMonad小白指南拼接乐高积木一样,通过Web界面组合各种预定义配件实现特定功能的云服务

    CloudMonad指南教程 官方网址:https://cloudmonad.com/ 简介描述:拼接乐高积木一样,通过Web界面组合各种预定义配件实现特定功能的云服务 Cloud…

    2020/03/06
  • 如何让运维不再当落后技术的背锅侠?基础指南_运维入门攻略

    近年来,企业业务规模的急剧上升,导致运维场景的复杂性也呈指数性上升,原本依靠人工经验的运维工作难度也变得更具有挑战性,而基于机器学习的智能运维(AIOps)开始得到企业IT人员的关注。AIOps(Algorithmic IT operations platforms),即基于算法的IT 运维平台,也是DevOps未来发展的一个趋势。简言之,AIOps将机器学

    2020/03/26
  • 推荐好用的python网站开发框架小白攻略_框架小白知识

    python作为解释型脚本语言,是一种通用的编程语言。由于python社区拥有大量的库文件、框架和其他的一些实用工具,我们可以用python完成各种各样的任务。另外,由于python的代码构成和结构就像英语句子一样自然,这种语言的学习曲线也比较平缓。因此和其他语言相比,好多网站开发人员更喜欢用python来确保代码的可读性。然而,python一开始被设计出来

    2020/03/29
  • 大转转FE教程视频_转转团队前端博客

    大转转FE教程视频 官方网址:http://zzfe.org/ 简介描述:转转团队前端博客 转转公司,二手交易C2C平台。 有关大转转FE的战略目标: web页面性能一流…

    2020/03/06
  • 常用报表软件有哪些?入门知识_软件基础入门

    在企业管理过程中,报表往往都会通过一些简洁的图表方式,为大家呈现所有的数据。报表软件,可以在操作的过程中有效提升工作效率,所以有很多企业早就已经选择跟随信息技术的潮流,选择报表软件工具。很多人也一直都在关注免费报表软件有哪些,本文就为大家推荐几款比较常见的。1、润乾我们在查询免费报表软件有哪些时,那么不少人也会发现,传统报表软件中其实也有很多。比如说润乾,这

    2020/03/26
  • Ghost使用帮助基于 Node.js 构建的开源博客平台

    Ghost菜鸟指南 官方网址:https://ghost.org/ GitHub:https://github.com/TryGhost/Ghost 简介描述:基于 Node.js…

    2020/03/06
  • ganlab菜鸟指南_生成对抗网络GAN的交互式可视化实验工具

    ganlab菜鸟指南 官方网址:https://poloclub.github.io/ganlab/ GitHub:https://github.com/poloclub/ganl…

    2020/03/10
  • Thumbnaily零基础入门_在线文字转图片工具

    Thumbnaily零基础入门 官方网址:https://thumbnaily.site/ 简介描述:在线文字转图片工具 「Thumbnaily」是一款免费的在线将文字转图片的工具…

    2020/03/10