3 ms·
Hi folks this is React Oxide. It's a minimal code editor that runs in a browser. MIT licensed, code at: https://github.com/bootrino/reactoxide https://github.c
by andrewstuart 5y ago
Hi folks this is React Oxide.
It's a minimal code editor that runs in a browser. MIT licensed, code at: https://github.com/bootrino/reactoxide https://github.com/bootrino/reactoxide
I wrote React Oxide because I needed a simple code editor but couldn't find something that included editor, tabs, a file tree and file management.
You can see a YouTube demo at https://youtu.be/OmxKAWeN38I https://youtu.be/OmxKAWeN38I
You can see a live demo at https://www.reactoxide.com https://www.reactoxide.com
It use the Microsoft Monaco editor https://microsoft.github.io/monaco-editor/ https://microsoft.github.io/monaco-editor/
It's written in TypeScript.
The React code is written in a style I call "Event driven React", which means inter component communication is done via event emitters rather than using global or lifted state. So state is almost entirely managed at a component level. I did this because I find state to make React applications complex and hard to debug, whereas this event driven approach I find easier to understand and write. I would not be surprised if someone comes along and tells me why it's a bad idea, but so far it seems to work - perhaps someone can let me know what the drawbacks are of such an approach.