{"id":16232453,"url":"https://github.com/geocine/ultralight-react","last_synced_at":"2025-03-19T14:31:14.064Z","repository":{"id":148352364,"uuid":"338350379","full_name":"geocine/ultralight-react","owner":"geocine","description":"Build desktop applications with Ultralight and React","archived":false,"fork":false,"pushed_at":"2021-02-27T07:15:20.000Z","size":357,"stargazers_count":22,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T08:12:54.508Z","etag":null,"topics":["desktop-application","electron","reactjs","ultralight","webkit"],"latest_commit_sha":null,"homepage":"","language":"C++","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/geocine.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-02-12T15:03:22.000Z","updated_at":"2025-01-30T08:23:15.000Z","dependencies_parsed_at":"2023-05-24T00:00:53.000Z","dependency_job_id":null,"html_url":"https://github.com/geocine/ultralight-react","commit_stats":{"total_commits":3,"total_committers":2,"mean_commits":1.5,"dds":"0.33333333333333337","last_synced_commit":"a8ddc72ebf6ba2a83e2356dc5e799d170aad6f67"},"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fultralight-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fultralight-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fultralight-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fultralight-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geocine","download_url":"https://codeload.github.com/geocine/ultralight-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244444581,"owners_count":20453748,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["desktop-application","electron","reactjs","ultralight","webkit"],"created_at":"2024-10-10T13:09:03.240Z","updated_at":"2025-03-19T14:31:14.046Z","avatar_url":"https://github.com/geocine.png","language":"C++","readme":"\u003ch1 align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://github.com/geocine/ulralight-react#readme\"\u003e\u003cimg src=\"https://i.imgur.com/G4Szs99.png\" alt=\"header\" width=\"600\"/\u003e\u003c/a\u003e\n  \u003cbr\u003e\n  Ultralight React Starter\n  \u003cbr\u003e\n\u003c/h1\u003e\n\nBuild 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](https://github.com/ultralight-ux/Ultralight) starter with [React](https://github.com/facebook/react). \n\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://i.imgur.com/3QF2ZPv.png\" alt=\"ultralight\" width=\"600\"/\u003e\n\u003c/p\u003e\n\n## Available Commands\n\n### React\nCommands you can execute inside the [React](https://github.com/facebook/react) `app` directory\n\n| Command | Description |\n|---------|-------------|\n| `yarn install` | Install project dependencies |\n| `yarn build` | Builds code bundle with production settings  |\n| `yarn start` | Run a web server to serve built code bundle |\n\n### Ultralight\nCommands you can execute inside the build \n\n| Command | Description |\n|---------|-------------|\n| `cmake --build . --config Release` | Build Ultralight binary without cleaning |\n| `cmake --build . --config Release --clean-first` | Build Ultralight binary |\n\n## Prerequisites\n\nBefore you build and run, you'll need to [install the Ultralight prerequisites](https://docs.ultralig.ht/docs/installing-prerequisites) for your platform.\n\nYou also need to [install NodeJS](https://nodejs.org/en/download/) to work with React\n## Development\n\n### React\n\nInside the `app` folder resides React, you need to install dependencies by executing the following commands\n\n```shell\nyarn\n```\n\nBefore anything else you need to build the react project. You need to do this everytime you want to test the desktop application.\n\n```shell\nyarn build\n```\n\n### Ultralight\n\nSetup the Ultralight build folder, you only have to do this once by executing the following commands\n\n```shell\nmkdir build\ncd build\ncmake ..\ncmake --build . --config Release\n```\n\nOnce the above is setup everytime you need to rebuild the application you need to execute the following on the `build` directory\n\n```shell\ncmake --build . --config Release --clean-first\n```\n\n\u003e Note you may need to delete the binary eg. `MyApp` in this case.\n\n\n## Running\n\n### Ultralight \n#### On macOS and Linux\n\nNavigate to `ultralight-quick-start/build` and run `MyApp` to launch the program.\n\n#### On Windows\n\nNavigate to `ultralight-quick-start/build/Release` and run `MyApp` to launch the program.\n\n### React\n\nTo run your React application and debug, just go to `app` folder and execute the\n```shell\nyarn start\n```\n\n## Further Reading\n\nFollow the [Writing Your First Ultralight App](https://docs.ultralig.ht/docs/writing-your-first-app) guide and other tutorials in the documentation for more info.\n\nThe React application is bootstraped with [Create React App](https://create-react-app.dev/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeocine%2Fultralight-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeocine%2Fultralight-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeocine%2Fultralight-react/lists"}