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

Cоздание сложных макетов в Angular Какой атрибут директивы ng-template-outlet определяет имя шаблона, который будет вставлен? 👉 @sWebDev

Joint.js Joint.js - это библиотека JavaScript для создания диаграмм и графиков на основе SVG. Она позволяет создавать различные типы диаграмм, включая блок-схемы, организационные диаграммы, линейные диаграммы, круговые диаграммы и другие. Библиотека является альтернативой GoJS, которая также поддерживает различные типы диаграмм. Она отличается более простой и понятной API. 👉 @sWebDev

Sad Walk Пиксельная анимация на Three.js. 👉 @sWebDev

Курс «Python-разработчик» от Яндекса. Начните с нуля. Программа 2024 года. Диплом о переподготовке и помощь с поиском работы. Рассрочка. Зарегистрироваться #реклама 16+ practicum.yandex.ru О рекламодателе

Создание асинхронных операций для сигналов в Angular Эта статья о том, как построить computedAsync для сигналов в Angular. Сигналы - это новая функция Angular, которая позволяет коду сообщать шаблонам (и другому коду), что данные изменились. Это улучшает обнаружение изменений в Angular, а также повышает производительность и реактивность кода. Автор статьи объясняет, как использовать сигналы, как создавать вычисляемые сигналы с помощью computed и computedAsync, и как работать с асинхронными операциями с помощью computedAsync. 👉 @sWebDev

Pop-out Scrollers w/ GSAP Пример реализации слайдера на GSAP.js. 👉 @sWebDev

UAParser.js UAParser.js - это библиотека JavaScript для определения пользовательского агента, браузера, операционной системы, процессора и типа устройства. Она может использоваться для различных целей, например, для адаптации веб-приложений к различным устройствам или для отображения различной информации в зависимости от типа браузера. 👉 @sWebDev

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

Использование createStateContext для совместного использования хука useState Статья рассказывает о том, как использовать контекст React для совместного использования состояния между компонентами. Контекст React часто ошибочно считается решением для управления состоянием. На самом деле контекст предназначен для внедрения зависимостей. Вы предоставляете значение обертке компонента, а затем любой дочерний компонент может использовать это значение с помощью хука useContext. 👉 @sWebDev

Как пройти собеседование фронтендеру: взгляд тимлида Елизавета Каторгина — фронт-тимлид веб-продакшена ДАЛЕЕ — провела сотни собеседований и знает, какие скиллы можно и нужно показывать фронтендеру, а что станет красным флагом для интервьюера ❌❌❌ Переходите в канал ДАЛЕЕ, читайте пост полностью и подписывайтесь, чтобы не пропустить полезные подборки и советы для айтишников и дизайнеров.

Slider Анимированное слайд-шоу на Anime.js. 👉 @sWebDev

Как работать с промисами на стороне клиента В React 19 был добавлен новый хук use(Promise), который упрощает работу с промисами в клиентских компонентах. Этот хук позволяет получить значение из промиса, не используя дополнительные хуки, такие как useState или useEffect. Синтаксис: const [value, loading, error] = use(promise); Параметры: promise - промис, значение которого необходимо получить. Возвращаемое значение: value - значение, полученное из обещания. loading - флаг, указывающий, что обещание еще не выполнено. error - ошибка, возникшая при выполнении обещания. Пример:

import { use } from "react";

function MessageComponent({ messagePromise }) {
  const [message, loading, error] = use(messagePromise);

  if (loading) {
    return <div>Loading...</div>;
  } else if (error) {
    return <div>Error: {error.message}</div>;
  } else {
    return <div>{message}</div>;
  }
}

👉 @sWebDev

React Suspense в трех различных архитектурах В статье рассказывается о том, как использовать React Suspense в трех различных архитектурах: клиентской, серверной и серверно-компонентной. 👉 @sWebDev

Олимпиада для школьников 9-11 классов "PROD" Участвуй в олимпиаде по программированию от Тинькофф, Центрального университета и НИУ ВШЭ. Погрузись в профессию разработчика до поступления в вуз. Подай заявку до 14.02 Подать заявку #реклама prodcontest.ru О рекламодателе

Работа с функцией reactive() Vue Какое назначение у функции reactive() в Vue.js? 👉 @sWebDev

Knex.js Knex.js - это библиотека для работы с базами данных с открытым исходным кодом, которая упрощает разработку приложений, взаимодействующих с базами данных. Knex.js поддерживает различные типы баз данных, включая PostgreSQL, MySQL, SQL Server, SQLite и Oracle. 👉 @sWebDev

Circular terrain Generator Инструмент, который позволяет создавать круговые трехмерные ландшафты на Three.js. 👉 @sWebDev

RooX UIDM — российская система управления доступом RooX UIDM — безопасный доступ в веб-сервисы и десктоп-приложения для сотрудников, клиентов, партнеров, поставщиков и других типов пользователей. Функциональность RooX UIDM: - Аутентификация, в том числе многофакторная - Авторизация - Регистрация - Самообслуживание - Администрирование Подходит для импортозамещения, входит в реестр Минцифры. Безопасность данных согласно требований ГОСТ и ЦБ. Различные варианты поставки, в том числе исходный код для возможности самостоятельной доработки. Узнать больше #реклама 16+ uidm.ru О рекламодателе