{"id":21585111,"url":"https://github.com/angular-ru/angular-ngx-kit","last_synced_at":"2025-03-18T09:13:36.083Z","repository":{"id":90970924,"uuid":"118115891","full_name":"Angular-RU/angular-ngx-kit","owner":"Angular-RU","description":"Boost your Angular development","archived":false,"fork":false,"pushed_at":"2019-03-13T17:01:20.000Z","size":4,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-01-24T15:29:12.370Z","etag":null,"topics":["angular","kit","ng-kit","ngx-kit","translate"],"latest_commit_sha":null,"homepage":null,"language":null,"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/Angular-RU.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-01-19T11:12:15.000Z","updated_at":"2019-01-26T18:52:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"75d7e6f9-8984-4459-b27e-78442d664b07","html_url":"https://github.com/Angular-RU/angular-ngx-kit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angular-RU%2Fangular-ngx-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angular-RU%2Fangular-ngx-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angular-RU%2Fangular-ngx-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angular-RU%2Fangular-ngx-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Angular-RU","download_url":"https://codeload.github.com/Angular-RU/angular-ngx-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244189829,"owners_count":20412991,"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","kit","ng-kit","ngx-kit","translate"],"created_at":"2024-11-24T15:09:05.942Z","updated_at":"2025-03-18T09:13:36.077Z","avatar_url":"https://github.com/Angular-RU.png","language":null,"readme":"[\u003cimg src=\"https://avatars2.githubusercontent.com/u/27778577?s=200\u0026v=4\" align=\"right\" width=\"131\" height=\"143\"\u003e](https://github.com/ngx-kit)\n\n# Angular ngx-kit  [![Angular-RU](https://img.shields.io/badge/Github:-ng_kit-35a9ff.svg?style=flat)](https://github.com/ngx-kit) [![npm version](https://badge.fury.io/js/%40ngx-kit%2Fcore.svg)](https://www.npmjs.com/@ngx-kit/core)\n\nПриветсвую всех участников и гостей сообщества Angular-RU. На данной странице вы найдете информацию об [ngx-kit](https://ngx-kit.com) на русском языке.\n\nЕсли вы активно работаете с Angular, то наверняка сталкивались с тем, что сторонний компонент не поддерживает какой-то функционал, работает неправильно или выглядит не совсем так, как того требует заказчик-дизайнер-бизнес.\n\nNgx-kit - это не классическая либа компонентов, а набор генераторов. Что дает возможность быстро добавить компоненты в проект, получив полный доступ к кастомизации.\n\n### [@ngx-kit/core](https://ngx-kit.com/core/docs/OVERVIEW)\n\nЯдро - самостоятельный пакет, который содержит сервисы для упрощения кода сгенерированных компонентов.\n\n### [@ngx-kit/collection](https://ngx-kit.com/collection/docs/OVERVIEW)\n\nКоллекция — это набор генераторов кода, который существенно ускоряет работу с ядром. За несколько секунд вы можете добавить любой компонент и потом быстро его модифицировать под свои нужды. Ознакомиться со списком существующих модулей можно [на сайте](https://ngx-kit.com/collection/docs/OVERVIEW). \n\n\n## Особенности\n\n* Поддержка AOT\n* Поддержка серверного рендеринга\n* Поддержка OnPush стратегии обнаружения изменений\n* Генерация кода с помощью Angular CLI\n\n\n## Минимальные требования\n\n* Angular ^6.0.0\n* Angular-cli ^6.0.0\n\n\n## Руководство:\n\n[\u003cimg src=\"https://habrastorage.org/webt/9l/iw/vc/9liwvcbgmipvnird_12blxfohoy.png\" align=\"center\"\u003e](https://github.com/ngx-kit)\n\nНа демке показана быстрая установка пакетов, генерация кода дейт-пикера и его кастомизация:\n\n![](https://ngx-kit.com/assets/demo.gif)\n\n## Использование\n\n#### Установка пакетов\n\n```\nng add @ngx-kit/core\n```\n\n#### Генерация кода с помощью Angular CLI\n\nПример генерации модуля для кнопки:\n\n```\nng g @ngx-kit/collection:ui-button my-button\n```\n\nВ данном примере я использвал итоговое имя `my-button`, но оно может быть любым на ваше усмотрение. Что позволяет один и тот же шаблон генерировать несколько раз в рамках одного проекта и модифицировать его под разные нужды.\n\n#### Подключение сгенерированного модуля\n\n```typescript\n@NgModule({\n  ...\n  imports: [\n    ...\n    MyButtonModule,\n```\n\n#### Использование компонента\n\n```html\n\u003cbutton myButton color=\"primary\"\u003eLet's do it!\u003c/button\u003e\n```\n\n#### Модификация кода\n\nТолько сложная (и стабильная) логика хранится в [Core-пакете] (https://ngx-kit.com/core), поэтому вы можете любым образом изменять сгенерированные шаблоны и стили.\n\n\n## License\n\nMIT\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-ru%2Fangular-ngx-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-ru%2Fangular-ngx-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-ru%2Fangular-ngx-kit/lists"}