[Eng Sub]Printing Receipts with React: How to Create POS with JavaScript by Seokju
summary
Shows how a working POS prints receipts from JavaScript: connects over serial (or Node serialport), sets baudRate (115200 example), encodes text to Uint8Array and issues ESC/POS commands to feed, cut, print barcodes and use EUC-KR for Korean. Implements a custom React renderer so JSX -> Uint8Array and also renders a DOM preview, and publishes the result as react-thermal-printer, using the Web Serial API and raw ESC/POS command sequences.
AI-written summary · about
chapters (13)
- 0:00Printing receipts with React
- 1:38POS system overview
- 3:29Thermal printers and ports
- 6:49Serial ports in JavaScript
- 11:10Thermal printer commands
- 13:23Korean text printing
- 14:49Printer class for commands
- 15:58Receipts as declarative UI
- 17:04React for receipt printing
- 18:16Custom React renderers
- 20:12Print function for React
- 20:59Receipt preview in browser
- 21:21react-thermal-printer
related talks
31mMaking money with Project Fugu: building a cash register with web technologies
55mReactive PDF Printing
01h 23mSelling all the things: building online payments in JavaScript
27mUnderstanding JavaScript Libraries via React and the React Ecosystem
24mYour Credit Card was made with JavaScript
05mReact for Command-Line Interfaces! (feat. Ink)
38mSOLID JavaScript
25mDecentralizing with QR Codes