vadimdemedes/ink: 🌈 React for CLIs


56 bookmarks. First posted by artish july 2017.


Github repo
Name: ink
Tagline: 🌈 React for interactive command-line apps
Languages:
JavaScript = 58409 bytes

<h1 align="center">
<br>
<img width="192" alt="Ink" src="media/logo.png">
<br>
<br>
<br>
</h1>

> React for CLIs. Build and test your CLI output using components.

[![Build Status](https://travis-ci.org/vadimdemedes/ink.svg?branch=master)](https://travis-ci.org/vadimdemedes/ink)

## Install

```
$ npm install ink
```

## Usage

```jsx
const {h, render, Component, Text} = require('ink');

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

this.state = {
i: 0
};
}

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

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

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

render(<Counter/>);
```

<p align="center">
<img src="media/demo.svg" width="600">
</p>

## Useful Components

- [ink-redux](https://github.com/vadimdemedes/ink-redux) - Redux bindings.
- [ink-text-input](https://github.com/vadimdemedes/ink-text-input) - Text input.
- [ink-password-input](https://github.com/vadimdemedes/ink-password-input) - Password input.
- [ink-progress-bar](https://github.com/brigand/ink-progress-bar) - Configurable component for rendering progress bars.
- [ink-spinner](https://github.com/vadimdemedes/ink-spinner) - Spinner.
- [ink-console](https://github.com/ForbesLindesay/ink-console) - Render output from `console[method]` calls in a scrollable panel.
- [ink-image](https://github.com/kevva/ink-image) - Display images inside the terminal.
- [ink-confirm-input](https://github.com/kevva/ink-confirm-input) - Yes/No confirmation input.
- [ink-checkbox-list](https://github.com/MaxMEllon/ink-checkbox-list) - Checkbox.
- [ink-select-input](https://github.com/vadimdemedes/ink-select-input) - Select (dropdown) input.
- [ink-autocomplete](https://github.com/maticzav/ink-autocomplete) - Autocomplete.
- [ink-table](https://github.com/maticzav/ink-table) - Table component.
- [ink-broadcast](https://github.com/jimmed/ink-broadcast) - Implementation of react-broadcast for Ink.
- [ink-router](https://github.com/jimmed/ink-router) - Implementation of react-router for Ink.
- [ink-tab](https://github.com/jdeniau/ink-tab) - Tab component.
- [ink-link](https://github.com/sindresorhus/ink-link) - Link component.
- [ink-select](https://github.com/karaggeorge/ink-select) - Select component.
- [ink-scrollbar](https://github.com/karaggeorge/ink-scrollbar) - Scrollbar component.
- [ink-box](https://github.com/sindresorhus/ink-box) - Box component.
- [ink-text-animation](https://github.com/yardnsm/ink-text-animation) - Text animation component.
-...
github  programming  github-starred-to-pinboard 
5 weeks ago by brianyang
fabianmoronzirfas starred vadimdemedes/ink
github  stars 
6 weeks ago by fabianmoronzirfas
Ink: React for interactive command-line apps. \ht
from twitter_favs
february 2018 by alfredo
It's missing an incredible impl. of React for the CLI by : Ink
from twitter_favs
january 2018 by baskwalla
joeybaker starred vadimdemedes/ink
from:github  from:IFTTT 
december 2017 by joeybaker
curses is the worst and is the best, that is all
from twitter
october 2017 by whyitsjeff
React for CLIs. Build and test your CLI output using components. Install $ npm install ink Usage const { h , render , Component , Text } = require ( ' ink ' );…
from instapaper
august 2017 by kohlmannj
kevinold starred vadimdemedes/ink
from:ifttt  github 
july 2017 by kevinold
React for CLIs. Build and test your CLI output using components.
react  javascript  library  cli 
july 2017 by segfault
React for CLIs. Build and test your CLI output using components.
cli  javascript  react  tools  code 
july 2017 by VoxPelli
chrisyip starred vadimdemedes/ink

via chrisyip’s Activity http://bit.ly/1T0UJAx
github 
july 2017 by chrisyip
ink - 🌈 React for interactive command-line apps
react  cli  javascript  ink  inquirer 
july 2017 by jimthedev
ink – for the command line
from twitter
july 2017 by nn
ink - 🌈 React for CLIs
github  library  cli  reactjs  tools  line  command  react  javascript 
july 2017 by tranqy
dreikanter starred vadimdemedes/ink
from:ifttt  github 
july 2017 by nicferrier
dreikanter starred vadimdemedes/ink
from:ifttt  github 
july 2017 by e30chris
ink - 🌈 React for CLIs
cli  library  javascript  react 
july 2017 by purge
https://redd.it/6m41ew ;;;
https://react-slate.surge.sh/ Render React apps to terminal ;;;
react  shell 
july 2017 by FTS
vadimdemedes/ink: 🌈 React for CLIs 估你唔到
from twitter
july 2017 by jackysee
Ink: React, But For Building CLI Apps -
from twitter_favs
july 2017 by bcbroom
Very cool looking tool to build CLIs
tools  repos  code  javascript  React 
july 2017 by brittanmcg
via Pocket - vadimdemedes/ink Build and test your CLI output using components. Ink's goal is to provide the same component-based UI building experience that React provides, but for CLI. That's why it tries to implement the minimum required functionality of React.
IFTTT  Pocket 
july 2017 by mannieschumpert
Ink: React, but for building CLI apps —
from twitter_favs
july 2017 by juancampa
React for CLIs
cli  react 
july 2017 by linuslundahl
- 🌈 React for CLIs
library  resources  tools  cli  react 
july 2017 by britt