{"id":19598079,"url":"https://github.com/ganatan/angular-react-lazy-loading","last_synced_at":"2025-04-09T12:04:35.649Z","repository":{"id":42572503,"uuid":"159183867","full_name":"ganatan/angular-react-lazy-loading","owner":"ganatan","description":"Angular 19 \u0026 React 18 Examples Lazy Loading","archived":false,"fork":false,"pushed_at":"2025-03-17T13:44:41.000Z","size":7273,"stargazers_count":49,"open_issues_count":10,"forks_count":30,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-02T09:09:26.807Z","etag":null,"topics":["angular","angular16","angular17","angular18","angular19","create-router-dom","lazy-loading","react","react18","router","routing","starter","suspense"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/ganatan.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":"2018-11-26T14:39:00.000Z","updated_at":"2025-03-17T13:44:45.000Z","dependencies_parsed_at":"2025-01-01T21:12:11.730Z","dependency_job_id":"97dbb055-66ba-45b4-9cc3-af2e64113d5e","html_url":"https://github.com/ganatan/angular-react-lazy-loading","commit_stats":{"total_commits":183,"total_committers":4,"mean_commits":45.75,"dds":"0.23497267759562845","last_synced_commit":"f06cf8563b99652a8735ac2ec5576321dfa7d98d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ganatan%2Fangular-react-lazy-loading","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ganatan%2Fangular-react-lazy-loading/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ganatan%2Fangular-react-lazy-loading/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ganatan%2Fangular-react-lazy-loading/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ganatan","download_url":"https://codeload.github.com/ganatan/angular-react-lazy-loading/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248036063,"owners_count":21037092,"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":["angular","angular16","angular17","angular18","angular19","create-router-dom","lazy-loading","react","react18","router","routing","starter","suspense"],"created_at":"2024-11-11T09:04:33.864Z","updated_at":"2025-04-09T12:04:35.629Z","avatar_url":"https://github.com/ganatan.png","language":"TypeScript","readme":"# Angular 19 \u0026 React 18 Examples Lazy Loading\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n  \u003ca href=\"https://www.ganatan.com/en\"\u003e\n    \u003cimg src=\"./img/ganatan-about-github.png\" align=\"right\"\n    alt=\"Ganatan Angular Example routing\" width=\"140\" height=\"140\"\u003e\n  \u003c/a\u003e\n\nit's part of a repo series designed\n\nto create a **Web Application with Angular 19**\n\n\n* Featuring [**Angular 19.2.2**](https://github.com/angular/angular/releases) \u0026 [**Angular CLI 19.2.3**](https://github.com/angular/angular-cli/releases/)\n\n\n* See the [**Live demo**](#angular-live-demo), Test the repo with [**Quick start**](#angular-quick-start) and for more information Read the step by step [**Tutorial**](#angular-tutorial) or read the [**Getting started**](#angular-getting-started)\n\n\nto create a **Web Application with React 18**\n\n\n* Featuring [**React 18.3.1**](https://github.com/facebook/react/releases) \u0026 [**Create-react-app 5.0.1**](https://github.com/facebook/create-react-app/releases)\n\n\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n# [Angular Live Demo](#angular-live-demo)\nHere is a working live demo :  https://angular.ganatan.com\n\n\u003cp align=\"center\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://angular.ganatan.com/\"\u003e\n      \u003cimg src=\"https://media.giphy.com/media/9BuBBLc7keCgRojp92/giphy.gif\" alt=\"Angular 14 Example \n      Application\"/\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n\n# [Angular Quick start](#angular-quick-start)\n\n```bash\n# choose a repo\n# download the example or clone the repo from github\ngit clone https://github.com/ganatan/angular-react-lazy-loading.git\n\n# download the example or clone the repo from gitlab\ngit clone https://gitlab.com/ganatan/angular-react-lazy-loading.git\n\n# change directory\ncd angular-react-lazy-loading\ncd frontend-angular\n\n# install the repo with npm\nnpm install\n\n# start the server\nnpm start\n\n```\nin your browser go to [http://localhost:4200](http://localhost:4200) \n\n\n# [React Quick start](#react-quick-start)\n\n```bash\n# choose a repo\n# download the example or clone the repo from github\ngit clone https://github.com/ganatan/angular-react-lazy-loading.git\n\n# download the example or clone the repo from gitlab\ngit clone https://gitlab.com/ganatan/angular-react-lazy-loading.git\n\n# change directory\ncd angular-react-lazy-loading\ncd frontend-react\n\n# install the repo with npm\nnpm install\n\n# start the server\nnpm start\n\n```\nin your browser go to [http://localhost:3000](http://localhost:3000) \n\n\n\n# [Tutorial](#quick-start)\n\nHere is a step by step Tutorial :  https://www.ganatan.com/tutorials/lazy-loading-with-angular\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.ganatan.com/tutorials/lazy-loading-with-angular\"\u003e\n    \u003cimg src=\"https://api.ganatan.com/articles/img/tutorial-lazy-loading-avec-angular.png\" alt=\"Demo example\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n# [Angular Getting started](#angular-getting-started)\n\n\n## Installation\n* `npm install` (installing dependencies)\n* `npm outdated` (verifying dependencies)\n\n## Development\n* `npm run start`\n* in your browser go to [http://localhost:4200](http://localhost:4200) \n\n## Production \n* `npm run build`\n\n## Linter\n* `npm run lint`\n\n## Tests\n* `npm run test`\n* `npm run coverage`\n\n\n\n# [React Getting started](#react-getting-started)\n\n\n## Installation\n* `npm install` (installing dependencies)\n* `npm outdated` (verifying dependencies)\n\n## Development\n* `npm run start`\n* in your browser go to [http://localhost:3000](http://localhost:3000) \n\n## Production \n* `npm run build`\n\n## Linter\n* `npm run lint`\n\n## Tests\n* `npm run test`\n* `npm run coverage`\n\n\n\n# [Author](#author)\n* Author  : danny\n\n## [English Tutorials](#english-tutorials)\n- Installation - https://www.ganatan.com/tutorials/lazy-loading-with-angular\n- step-by-step Tutorials - https://www.ganatan.com/tutorials/en\n\n## [Tutoriels en français](#french-tutorials)\n- Installation - https://www.ganatan.com/tutorials/lazy-loading-avec-angular\n- Tutoriels Etape par étape - https://www.ganatan.com/tutorials\n\n\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fganatan%2Fangular-react-lazy-loading","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fganatan%2Fangular-react-lazy-loading","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fganatan%2Fangular-react-lazy-loading/lists"}