yhnu / ulReact

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


header
Ultralight React Starter

Build desktop applications using a smaller, lighter, cross-platform WebKit that's more customizable and designed to display web technologies like React. This is an Ultralight starter with React.

ultralight

Available Commands

React

Commands you can execute inside the React app directory

Command Description
yarn install Install project dependencies
yarn build Builds code bundle with production settings
yarn start Run a web server to serve built code bundle

Ultralight

Commands you can execute inside the build

Command Description
cmake --build . --config Release Build Ultralight binary without cleaning
cmake --build . --config Release --clean-first Build Ultralight binary

Prerequisites

Before you build and run, you'll need to install the Ultralight prerequisites for your platform.

You also need to install NodeJS to work with React

Development

React

Inside the app folder resides React, you need to install dependencies by executing the following commands

yarn

Before anything else you need to build the react project. You need to do this everytime you want to test the desktop application.

yarn build

Ultralight

Setup the Ultralight build folder, you only have to do this once by executing the following commands

mkdir build
cd build
cmake ..
cmake --build . --config Release

Once the above is setup everytime you need to rebuild the application you need to execute the following on the build directory

cmake --build . --config Release --clean-first

Note you may need to delete the binary eg. MyApp in this case.

Running

Ultralight

On macOS and Linux

Navigate to ultralight-quick-start/build and run MyApp to launch the program.

On Windows

Navigate to ultralight-quick-start/build/Release and run MyApp to launch the program.

React

To run your React application and debug, just go to app folder and execute the

yarn start

Further Reading

Follow the Writing Your First Ultralight App guide and other tutorials in the documentation for more info.

The React application is bootstraped with Create React App

About


Languages

Language:C++ 36.2%Language:CMake 29.5%Language:TypeScript 14.7%Language:HTML 12.7%Language:CSS 6.9%