kusti8/proton-native
Proton Native
Proton Native is a cross-platform desktop framework that compiles React code into native applications for Windows, macOS, and Linux. It enables developers to build desktop applications using the same component syntax and patterns as React Native, with the ability to reuse existing React Native components with minimal modifications. The framework integrates a flexbox layout engine for positioning native desktop widgets and embeds the Node.js runtime for direct filesystem and system-level access.
The framework translates React component trees into native desktop widgets through a bidirectional bridge architecture, where each React component maps to a specific native widget like QPushButton or QLabel. It provides a unified component API that compiles to platform-specific native widgets through a plugin-based backend system, while coordinating asynchronous React updates with the native event loop using a shared message queue. The development environment supports hot reloading, applying code changes instantly to running desktop applications without restarting the process.
Proton Native integrates seamlessly with standard React ecosystem libraries like Redux and allows using any Node.js package directly in the application without compatibility workarounds. The framework's documentation covers installation, component API reference, and development workflow setup for getting started with cross-platform desktop application development.
Features
- React Desktop App Development - Building cross-platform desktop applications for Windows, macOS, and Linux using React components and patterns.
- React Desktop Frameworks - Builds cross-platform desktop applications for Windows, macOS, and Linux using React components and patterns.
- Hot Code Reloading - Update the running application instantly when source files are modified without a full restart.
- Desktop Hot Reloaders - A development environment that applies code changes instantly to running desktop applications without restart.
- React - Applies code changes instantly to running desktop applications without restarting the process.
- Desktop Ports - Create cross-platform desktop applications using the same component syntax and patterns as React Native.
- Node.js Desktop Integration - Using standard Node.js packages for filesystem, process, and system-level functionality inside a desktop application.
- Node.js Runtime Integration - Embeds the full Node.js runtime alongside the React renderer, enabling direct access to filesystem, process, and native modules.
- Bridge Architectures - Translates React component trees into native desktop widgets through a bidirectional JSON message protocol between JavaScript and native processes.
- Cross-Platform Desktop Development - Building desktop applications for Windows, macOS, and Linux from a single React codebase without platform-specific rewrites.
- Plugin-Based Backend Abstractions - Provides a unified component API that compiles to platform-specific native widgets (Windows, macOS, Linux) through a plugin-based backend system.
- Desktop Flexbox Layouts - Positioning and styling desktop interface elements using CSS flexbox layout properties.
- JavaScript - Implements CSS flexbox layout calculations in JavaScript, then passes computed positions to native widgets for pixel-perfect rendering.
- Native Rendering Bridges - Translates React component trees into native desktop widgets through a bidirectional JSON message protocol between JavaScript and native processes.
- React-to-Native Widget Mappings - Each React component maps to a specific native desktop widget (e.g., QPushButton, QLabel) via a declarative configuration layer.
- Cross-Platform Desktop Frameworks - An environment that compiles React code into native desktop applications for Windows, macOS, and Linux.
- WebSocket-Based Module Replacement - Replaces component modules in memory without restarting the native process, using a WebSocket-based update stream and incremental re-rendering.
- Desktop Adaptations - Port existing React Native components to desktop platforms with few or no changes.
- React-Native Event Loop Bridges - Coordinates asynchronous React updates with the native event loop using a shared message queue and batched state synchronization.
- Node.js Package Compatibility - Use any standard Node.js package directly in the application without compatibility workarounds.
- Desktop Widget Backends - Provides a unified component API that compiles to platform-specific native widgets through a configurable plugin-based backend architecture.
- Desktop - Implements CSS flexbox layout calculations in JavaScript for positioning native desktop widgets.
- Flexbox - Lay out and style user interface elements using Flexbox and standard CSS properties.
- React Libraries - Use standard React ecosystem libraries like Redux without needing special adapters.
