{"id":26229894,"url":"https://github.com/lgdd/lfr-react-remote-app","last_synced_at":"2026-05-09T09:04:57.255Z","repository":{"id":44844925,"uuid":"513048530","full_name":"lgdd/lfr-react-remote-app","owner":"lgdd","description":"Template for React Remote App in Liferay DXP/Portal.","archived":false,"fork":false,"pushed_at":"2024-02-16T15:19:11.000Z","size":166,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-12T22:18:11.681Z","etag":null,"topics":["liferay","liferay-dxp","liferay-portal","react","remote-app"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/lgdd.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}},"created_at":"2022-07-12T07:50:03.000Z","updated_at":"2022-07-12T08:25:40.000Z","dependencies_parsed_at":"2022-09-01T19:12:23.986Z","dependency_job_id":null,"html_url":"https://github.com/lgdd/lfr-react-remote-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/lgdd/lfr-react-remote-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgdd%2Flfr-react-remote-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgdd%2Flfr-react-remote-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgdd%2Flfr-react-remote-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgdd%2Flfr-react-remote-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lgdd","download_url":"https://codeload.github.com/lgdd/lfr-react-remote-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgdd%2Flfr-react-remote-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265542297,"owners_count":23785205,"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":["liferay","liferay-dxp","liferay-portal","react","remote-app"],"created_at":"2025-03-12T22:18:14.324Z","updated_at":"2026-05-09T09:04:57.148Z","avatar_url":"https://github.com/lgdd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![React version](https://img.shields.io/github/package-json/dependency-version/lgdd/lfr-react-remote-app/react)\n\n# Liferay React Remote App (Client Extension)\n\nThis is a template intended for tests \u0026 demos. The webpack configuration included is not optimized for production environments.\n\n## Using this template\n\nBy default, the custom element name is `lfr-react-remote-app`. You can change it in [src/index.js](src/index.js#L7):\n\n```js\nconst ELEMENT_ID = 'lfr-react-remote-app';\n```\n\nThis template is using a custom webpack configuration to build your application in a single file (`bundle.js`) making easier to create a _Remote App_ in Liferay DXP/Portal.\n\nYou can find multiple scripts in [package.json](package.json#L14) not using `react-scripts`:\n\n- `start`: watch files under `src/` and run `serve` if there is any change which allows you to keep the single file approach on localhost.\n- `serve`: run the `build` script and serve static files under the `build` folder on port `3000`.\n- `build`: transpile your application into a `build` folder using webpack and its [configuration](webpack.config.js).\n\n\u003e You can still run the standard react scripts with `start:react` and `build:react`.\n\n## Deploy to Netlify\n\n\u003e Documentation: https://docs.netlify.com/site-deploys/create-deploys/\n\nWhy **Netlify**? Because **it's awesome!** Once your repository is linked, you have an automatic deployment each time you push changes to your repository. And by default, Netlify uses `cache-control: public, max-age=0, must-revalidate` to serve your application which means that you are able to see each changes live. Very useful for tests and demos, and if needed you can have [custom HTTP Headers](https://docs.netlify.com/routing/headers/) using a config file. Cherry on the cake, they provide a very fair free tier based on bandwith and build frequency (cf. [Pricing](https://www.netlify.com/pricing/)).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flgdd%2Flfr-react-remote-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flgdd%2Flfr-react-remote-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flgdd%2Flfr-react-remote-app/lists"}