The best chrome update ever. Now you don’t need to wait till internet connection is down.
chrome://dino/
1
Как работает маршрутизатор Angular
Резюмируя статью “The 7-step process of Angular router navigation“
Работу маршрутизатора мы можем разбить на 7 этапов:
- Parse: разбирает сроку запроса
- Redirect: выполняет перенаправление (если нужно)
- Identify: определяет стейт
- Guard: запускает гарды конкретного стейта
- Resolve: резолвит данные стейта
- Activate: активирует компонент
- Manage: слушает изменения, чтобы повторить процесс сначала
Давайте рассмотрим каждый этап более подробно.
glossarytech for recruiters
Finally there is a place where all recruiters can go and check the difference between Java and Javascript.
Also guys from glossarytech have created CV scanner, so basically you don’t need to check word by word anymore, just scan the whole CV and get the hints. Nice job!
VSCode + plunker = Stackblitz
Stackblitz is nice combination of VSCode experience with plunker sandbox.
Some killer features:
- shortcuts (for example cmd+P)
- autocompletion
- npm packages
- debug + live reload is possible in separate window
- works offline
View encapsulation и другие опции компилятора
Это крайне не рекомендовано, но, тем не менее, иногда приходится глобально выключать инкапсуляцию стилей. Чтобы этого достичь мы можем воспользоваться настройками при бутстрапе модуля, то есть вместо:
platformBrowserDynamic().bootstrapModule(AppModule);
Desmos – online graph builder
I found really user-friendly graph online builder – Desmos.
Новое в Angular4.3
- HttpClient – принципиально новый клиент, который переехал из отдельного модуля в подсекцию common (‘@angular/common/http‘):
- позволяет получить данные сразу в JSON
- типизировать возвращаемые данные вывод
- появляются интерсепторы
- задание дефолтных заголовков (например токена авторизации)
- подписаться события прогресса
- Новые гарды роутера: GuardsCheckStart, GuardsCheckEnd, ResolveStart, ResolveEnd, NavigationStart
- Опция для отключения анимации в детях
- Специальный CSS селектор ::ng-deep, который является альтернативой >>>
Mocky – nice HTTP mocking service
I found easy to use mocking service – Mocky – that allows you to check not only with fixed response for GET/POST…, but also to emit any HTTP error and setup custom header.
Angular: Что такое forwardRef?
Мы иногда встречаем в коде:
и сразу не понятно, что это магическая функция forwardRef. На самом деле все просто: forwardRef – это функция-обертка. Зачем она нужна? Чтобы мы могли задавать значением свойства сущности, которые объявлены ниже (иначе будет ошибка):
Также можно глянуть в исходники, и убедиться что это просто метод-обертка:
AngularCamp 2017, notes
I had I chance to visit AngularCamp these days and would like to share some thoughts/notes with you.