Delightful Command-Line Interfaces with Node and Ink 🌈

Slides hosted live at https://reactdayberlin-node-cli-talk.netlify.com/ 😁

Ping me on Twitter @hexrcs if you've got any questions, corrections or suggestions for improvements!


Text-based CLI tools are great. They are fast, lightweight, and universally accessible. But what does CLI have to do with React? In this lightning talk, we will have a look at Ink - a wonderful custom React renderer that allows us to use Flexbox to create excellent command-line interfaces with ease. Want to create a companion CLI tool for the next big thing that you are working on? Build it with React!

Usage

Use npm start to spin up a local dev server for the slides. You have to be connected to the Internet for the emojis to load. :)

There are 2 demos you can fire up with npm run counter and npm run wiki.

Stuff Used

Slides made with the amazing mdx-deck. Colorful emojis powered by react-emoji-render, because the way emojis get rendered is so inconsistent across platforms, and I don't want to discriminate any computers. :D

Fonts are Fira Sans and Fira Code. I can't live without ligatures nowadays.

Links and Acknowledgements

NPM modules

Articles

Images

License

The source code inside this repository is released under the GPL-3.0 license.

The content of deck.mdx file is released under the CreativeCommons - Attribution-NonCommercial-ShareAlike 4.0 International license.