TGViewer
Channel Public Channel
🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

@angular_fox

Angular, AI и веб-разработка — главное без воды. Новый пост каждый день в 12:00 МСК.

💬 Чат сообщества: @angular_ru
💼 Вакансии: @angular_jobs
🦊 Автор: @thekiba

Реклама и вакансии: @arctic_tempest
Медиакит: media.thekiba.io
Open in Telegram
Subscribers
4.1K
Photos
1.5K
Videos
7
Links
1.4K

Showing posts older than #58 · Back to latest

Older Posts 20 shown
Post #56 1.39K
🦄 Storybook

Если еще не пробовали Storybook, то обязательно попробуйте. Он позволит быстро структурировать отображение компонентов вашей библиотеки или приложения.

Для быстрого старта есть готовый schematics:
cd my-react-vue-angular-app
npx -p @storybook/cli sb init


👉 https://storybook.js.org/

__
Также, если не видели, то посмотрите доклад Алексея Охрименко про Storybook:
https://youtu.be/HkVcU24Opu0
Post #55 1.5K
🦄 Virtual DOM для Angular

Очень ранняя версия, но уже можно попробовать:
@Component({ template: '' })
export class AppComponent extends Renderable {
  render() {
    return (<h1>Hello World!</h1>)
  }
}


👉 https://github.com/trotyl/ng-vdom

___
Также если интересно как это работает, то есть замечательная статья:
https://blog.angularindepth.com/introducing-to-ng-vdom-a-new-way-to-write-angular-application-60a3be805e59
Post #54 1.46K
📚 Для того, чтобы больше не теряться с Injector, Providers и InjectFlags в Angular, рекомендую две замечательные статьи.

🔥 Tree-shakable зависимости в Angular
https://blog.angularindepth.com/tree-shakable-dependencies-in-angular-projects-5aaa7012b9e7

🦄 Область видимости провайдеров в Angular
https://blog.angularindepth.com/a-curios-case-of-the-host-decorator-and-element-injectors-in-angular-582562abcf0a

__
Если только недавно начали знакомство с Angular, то лучше начать с официальных статей в документации:
https://angular.io/guide/dependency-injection
Post #51 1.25K
Вопрос: Какой WYSIWYG Editor выбрать?
Ответ: Рекомендую посмотреть на MediumEditor.

✍️ MediumEditor — очень простой WYSIWYG Editor:
🚆 Не имеет зависимотей
🕊️ Легковестный
👷 Работает во всех браузерах

👉 https://github.com/yabwe/medium-editor

__
Так же есть множество плагинов для Картинок, Таблиц, Markdown и другого.
Post #49 1.44K
🚀 NGXF - Non-State Management for Angular

Если еще не видели, то обязательно посмотрите этот репозиторий. В нем вы найдете множество нестандартных идей использования Angular DIrective, в частности:
Http, Socket.IO, Cookies, Ivy Hooks и многие другие.

👌 Как пример, использование Lazy Components с помощью директивы:
<ng-container *lazy="'lazy.module#LazyModule'"></ng-container>


👉 Подробности в репозитории и документации:
https://github.com/ngxf/platform
https://ngxf.gitbook.io/platform/
Post #47 1.46K
🔥 Встречайте! 🚀 Launchpad для RxJS 🎊

🧩 Исследуйте категории
🔎 Ищите операторы
📚 Изучайте их

https://reactive.how/rxjs/
Post #46 1.17K
🚀 Для обеспечения быстрого поиска провайдеров, Angular под капотом использует Bloom Filters.

👌 Есть замечательная статья, которая подробно объясняет эту структуру данных:
https://llimllib.github.io/bloomfilter-tutorial/
Post #45 1.21K
Если вы думаете, как уменьшить затраты на разработку и поддержание реактивных форм в Angular, то обязательно попробуйте NgxFormly.

🎁 NgxFormly — простой инструмент для создания и динамического отображения реактивных форм.

👉 https://github.com/ngx-formly/ngx-formly

__
Дополнительно рекомендую ознакомиться с несколькими статьями по этой теме:

Организация приложения с использованием NgxFormly
https://hackernoon.com/organize-your-forms-application-using-ngx-fomrly-796150461045

Обработка ошибок с Angular и NgxFormly
https://itnext.io/error-handling-with-angular-6-and-ngx-formly-8272a3aa7871
  • 👍 1
Post #43 1.21K
🚀 Prettier — инструмент для форматирования кода. Имеет минималистичный конфиг, есть интеграция со всеми IDE и поддерживает множество языков:

JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML

🎁 https://prettier.io/

__
🌟 Для простой установки в Angular, есть готовый schematics:

npm i -g @schuchard/prettier
ng g @schuchard/prettier:add


👌 https://github.com/schuchard/prettier-schematic
Post #42 1.01K
fx — потрясающий CLI инструмент для удобного просмотра и редактирования JSON в терминале.

📐 Formatting and highlighting
🎁 Standalone binary
🎉 Interactive mode
🎨 Themes support

npm install -g fx


https://github.com/antonmedv/fx
Post #39 1.95K
🚀 Для всех кто жаждет Ivy!
Сегодня стало возможно попробовать Ivy.

🎁 Воспользуйтесь готовым приложением с Ivy:
https://github.com/thekiba/angular-experimental-ivy

__
Или проделайте всю работу самостоятельно:
— Обновить @angular/cli до 7.3.0-beta.0
— Создать новое приложение
— Вручную обновить @angular до 8.0.0-beta.0
— Удалить параметр es5BrowserSupport из angular.json

npm i -g @angular/cli@7.3.0-beta.0
ng new angular-ivy --experimentalIvy
Post #38 1.45K
😎 Spectator — полезный иструмент для тестирования Angular приложения:
— Делает тестирование проще
— Уменьшает количество бойлерплейта

npm install @netbasal/spectator --save-dev


GitHub: https://github.com/NetanelBasal/spectator

__
И как бонусом подборка статей по тестированию. На что стоит обратить внимание, и какие тесты лучше не писать.

Тесты, которые должен писать разработчик
https://medium.com/p/a04cab35f45b

Антипаттерны тестирования ПО
https://habr.com/ru/post/358178/
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →