https://github.com/angular-ru/angular-ngx-kit
Boost your Angular development
https://github.com/angular-ru/angular-ngx-kit
angular kit ng-kit ngx-kit translate
Last synced: 3 months ago
JSON representation
Boost your Angular development
- Host: GitHub
- URL: https://github.com/angular-ru/angular-ngx-kit
- Owner: Angular-RU
- Created: 2018-01-19T11:12:15.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-03-13T17:01:20.000Z (over 6 years ago)
- Last Synced: 2025-01-24T15:29:12.370Z (5 months ago)
- Topics: angular, kit, ng-kit, ngx-kit, translate
- Size: 3.91 KB
- Stars: 3
- Watchers: 5
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[
](https://github.com/ngx-kit)
# Angular ngx-kit [](https://github.com/ngx-kit) [](https://www.npmjs.com/@ngx-kit/core)
Приветсвую всех участников и гостей сообщества Angular-RU. На данной странице вы найдете информацию об [ngx-kit](https://ngx-kit.com) на русском языке.
Если вы активно работаете с Angular, то наверняка сталкивались с тем, что сторонний компонент не поддерживает какой-то функционал, работает неправильно или выглядит не совсем так, как того требует заказчик-дизайнер-бизнес.
Ngx-kit - это не классическая либа компонентов, а набор генераторов. Что дает возможность быстро добавить компоненты в проект, получив полный доступ к кастомизации.
### [@ngx-kit/core](https://ngx-kit.com/core/docs/OVERVIEW)
Ядро - самостоятельный пакет, который содержит сервисы для упрощения кода сгенерированных компонентов.
### [@ngx-kit/collection](https://ngx-kit.com/collection/docs/OVERVIEW)
Коллекция — это набор генераторов кода, который существенно ускоряет работу с ядром. За несколько секунд вы можете добавить любой компонент и потом быстро его модифицировать под свои нужды. Ознакомиться со списком существующих модулей можно [на сайте](https://ngx-kit.com/collection/docs/OVERVIEW).
## Особенности
* Поддержка AOT
* Поддержка серверного рендеринга
* Поддержка OnPush стратегии обнаружения изменений
* Генерация кода с помощью Angular CLI
## Минимальные требования
* Angular ^6.0.0
* Angular-cli ^6.0.0
## Руководство:
[
](https://github.com/ngx-kit)
На демке показана быстрая установка пакетов, генерация кода дейт-пикера и его кастомизация:
## Использование
#### Установка пакетов
```
ng add @ngx-kit/core
```
#### Генерация кода с помощью Angular CLI
Пример генерации модуля для кнопки:
```
ng g @ngx-kit/collection:ui-button my-button
```
В данном примере я использвал итоговое имя `my-button`, но оно может быть любым на ваше усмотрение. Что позволяет один и тот же шаблон генерировать несколько раз в рамках одного проекта и модифицировать его под разные нужды.
#### Подключение сгенерированного модуля
```typescript
@NgModule({
...
imports: [
...
MyButtonModule,
```
#### Использование компонента
```html
Let's do it!
```
#### Модификация кода
Только сложная (и стабильная) логика хранится в [Core-пакете] (https://ngx-kit.com/core), поэтому вы можете любым образом изменять сгенерированные шаблоны и стили.
## License
MIT