{"id":32641463,"url":"https://github.com/arolleaguekeng/angular19-hmr","last_synced_at":"2026-07-08T09:31:35.282Z","repository":{"id":292935816,"uuid":"982429442","full_name":"arolleaguekeng/angular19-hmr","owner":"arolleaguekeng","description":null,"archived":false,"fork":false,"pushed_at":"2025-05-12T21:52:35.000Z","size":123,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-31T02:59:01.925Z","etag":null,"topics":["angular","hot-module-replacement"],"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/arolleaguekeng.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-05-12T21:48:47.000Z","updated_at":"2025-06-09T22:47:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"52d117c2-be68-446e-9c50-4b9c64d545f9","html_url":"https://github.com/arolleaguekeng/angular19-hmr","commit_stats":null,"previous_names":["arolleaguekeng/angular19-hmr"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/arolleaguekeng/angular19-hmr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arolleaguekeng%2Fangular19-hmr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arolleaguekeng%2Fangular19-hmr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arolleaguekeng%2Fangular19-hmr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arolleaguekeng%2Fangular19-hmr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arolleaguekeng","download_url":"https://codeload.github.com/arolleaguekeng/angular19-hmr/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arolleaguekeng%2Fangular19-hmr/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35260671,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-08T02:00:06.796Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","hot-module-replacement"],"created_at":"2025-10-31T02:57:18.899Z","updated_at":"2026-07-08T09:31:35.277Z","avatar_url":"https://github.com/arolleaguekeng.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular 19 HMR Demo\n\nThis project demonstrates Hot Module Replacement (HMR) functionality in Angular 19. Created for the Devtrio newsletter as an example of how HMR can improve the development experience.\n\n## Features\n\n- Simple form with two-way binding\n- Counter component with increment/decrement functionality\n- Modern UI with responsive design\n- Demonstrates HMR capabilities\n\n## Development server\n\n### Without HMR\n\nTo run the application without Hot Module Replacement:\n\n```bash\nng serve --no-hmr\n```\n\nThis will start the development server in traditional mode, where the page will fully reload when you make changes.\n\n### With HMR (Default)\n\nTo run the application with Hot Module Replacement enabled:\n\n```bash\nng serve\n```\n\nOnce the server is running, open your browser and navigate to `http://localhost:4200/`.\n\nWith HMR enabled, you can:\n- Modify component styles\n- Update template logic\n- Change component state\n\nAnd see the changes instantly without losing the current state of your application!\n\n## Testing HMR\n\nTry these modifications while the app is running:\n\n1. Change button colors in `app.component.css`\n2. Modify the counter logic in `app.component.ts`\n3. Update the template in `app.component.html`\n\nWith HMR enabled, you'll see your changes immediately without losing your application state!\n\n## Code scaffolding\n\nAngular CLI includes powerful code scaffolding tools. To generate a new component, run:\n\n```bash\nng generate component component-name\n```\n\nFor a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:\n\n```bash\nng generate --help\n```\n\n## Building\n\nTo build the project run:\n\n```bash\nng build\n```\n\nThis will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.\n\n## Running unit tests\n\nTo execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:\n\n```bash\nng test\n```\n\n## Running end-to-end tests\n\nFor end-to-end (e2e) testing, run:\n\n```bash\nng e2e\n```\n\nAngular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.\n\n## About This Demo\n\nThis demo was created for the Devtrio newsletter to showcase modern Angular features and development practices. It demonstrates how HMR can significantly improve the development experience by maintaining application state during code changes.\n\n## Additional Resources\n\nFor more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.\n\n## Further Help\n\nTo learn more about Angular CLI commands, use `ng help` or visit the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farolleaguekeng%2Fangular19-hmr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farolleaguekeng%2Fangular19-hmr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farolleaguekeng%2Fangular19-hmr/lists"}