Вы часто откладываете задачи на потом?

❤️ - Нет, стараюсь делать все поэтапно.

👍 - Предпочитаю отдохнуть, а потом страдать в последний момент.

👉 @sWebDev | #юмор

Angular сервис ErrorHandler с RetryWhen

В Angular сервис ErrorHandler можно расширить для создания продвинутой системы обработки ошибок. Совместно с оператором retryWhen, можно добавить автоматические повторные запросы с экспоненциальной задержкой.

Пример: кастомный ErrorHandler с повторной попыткой запроса.

typescriptimport { Injectable, ErrorHandler } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { retryWhen, delay, scan } from 'rxjs/operators';

@Injectable()
export class CustomErrorHandler implements ErrorHandler {
  constructor(private http: HttpClient) {}

  retryRequest(url: string) {
    this.http.get(url).pipe(
      retryWhen(errors =>
        errors.pipe(
          scan((attempts) => {
            if (attempts >= 5) throw errors;
            return attempts + 1;
          }, 0),
          delay(attempts => Math.pow(2, attempts) * 1000) // Экспоненциальная задержка
        )
      )
    ).subscribe(data => console.log('Success:', data));
  }
}

👉 @sWebDev

Background with Anime.Js

Анимация фона на Three.js.

👉 @sWebDev

А у вас тоже собеседование было сложнее чем сама работа?

👍 - 100%.

❤️ - Не сказал бы.

🤔 - Не знаю, у меня еще нет работы.

👉 @sWebDev | #юмор

GPU.js

GPU.js — это библиотека для выполнения сложных вычислений на GPU с использованием JavaScript. Она автоматически компилирует код JavaScript в WebGL-шейдеры для параллельных вычислений.

👉 @sWebDev

Бесплатный практический вебинар: Веб-разработчик: с нуля до мини-игры за 2 часа.

⏰ Когда: 30 января в 19:00 по мск.

Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮

Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе.

Какие JS фреймворки учить: Vue, React, а может, Angular?

Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.

🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»

Animated Rings

Анимация металлических колец на p5js.

👉 @sWebDev

Лучшие практики разработки сложных приложений с формами на основе React Hook Form с поддержкой TypeScript

Статья посвящена рекомендациям по созданию сложных форм в приложениях на React с использованием библиотеки React Hook Form и TypeScript.

👉 @sWebDev

3D AI Interface Animation

Анимация иконки ИИ на Three.js.

👉 @sWebDev

Scrollama

Scrollama — это JavaScript-библиотека для создания скролл-зависимых интерактивных элементов с использованием Intersection Observer API. Она позволяет управлять анимациями или изменениями в интерфейсе, основанными на прокрутке страницы.

👉 @sWebDev

Работа с AnimationTrigger

Для чего используется AnimationTrigger в Angular?

Забыли? Вернитесь к посту от 13.01.2025.

👉 @sWebDev

Жизненно?

❤️ - Да.

👍 - Нет.

👉 @sWebDev | #юмор

Использование runInInjectionContext() для доступа к DI вне компонентов

В Angular инъекция зависимостей (DI) обычно применяется в компонентах и сервисах с использованием декораторов. Однако, если необходимо использовать DI в обычных функциях или классах без Angular-декораторов, можно воспользоваться методом runInInjectionContext().

Пример:

import { inject, runInInjectionContext, Injectable, EnvironmentInjector } from '@angular/core';

@Injectable({ providedIn: 'root' })
class MyService {
  logMessage() {
    console.log('Hello from MyService!');
  }
}

function executeWithDI(injector: EnvironmentInjector) {
  runInInjectionContext(injector, () => {
    const myService = inject(MyService);
    myService.logMessage();
  });
}

В этом примере функция executeWithDI принимает EnvironmentInjector и использует runInInjectionContext() для создания контекста инъекции. Внутри этого контекста вызывается функция inject() для получения экземпляра MyService, после чего вызывается метод logMessage().

👉 @sWebDev

🔥Podlodka React Crew – онлайн-конференция для React-разработчиков.

И в новом сезоне ребята решили разобраться, какие инструменты и знания включают в роадмапы профессионального развития и насколько они применимы.

Что в программе:

💬 Говорим на одном языке с пользователями: i18n в React-приложениях – Виталий Баев, контрибьютор Next.js и Vite 🌍 Как выбрать инструменты и сделать интерфейс удобным для всех?

📡 OpenTelemetry для фронтенд-разработчика – Валерий Катцин, frontend-разработчик в Точке 📊 Как собирать данные о работе приложения и использовать их для улучшения продукта?

🔥 "Долгожданный" React 19 – Алекс Рассудихин, разработчик с опытом во Vue, React, Next и Astro 🚀 Какие фичи вышли в продакшен, а какие – нет?

🤖 AI Integrated Developer Experience – Марк Байдебура, Senior Full-stack Engineer в Influencer 🧠 Где AI реально помогает, а где пока его лучше не использовать?

📅 Конференция пройдет 10-14 февраля.

Ты не просто узнаешь по новые фичи и подходы, но и определишься, какие из них включить в свой roadmap и как расти дальше.

🔗 Регистрируйтесь: podlodka.io/reactcrew

Промокод сообщества
react_crew_2_oMGfq4 даёт скидку в 500 руб 🥳

Resend Cube

Анимация куба на Three.js.

👉 @sWebDev

Знакомо?

👍 - Очень.

❤️ - Особенно когда путают Java и JS.

👉 @sWebDev | #юмор

GrapesJS

GrapesJS — библиотека для создания визуальных редакторов веб-страниц. Она позволяет строить редакторы, где пользователи могут создавать и редактировать HTML/CSS с помощью drag-and-drop.

👉 @sWebDev

Interactive Core with Dynamic Rings and Particles

Интерактивная анимация ядра на Three.Js.

👉 @sWebDev

Как работают React Server Components и Server Actions

Статья объясняет, как использовать React Server Components (RSC) и Server Actions. Рассматриваются их основные принципы, способы рендеринга (SSR, CSR, Hydration), а также процесс сборки с помощью Webpack и Turbopack. Подробно разбираются подходы к объединению клиентских и серверных компонентов.

👉 @sWebDev