Frontender Libs - обзор библиотек JS / CSS

@swebdev

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Менеджер по рекламе: @Spiral_Yuri

Купить рекламу: https://telega.in/c/sWebDev

Frontender Libs - обзор библиотек JS / CSS (Russian)

Frontender Libs - это Telegram канал, который специализируется на обзоре библиотек для разработки веб-интерфейсов на языках программирования JavaScript и CSS. Если вы занимаетесь фронтенд-разработкой и постоянно ищете новые инструменты для улучшения своего кода и повышения производительности, то этот канал идеально подойдет для вас. Здесь вы найдете обзоры самых популярных и актуальных библиотек, а также сможете узнать о последних трендах и новинках в мире веб-разработки. Канал поддерживается опытными специалистами, которые имеют большой опыт работы в данной области. Не упустите возможность быть в курсе всех новостей и тенденций в фронтенд-разработке - подписывайтесь на Frontender Libs прямо сейчас! Для сотрудничества, рекламы или покупки рекламы вы можете связаться с администраторами канала по указанным контактам.

Frontender Libs - обзор библиотек JS / CSS

21 Nov, 15:10

Через тернии к позиции Middle React разработчика

Статья которая поможет Junior-разработчикам перейти на уровень Middle. Узнайте, какие аспекты JavaScript и React важно освоить, почему стоит разобраться с Redux и Context API, и как тестирование и работа с Webpack и Docker повысят ваш профессионализм.

👉 @web_craft | #собес

225

Frontender Libs - обзор библиотек JS / CSS

21 Nov, 07:35

Punk Poker: SVG

Пример анимации на GSAP.

👉 @sWebDev

420

Frontender Libs - обзор библиотек JS / CSS

20 Nov, 08:31

Polly.js

Polly.js — библиотека JavaScript для записи и воспроизведения HTTP-запросов, созданная Netflix. Она позволяет тестировать приложение оффлайн, избегая избыточных запросов к серверу. Поддерживает популярные HTTP-библиотеки (Fetch, Axios, XHR) и гибкие настройки для управления запросами.

👉 @sWebDev

573

Frontender Libs - обзор библиотек JS / CSS

19 Nov, 15:21

Ваши друзья тоже перестают понимать, когда вы объясняете что-то про код?

👍 — Нет, они в теме.

🤔 — Иногда теряются.

❤️ — Постоянно, даже не пытаются понять.

👉 @sWebDev | #юмор

607

Frontender Libs - обзор библиотек JS / CSS

19 Nov, 08:12

SVG line drawing animation

Анимация линий на Anime.js.

👉 @sWebDev

627

Frontender Libs - обзор библиотек JS / CSS

18 Nov, 07:43

ChangeDetectorRef для ручного контроля изменений в компонентах

ChangeDetectorRef — инструмент в Angular, позволяющий управлять обнаружением изменений в компонентах вручную. Это особенно полезно, когда автоматическое обнаружение изменений (change detection) не может уловить изменения состояния, например, при работе с асинхронными операциями или сторонними библиотеками, которые Angular не отслеживает по умолчанию.

Методы markForCheck() и detectChanges() позволяют более гибко управлять процессом обновления компонента. Например, если нужно обновить представление при изменении данных, полученных через сторонний API, можно вызвать detectChanges() после обновления данных:

import { ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `<p>{{ data }}</p>`
})
export class ExampleComponent {
  data: string;

  constructor(private cdr: ChangeDetectorRef) {}

  updateData(newData: string) {
    this.data = newData;
    this.cdr.detectChanges();
  }
}

👉 @sWebDev

649

Frontender Libs - обзор библиотек JS / CSS

17 Nov, 09:13

Считаете ли свой интерфейс интуитивно понятным?

👍 — Да, 100%.

❤️ — Нет, могло быть и лучше.

👉 @sWebDev | #юмор

698

Frontender Libs - обзор библиотек JS / CSS

16 Nov, 15:14

Работа с декоратором Optional()

Что произойдет, если @Optional() зависимость не найдена?

Если забыли, то вернитесь к посту от 28.10.2024.

👉 @sWebDev

739

Frontender Libs - обзор библиотек JS / CSS

16 Nov, 07:12

Peg.js

Peg.js — парсер-генератор на JavaScript, позволяющий создавать парсеры для специализированных языков и грамматик. Использует PEG (Parsing Expression Grammar) для описания правил синтаксического анализа.

👉 @sWebDev

804

Frontender Libs - обзор библиотек JS / CSS

15 Nov, 08:02

Froot Looper: SVG

Анимация коробки на GSAP.

👉 @sWebDev

833

Frontender Libs - обзор библиотек JS / CSS

14 Nov, 14:36

Управление типами кортежей в TypeScript

Статья рассказывает о работе с типами кортежей в TypeScript и их манипуляции. Автор делится подходами к использованию кортежей для создания более точных и гибких типов данных, объясняя, как преобразовывать кортежи, добавлять и удалять элементы, менять порядок и использовать деструктуризацию. Статья помогает понять, как кортежи могут улучшить точность типизации и структурирование данных в TypeScript.

👉 @sWebDev

912

Frontender Libs - обзор библиотек JS / CSS

14 Nov, 07:12

Simple Three.js matcap demo

Простой пример использования matcap в Three.js.

👉 @sWebDev

834

Frontender Libs - обзор библиотек JS / CSS

13 Nov, 06:52

Progressive-Image.js

Progressive-Image.js — библиотека для плавной загрузки изображений. Сначала отображает размытое мини-изображение, которое заменяется на полное по мере загрузки, что улучшает UX.

👉 @sWebDev

883

Frontender Libs - обзор библиотек JS / CSS

12 Nov, 14:33

Важен ли для вас оффлайн без куков и рекламы?

👍 — Да.

❤️ — Мне не принципиально.

👉 @sWebDev | #юмор

879

Frontender Libs - обзор библиотек JS / CSS

12 Nov, 07:29

Giraffe: SVG Painting

Странная анимация жирафа на GSAP.

👉 @sWebDev

889

Frontender Libs - обзор библиотек JS / CSS

10 Nov, 18:07

Декоратор @ViewChild с опцией { static: true } в Angular

@ViewChild в Angular предоставляет доступ к элементам DOM и дочерним компонентам в шаблоне. Опция { static: true } позволяет получить ссылку на элемент до инициализации представления, что полезно в случаях, когда к элементу нужно обратиться в ngOnInit.

Когда у @ViewChild установлено { static: true }, ссылка будет доступна в ngOnInit, а не только в ngAfterViewInit. Это может быть полезно для предварительной инициализации значений, которые зависят от состояния элементов шаблона. Например:

@ViewChild('myElement', { static: true }) myElement!: ElementRef;

ngOnInit() {
    console.log(this.myElement.nativeElement); // доступно уже здесь
}

Важно помнить, что если элемент в шаблоне может быть динамически добавлен или удален с помощью *ngIf, лучше использовать { static: false }, так как это предотвратит ошибки в доступе к элементу.

👉 @sWebDev

974