Skip to content

Latest commit

 

History

History
79 lines (56 loc) · 1.48 KB

readme.md

File metadata and controls

79 lines (56 loc) · 1.48 KB

r-tui (react terminal UI)

A simplified version of ink

export default function App() {
  return (
    <Box
      width={'100%'}
      height={'100%'}
      display="flex"
      flexDirection="row"
      justifyContent="center"
      alignItems="center"
    >
      <Box color="red" text={'hello'} />
      <Box color="green" text={'♥'} />
      <Box color="blue" text={'world'} />
    </Box>
  );
}

flex

api polyfill

For more convenient use, please ensure that the running environment contains at least the following APIs

input

process.stdin.setRawMode
process.stdin.read
process.stdin.addListener("readable", cb)
process.stdin.addListener("data", cb)
process.stdout.rows
process.stdout.columns

output

process.stdout.write

example

cmd

snake

ls

life game

txiki.js

r-tui-txiki-react r-tui-txiki-solidjs

perf

perf size time
react 123K 40ms
solid 32K 40ms

todo

  • support yoga-wasm-web api
  • custom event