Bun React TUI Todo App

Simple TUI Todo App built with React and Ink, bundled with Bun.

Installation

1. Clone the repository

   git clone https://github.com/AlbertArakelyan/bun-react-tui-todo.git

2. Start editing todo.jsx

3. Build todo.jsx into an executable with Bun

   bun build todo.jsx --compile --outfile todo.exe

   Bun can build into an executable at once.

   Or into native Javascript - dist/todo.js

   bun build todo.jsx --outdir dist --target bun

   Build scripts can be found in package.json as well.

4. Run with Bun

   bun todo.jsx

   Bun can run todo.jsx straightaway without compiling into todo.js with Vite.
   You can run compiled executable straightway as well.

Note

This is one advantages of Bun towards Vite.

Node versions

• nodejs v22.18.0
• npm v11.5.2
• bun v1.3.6

Used Libraries

React

Interactive component based UI library for Javascript.
https://react.dev

Ink

Library which provides TUI components for React and can render jsx in the terminal via render(<App />).
https://github.com/vadimdemedes/ink

ink-text-input

Text input component for Ink.
https://github.com/vadimdemedes/ink-text-input

---

Feeling lucky? Give it a star ⭐ and fork for adding something from your side 😊.

This project was created using bun init in bun v1.3.6. Bun is a fast all-in-one JavaScript runtime.