57.9k views57.9k
CommentsElectron vs React Storybook
Overview
Share your Stack
Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.
CLI (Node.js)
Manual
Advice on Electron, React Storybook
Detailed Comparison
With Electron, creating a desktop application for your company or idea is easy. Initially developed for GitHub's Atom editor, Electron has since been used to create applications by companies like Microsoft, Facebook, Slack, and Docker. The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on io.js and Chromium and is used in the Atom editor. | You just load your UI components into the React Storybook and start developing them. This functionality allows you to develop UI components rapidly without worrying about the app. It will improve your team’s collaboration and feedback loop. |
Use HTML, CSS, and JavaScript with Chromium and Node.js to build your app.;Electron is open source; maintained by GitHub and an active community.;Electron apps build and run on Mac, Windows, and Linux.;Automatic updates;Crash reporting;Windows installers;Debugging & profiling;Native menus & notifications | Isolated environment for your components (with the use of various iframe tactics);Hot module reloading (even for functional stateless components);Works with any app (whether it's Redux, Relay or Meteor);Support for CSS (whether it's plain old CSS, CSS modules or something fancy);Clean and fast user interface;Runs inside your project (so, it uses your app's NPM modules and babel configurations out of the box);Serves static files (if you host static files inside your app);Deploy the whole storybook as a static app;Extendable as necessary (support for custom webpack loaders and plugins) |
Statistics | |
Stacks 11.6K | Stacks 635 |
Followers 10.0K | Followers 355 |
Votes 148 | Votes 0 |
Pros & Cons | |
Pros
Cons
| Cons
|
Integrations | |
| No integrations available | |
What are some alternatives to Electron, React Storybook?
Sciter
It brings a stack of web technologies to desktop UI development. Web designers, and developers, can reuse their experience and expertise in creating modern looking desktop applications.
wxWidgets
It is a C++ library that lets developers create applications for Windows, macOS, Linux and other platforms with a single code base. It has popular language bindings for Python, Perl, Ruby and many other languages, and unlike other cross-platform toolkits, it gives applications a truly native look and feel because it uses the platform's native API rather than emulating the GUI. It's also extensive, free, open-source and mature.
PrimeNg
It has a rich collection of components that would satisfy most of the UI requirements of your application like datatable, dropdown, multiselect, notification messages, accordion, breadcrumbs and other input components. So there would be no need of adding different libraries for different UI requirements.
Structor
Structor is a visual development environment for node.js Web applications with React UI. The essential part of the builder is a project boilerplate. The boilerplate is a prepacked source code of node.js application in which metainfo included.
Qt5
It is a full development framework with tools designed to streamline the creation of applications and user interfaces for desktop, embedded, and mobile platforms.
JavaFX
It is a set of graphics and media packages that enables developers to design, create, test, debug, and deploy rich client applications that operate consistently across diverse platforms.
React Native Desktop
Build OS X desktop apps using React Native.
JUCE
It is a C++ framework for low-latency applications, with cross-platform GUI libraries to get your apps running on Mac OS X, Windows, Linux, iOS and Android.
Proton Native
Create native desktop applications through a React syntax, on all platforms.
NodeGUI
It is an open source library for building cross-platform native desktop applications with JavaScript and CSS like styling. It is based on Qt5 and NOT chromium, hence it is memory and cpu efficient.
