NativeBase vs React Native Desktop

Overview

React Native Desktop

Stacks15

Followers203

Votes11

NativeBase

Stacks85

Followers273

Votes3

GitHub Stars20.4K

Forks2.4K

NativeBase vs React Native Desktop: What are the differences?

1. Key difference: UI Components NativeBase is a popular UI component library for React Native applications, providing a set of pre-built components that can be used to create user interfaces. On the other hand, React Native Desktop is a framework that allows you to build desktop applications using React Native. It does not come with pre-built UI components like NativeBase, so you would need to rely on other UI libraries or build your own components.
2. Key difference: Platform Support Another key difference between NativeBase and React Native Desktop is the platform support. NativeBase is specifically designed for mobile platforms, such as iOS and Android, as it is built on top of React Native. React Native Desktop, as the name suggests, extends the capabilities of React Native to desktop platforms like Windows, macOS, and Linux.
3. Key difference: Styling NativeBase comes with built-in theming options and styling utilities to easily customize the look and feel of the UI components. It provides a set of predefined themes and allows for easy customization using Sass variables. React Native Desktop, on the other hand, relies on CSS for styling, similar to web applications. It follows the box model and supports flexbox layout for responsive designs.
4. Key difference: Navigation NativeBase has built-in support for navigation using the React Navigation library. It provides a set of navigation components and a navigation container to manage screens and navigate between them. React Native Desktop, while compatible with React Navigation, does not provide any built-in navigation components. You would need to use a navigation library specifically designed for desktop applications or implement your own navigation solution.
5. Key difference: Desktop-specific Features React Native Desktop provides additional features and APIs specifically for desktop applications. It allows you to access system-level functionality, such as system tray interaction, menu bars, keyboard shortcuts, and file system access. These features are not available out of the box in NativeBase, as it focuses on providing UI components for mobile platforms.
6. Key difference: Development Environment To use NativeBase, you would need to have a development environment set up for React Native, including Node.js, a package manager like npm or Yarn, and the necessary SDKs for iOS and Android development. React Native Desktop, being an extension of React Native, requires a similar development environment setup for desktop platforms like Windows, macOS, or Linux.

In summary, NativeBase is a UI component library for React Native mobile applications, while React Native Desktop extends the capabilities of React Native to desktop platforms, providing desktop-specific features and APIs.

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.

View Docs

CLI (Node.js)

Manual

Advice on React Native Desktop, NativeBase

Semih

Software Engineering Manager

Oct 1, 2020

Needs adviceon

JavaScript

HTML5

.NET

Hi,

We are planning to develop a brand new UX for an already existing desktop software. The previous version is developed on C#.NET with Winforms & WPF. Our plan is to use JavaScript/HTML5 based frontend technologies for the new software. For some components, we are highly dependent on .NET/ .NET Core because the JS-based versions are not mature enough.

What would you choose for a desktop-based Engineering Software that supports multi-OS and has rich UI capabilities considering the .NET dependencies?

Thanks in advance,

Semih

57.9k views57.9k

Comments

Detailed Comparison

React Native Desktop	NativeBase
Build OS X desktop apps using React Native.	NativeBase is a free and open source framework that enables developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6. NativeBase builds a layer on top of React Native that provides you with basic set of components for mobile application development. This helps you to build world-class application experiences on native platforms.
Statistics
GitHub Stars -	GitHub Stars 20.4K
GitHub Forks -	GitHub Forks 2.4K
Stacks 15	Stacks 85
Followers 203	Followers 273
Votes 11	Votes 3
Pros & Cons
Pros 3 Pretty awesome 2 Is native app 2 Memory usage reduced 2 Does not include any browser 1 Open source Cons 0 Memory usage reduced	Pros 3 Easy setup and use
Integrations
React Native	React Native

What are some alternatives to React Native Desktop, NativeBase?

Ionic

Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.

Flutter

Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

React Native

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

Xamarin

Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.

NativeScript

NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.

Apache Cordova

Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.

Framework7

It is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS native look and feel. All you need to make it work is a simple HTML layout and attached framework's CSS and JS files.

Electron

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.

Qt

Qt, a leading cross-platform application and UI framework. With Qt, you can develop applications once and deploy to leading desktop, embedded & mobile targets.

PhoneGap

PhoneGap is a web platform that exposes native mobile device apis and data to JavaScript. PhoneGap is a distribution of Apache Cordova. PhoneGap allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platforms' native development language. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's sensors, data, and network status.

Related Comparisons

NativeBase vs React Native Desktop: What are the differences?

1. Key difference: UI Components NativeBase is a popular UI component library for React Native applications, providing a set of pre-built components that can be used to create user interfaces. On the other hand, React Native Desktop is a framework that allows you to build desktop applications using React Native. It does not come with pre-built UI components like NativeBase, so you would need to rely on other UI libraries or build your own components.
2. Key difference: Platform Support Another key difference between NativeBase and React Native Desktop is the platform support. NativeBase is specifically designed for mobile platforms, such as iOS and Android, as it is built on top of React Native. React Native Desktop, as the name suggests, extends the capabilities of React Native to desktop platforms like Windows, macOS, and Linux.
3. Key difference: Styling NativeBase comes with built-in theming options and styling utilities to easily customize the look and feel of the UI components. It provides a set of predefined themes and allows for easy customization using Sass variables. React Native Desktop, on the other hand, relies on CSS for styling, similar to web applications. It follows the box model and supports flexbox layout for responsive designs.
4. Key difference: Navigation NativeBase has built-in support for navigation using the React Navigation library. It provides a set of navigation components and a navigation container to manage screens and navigate between them. React Native Desktop, while compatible with React Navigation, does not provide any built-in navigation components. You would need to use a navigation library specifically designed for desktop applications or implement your own navigation solution.
5. Key difference: Desktop-specific Features React Native Desktop provides additional features and APIs specifically for desktop applications. It allows you to access system-level functionality, such as system tray interaction, menu bars, keyboard shortcuts, and file system access. These features are not available out of the box in NativeBase, as it focuses on providing UI components for mobile platforms.
6. Key difference: Development Environment To use NativeBase, you would need to have a development environment set up for React Native, including Node.js, a package manager like npm or Yarn, and the necessary SDKs for iOS and Android development. React Native Desktop, being an extension of React Native, requires a similar development environment setup for desktop platforms like Windows, macOS, or Linux.

NativeBase vs React Native Desktop

Overview