react-blessed-hot-motion
This is a demo of a custom React Blessed console renderer (warning: very early preview, many things don’t work) using React Motion for animation, and Webpack for listening to code hot updates.
It also demonstrates the use of React Transform Babel plugin together with:
- react-transform-webpack-hmr for live editing React components;
- react-transform-catch-errors for catching errors inside
render()
.
If you still don’t believe it, yes, it’s a proper command line Node application (no DOM or JSDOM or anything—it uses Blessed under the hood) that is written with React and can use some tools and libraries from React ecosystem. And you can edit it live. And even catch errors inside render()
:
It is based on @jlongster’s amazing Backend with Webpack example that shows how to integrate hot reloading into a Node (server) app.
Of course, it is only possible thanks to Yomguithereal’s work on React Blessed.
Running
git clone https://github.com/gaearon/react-blessed-hot-motion.git
cd react-blessed-hot-motion
npm install
npm start
You may then edit files inside src/components/*
. Not everything works, as React Blessed is hardly feature complete, but you should be able to tweak colors and change text while the app is running.