минимому, и следует концепциям TDD и DDD (Template/Directive Driven Development). И расскрывает весь потенциал ваших шаблонов, а значит больше никакой лишней логики в компонентах. И вам больше нет нужны тащить тяжелые стейт менеджеры в свой проект, и писать для них килотонны кода.
Как же NGXF это делает?
В NGXF заложены 4 основных концепции:
— Нет Store
— Нет Action
— Нет State
— Нет Selectors
Это позволяет описывать всю необходимую логику прямо в шаблонах, не засоряя при этом компоненты.
И вот малая часть, что умеет NGXF!
Отправка GET запроса:
<ng-container *http="let status get 'https://...'">
{{ status }} // NGXF is good
</ng-container>
Отправка POST запроса:
<ng-container *http="let status post 'https://...' send body">
{{ status }} // NGXF is very good
</ng-container>
Получение параметров роута в шаблоне!
/users/thekiba
<ng-container *route="let params = paramMap">
{{ params.get('id') }} // thekiba
</ng-container>
Init из angular.js!
<ng-container *init="let myvar of 'LOL'">
{{ myvar }} // 'LOL'
</ng-container>
Timeout прямо в шаблонах избавит вас от непонятных багов!
<ng-container *timeout="3000">
This text you will see after 3000ms.
</ng-container>
И то, чего еще нигде не было, Compose шаблонов (привет React)!
<ng-template #pluck let-object>
<ng-container *return="object.hello"></ng-container>
</ng-template>
<ng-container *compose="let hello of [ pluck ] use { hello: 'World!' }">
{{ hello }} // World!
</ng-container>
А что-нибудь еще NGXF умеет?
Да! Смотрите документацию, там описано большее количество кейсов.
🚀 Документация:
https://ngxf.gitbook.io/platform/
⭐️ Звездочки ставить сюда:
https://github.com/ngxf/platform
Звездочки ⭐️, звездочки ⭐️, кружочки ⚪️, лиса 🦊.
Логика в шаблонах? Кажется я чувствую боль
Что за шляпа. Ну хоть признали, что при использовании стейт-менеджеров нужно писать килотонны бойлерплейта)
Привет реакту с фетчем в рендере
Обсуждают сегодня