Giter Club home page Giter Club logo

ultralight-react's Introduction


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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.