3 ms·

Flutter uses React model for creating UI and it feels very nice. I would be happy to use this model for standard desktop UI programming as well (Qt, Gtk+).

longnguyen 8y ago
I'm working on react-qml[1] to pursuit that exact goal: bringing React model to desktop UI development. Thought you might be interested. We're running this in production for over a year now and quite happy with that. Team's productivity improved a lot, mostly because of better tooling for desktop development: - Write codes in ES6/7 or TypeScript (transpiling using babel). So the syntax is exactly like what you're writing on the web (not React-like syntax) - Bundling using webpack (with a sensible default, zero-configuration FTW) - Use any front-end library (redux, lodash, rxjs, redux-observable etc.) - Supports Hot Module Reloading (sub-second reloading) - Supports react-devtools & redux-devtools (Time Travel Debugging possible) - Super easy to test & debug in multiple platforms The problem we're facing now is that it required both React & QML knowledge. In the new version, I'm working on completely new APIs to support developing desktop application using only React. Would love to hear your opinions on this approach. [1]: https://github.com/longseespace/react-qml/tree/next/packages/example-with-redux https://github.com/longseespace/react-qml/tree/next/packages...
- lol768 8y ago
  >I'm working on react-qml to pursue that exact goal: bringing React model to desktop UI development This project looks really interesting, definitely something I'll be following. Do you have any plans to expand on documentation a bit more? At present your HN comment tells me more than the README does.
rohan1024 8y ago
There's already work going on in that direction https://github.com/google/flutter-desktop-embedding https://github.com/google/flutter-desktop-embedding

longnguyen 8y ago

I'm working on react-qml[1] to pursuit that exact goal: bringing React model to desktop UI development. Thought you might be interested. We're running this in production for over a year now and quite happy with that. Team's productivity improved a lot, mostly because of better tooling for desktop development: - Write codes in ES6/7 or TypeScript (transpiling using babel). So the syntax is exactly like what you're writing on the web (not React-like syntax) - Bundling using webpack (with a sensible default, zero-configuration FTW) - Use any front-end library (redux, lodash, rxjs, redux-observable etc.) - Supports Hot Module Reloading (sub-second reloading) - Supports react-devtools & redux-devtools (Time Travel Debugging possible) - Super easy to test & debug in multiple platforms The problem we're facing now is that it required both React & QML knowledge. In the new version, I'm working on completely new APIs to support developing desktop application using only React. Would love to hear your opinions on this approach. [1]: https://github.com/longseespace/react-qml/tree/next/packages/example-with-redux https://github.com/longseespace/react-qml/tree/next/packages...

lol768 8y ago
>I'm working on react-qml to pursue that exact goal: bringing React model to desktop UI development This project looks really interesting, definitely something I'll be following. Do you have any plans to expand on documentation a bit more? At present your HN comment tells me more than the README does.

rohan1024 8y ago

There's already work going on in that direction https://github.com/google/flutter-desktop-embedding https://github.com/google/flutter-desktop-embedding