Hello 🙋🏻‍♀️

Renee Ghattas

Software Developer @ Qlik

@rghat

@rghattas

Building a CLI tool using React

How do you make a CLI tool using React?

🤔

  • Is a library for building command-line applications using React components.
  • Is a react renderer
  • Can use all react features (hooks, state, context, etc.)
  • Is highly testable because of its component nature
  • Uses chalk for theming and yoga for layout

github.com/vadimdemedes/ink​

import { render, Color } from 'ink';

const Hello = () => <Color green>Hello World</Color>;
render(<Hello/>);

Example Hello World

Output

Built-in Components

  • Box
  • Text
  • Color
  • Static
  • AppContext
  • StdinContext
  • StdoutContext

External Components

Built with Ink

  • emoj - Find relevant emoji on the command-line.
  • gomoku-terminal - Play online Gomoku in the terminal.
  • gatsby-cli - Gatsby is a modern web framework for blazing fast websites.

Demo 💻

https://github.com/rghattas/do-it-cli

Thanks!

@rghat

@rghattas

Made with Slides.com