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!
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
.
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.
NPM modules
Articles
- Awesome List - Node CLI utils
- More about ANSI escape code
- A great article on building vanilla CLI tools with Python
- Render MDX to the Terminal with Ink
Images
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.