2021-06-03 10:24:34
Уже все наверно знают что отец создатель Angular - Misko Hevery покинул Google 4 мая после 15 лет работы в нем. Ну вот так вот бывает, засиделся я бы даже сказал. Но внезапно я тут обнаружил что готовился к этому уходу еще давно, и начал разрабатывать свой проект в начале этого года, а то что он ушел в BuilderIO, ну так получилось, возможно.
Вопрос, и что же будет там делать человек с таким большим опытом разработки фреймворка? Да, новый фреймворк!
Qwik- новый фреймворк от создателя Angular. Пока есть только концепт, нигде ничего не анонсировалось, все что удалось собрать по github'у расписал ниже.
Фреймворк с большим упором на Time to Interactive, возобновляемый ssr, lazy load.
Это значит что браузеру не нужно будет тратить время на bootstrap приложения, парсинг js, регидрация и прочая магия чтобы отобразить валидную страницу. Звучит как просто выплевывание наружу чистого html, казалось бы, интернет так появился, что тут нового. Да, все это DOM, DOM центральная часть фреймворка, а все остальное это атрибуты. Ну тут самые старые из вас скажут, да этож JQuery.
Вся суть:
- template - в jsx, забирать их через qrl('./path')
- render - jsx, не понятно, будет ли еще что либо
- никаких декораторов
- есть DI, provider на уровне каждого элемента
- собирать это все через bazel
- опять медленный terser,
- ssr - domino, express
- Entity state, component
- с querySelectorAll можно забрать любой компонент
Примеры:
Указывает на то что есть provider к элементу →
Input →
Output →
Binding →
lazy load template
parent component
→ TODO app
Похоже что то на смесь AngularJs + React + Knockout, не понятно насколько это ок.
И вообще - Qwik is a different kind of framework. Напишите свое мнение в комментариях.
Github Qwik
786 viewsRustam I, edited 07:24
2021-05-19 08:58:36
Стал доступен Angular DevTools
Фичи:
- построение дерева компонентов
- визуализация CD
- поддержка Angular 9+ с включенным Ivy
https://blog.angular.io/introducing-angular-devtools-2d59ff4cf62f
635 viewsRustam I, 05:58
2021-05-13 10:20:30
Встречайте релиз
Angular 12 Выдержки из релиза уже были в канале, можно найти по тегу #angular12
Традиционный пост на medium:
https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49
645 viewsRustam I, 07:20
2021-04-29 15:45:06
C 12 версии Stylus будет deprecated.
А еще в Angular Material будет переход на sass модули @use вместо @import Если вы используете Angular Material то можете попробовать:
ng g @angular/material:themingApi
Зачем нужен use а не import можно почитать в статье
804 viewsRustam I, 12:45
2021-04-28 19:03:42
В Angular 12 View Engine будет по умолчанию заменён на IvyПо статистике большинство разработчиков уже использует новый render pipeline Ivy. Для разработчиков переход должен стать незаметным, но имеется возможность использования View Engine (который получит статус depricated) при необходимости.
https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4
814 viewsRustam I, 16:03
2021-04-27 22:17:28
Наверно все бы хотели знать когда в Angular появятся современные быстрые кастомные сборщики. Ответа пока точного нет, но есть кое что забавное. esbuild и swc добавили в devDependencies пока только для того чтобы исправить некоторые баги в IE11. Когда дропнут…
862 viewsRustam I, edited 19:17
2021-04-27 20:05:32
Наверно все бы хотели знать когда в Angular появятся современные быстрые кастомные сборщики. Ответа пока точного нет, но есть кое что забавное.
esbuild и swc добавили в devDependencies пока только для того чтобы исправить некоторые баги в IE11. Когда дропнут IE, не будет больше esbuild и swc.
Но! есть коммент в котором говорится что нет прямой завязки на webpack и babel. Но если будет, то не лучше ли юзать современные сборщики.
ps.
А еще бы компилятор под esbuild затащили бы.
844 viewsRustam I, 17:05
2021-04-23 15:14:10
#1 - Keynote -
Как команда делает Angular более последовательным1. Angular linker - имя проекта будет использовать для распостранения либ на Ivy
2. Сделают Language Service для IVY, тот, что сейчас использует много хаков
3. Strict mode, позволяющий делать более строгие проверки типов в шаблонах будет в новых приложениях включен по умолчанию
4. ng-build будет запукаться с —prod по умолчанию
5. Inline SASS - еще один шаг к Single File Components!
6. Более последовательные коды ошибок
7. Test harnesses - Позволяют упростить тестирование компонентов из Angular material, и спрятать детали имплементации.
8. Новый компонент - Angular image, говорят что для оптимизации произволительности
1.2K viewsRustam I, 12:14
A
