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

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

Господи, да в чём проблема стать фронтендером? Подписался на этот канал: 👉 Фронтенд Заходишь каждый день, тратишь 15 минут и изучаешь актуальную информацию. Можешь сразу применять на практике. ВСЁ! Это настолько просто, что даже твой кот справится. Подпишись сейчас, потом спасибо скажешь.

Interactive Core with Dynamic Rings and Particles Интерактивная анимация ядра на Three.Js. 👉 @sWebDev

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

Изнанка PPC-трафика Недорогого и разнообразного интернет-маркетинга в России больше нет, за последние три года все сильно изменилось, но да вы и сами это знаете... Рассказываю на канале о том что рекламные площадки очень хотели бы скрыть и как выжить ppc-специалисту в эпоху новой реальности, залетайте) Смотреть #реклама О рекламодателе

Знакомо? 👍 - Очень. ❤️ - Особенно когда путают Java и JS. 👉 @sWebDev | #юмор

Resend Cube Анимация куба на Three.js. 👉 @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 руб 🥳

Использование 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

Жизненно? ❤️ - Да. 👍 - Нет. 👉 @sWebDev | #юмор

Работа с AnimationTrigger Для чего используется AnimationTrigger в Angular? Забыли? Вернитесь к посту от 13.01.2025. 👉 @sWebDev

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

3D AI Interface Animation Анимация иконки ИИ на Three.js. 👉 @sWebDev

Лучшие практики разработки сложных приложений с формами на основе React Hook Form с поддержкой TypeScript Статья посвящена рекомендациям по созданию сложных форм в приложениях на React с использованием библиотеки React Hook Form и TypeScript. 👉 @sWebDev

Animated Rings Анимация металлических колец на p5js. 👉 @sWebDev

Бесплатный практический вебинар: Веб-разработчик: с нуля до мини-игры за 2 часа. ⏰ Когда: 30 января в 19:00 по мск. Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮 Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии. 🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»

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

Новые бесплатные курсы в канале Selectel Newsfeed. Подойдут всем: от новичков до продвинутых айтишников. Вас ждут обзоры, инструкции и статьи, которые помогут разобраться в темах структурно и последовательно. Вступайте в сообщество IT-специалистов в Telegram от Selectel. Подписаться #реклама 16+ О рекламодателе

А у вас тоже собеседование было сложнее чем сама работа? 👍 - 100%. ❤️ - Не сказал бы. 🤔 - Не знаю, у меня еще нет работы. 👉 @sWebDev | #юмор