~/talk

React for Command-Line Interfaces! (feat. Ink)

Talkat React Day Berlin 2019 · on Friday, 2019-12-06· [react, web-platform]
name:Xiaoru Li
github:xiaorli
slides:none on file

Demos show a working pipeline that renders React components as terminal output using Ink custom renderer and emits ANSI codes so text styling and cursor moves work rather than manual escape hell. Layout uses flexbox layout in terminal, input handles arrow keys, and Markdown rendering produces menus. Project scaffolding resembles Next with Pastel routing like Next for subcommands, and for full-screen interactive apps there is react-blessed for full-screen apps, all presented as concrete libraries and runnable examples.

AI-written summary · about

  1. 0:00Intro
  2. 1:49NCescape Code
  3. 2:10Update Line
  4. 2:26Terminal Emulator
  5. 2:55Ink
  6. 3:23Flexbox
  7. 4:08Pastel
  8. 4:40React Blessed
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.