• Stars
    star
    173
  • Rank 220,124 (Top 5 %)
  • Language
    JavaScript
  • Created over 5 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Starter repository for react based native desktop apps using react-nodegui

react-nodegui-starter

Clone and run for a quick way to see React NodeGui in action.

logo

To Use

To clone and run this repository you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
git clone https://github.com/nodegui/react-nodegui-starter
# Install CMake
brew install cmake
# Go into the repository
cd react-nodegui-starter
# Install dependencies
npm install
# Run the dev server
npm run dev
# Open andother terminal and run the app
npm start

Installation & Resources for learning React NodeGui

Packaging app as a distributable

In order to distribute your finished app, you can use @nodegui/packer

Step 1: (Run this command only once)

npx nodegui-packer --init MyAppName

This will produce the deploy directory containing the template. You can modify this to suite your needs. Like add icons, change the name, description and add other native features or dependencies. Make sure you commit this directory.

Step 2: (Run this command every time you want to build a new distributable)

Next you can run the pack command:

npm run build

This will produce the js bundle along with assets inside the ./dist directory

npx nodegui-packer --pack ./dist

This will build the distributable using @nodegui/packer based on your template. The output of the command is found under the build directory. You should gitignore the build directory.

More details about packer can be found here: https://github.com/nodegui/packer

License

MIT

More Repositories

1

nodegui

A library for building cross-platform native desktop applications with Node.js and CSS 🚀. React NodeGui : https://react.nodegui.org and Vue NodeGui: https://vue.nodegui.org
C++
8,851
star
2

react-nodegui

Build performant, native and cross-platform desktop applications with native React + powerful CSS like styling.🚀
TypeScript
6,177
star
3

svelte-nodegui

Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀
TypeScript
2,846
star
4

vue-nodegui

Build performant, native and cross-platform desktop applications with native Vue + powerful CSS like styling.🚀
TypeScript
805
star
5

packer

Package and deploy apps built with NodeGui to all platforms
TypeScript
206
star
6

examples

Repo containing example apps made with NodeGui and React NodeGui
TypeScript
190
star
7

nodegui-starter

A starter repo for NodeGui projects
TypeScript
123
star
8

qode

DEPRECATED: Please see https://github.com/nodegui/qodejs instead
C++
91
star
9

awesome-nodegui

Useful resources for creating apps with NodeGui
85
star
10

svelte-nodegui-starter

JavaScript
55
star
11

vue-nodegui-starter

starter skeleton repository for vue-nodegui projects
Vue
32
star
12

nodegui-plugin-webview

[WIP] A NodeGui plugin that adds webview support
C++
28
star
13

nodegui-plugin-animation

A NodeGui plugin that adds native animation capabilities to NodeGui widgets and objects. Based on QAnimation
C++
15
star
14

nodegui-plugin-title-bar

Plugin for NodeGUI to hide macOS title bar and leave only traffic lights.
Objective-C++
13
star
15

os-utils

A helper module for NodeGui which contains OS specific native features.
C++
10
star
16

cra-template-react-nodegui

The CRA bootstrap template for creating desktop apps with react-nodegui
JavaScript
8
star
17

nodegui-plugin-example

an example native plugin
C++
6
star
18

postcss-nodegui-autoprefixer

A postcss plugin for prefixing css in NodeGui to make it work with Qt
TypeScript
6
star
19

parcel-plugin-nodegui

official parcel plugin for using and bundling assets with your nodegui app
JavaScript
6
star
20

devtools

React NodeGui's devtools support module.
JavaScript
5
star
21

artifact-installer

An artifact or prebuilt binary/dependency installer for NodeGui. Used to setup minimal Qt installation etc
TypeScript
2
star
22

svelte-nodegui-preprocessor

TypeScript
2
star
23

.github

Default Org health files
1
star