How To Build a CLI With Node.js and React

• Ink

  65 25,976 6.2 TypeScript

  🌈 React for interactive command-line apps

You're going to build the CLI using Ink, a React component-based library for building interactive CLIs. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Ink as well. Ink is simply a React renderer for the terminal, so all the React features are supported. No need to learn a new syntax specific to Ink.

• yoga

  23 16,991 9.5 C++

  Yoga is an embeddable layout engine targeting web standards.

  

You're going to build the CLI using Ink, a React component-based library for building interactive CLIs. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Ink as well. Ink is simply a React renderer for the terminal, so all the React features are supported. No need to learn a new syntax specific to Ink.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• meow

  4 3,504 7.0 JavaScript

  🐈 CLI app helper

You will notice that it is using meow to read the command and flags. Afterward, it passes the flags to the ui component and renders it. meow is a helper library to parse arguments. The text passed to meow() is the help text shown when you call create-micro-service --help.

• function-template-js

  1 0 10.0 JavaScript

  Template used as the basis for kazi functions

  

The clone() function will then clone the files into the specified directory. The directory name will be the --name flag from the command line. You can find the template’s GitHub repository at github.com/kazi-faas/function-template-js.

• Micro

  10 10,534 0.0 TypeScript

  Asynchronous HTTP microservices (by vercel)

  

micro: A library for asynchronous HTTP microservices.

• ink-task-list

  1 28 0.0 TypeScript

  Task runner components for Ink

You're going to update ui.js to scaffold a new project and show the progress of that action in the terminal. You will use ink-task-list, a task list component for Ink, to display a list of tasks and their progress. You need to install this component to use it.

• create-micro-service-tutorial

  1 3 10.0 JavaScript

  A CLI to scaffold a new micrservice project. This is for teaching purpose only

You can get this tutorial's code on GitHub—github.com/pmbanugo/create-micro-service-tutorial

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project