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

Курс «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 О рекламодателе

Реально ли IT-специалисту переехать в Великобританию без предложения о работе, без высшего образования и без знания английского языка? Ответ: да! Рассказываем, как это сделать. Виза Global Talent дала возможность более 8000 IT-специалистам переехать в Британию в 2022 году. Она выдаётся на срок до 5 лет, по ней можно работать в любой компании, фрилансить, открывать собственный бизнес и даже претендовать на паспорт! Чтобы получить эту визу, не обязательно иметь высшее образование, не нужно знать язык на высоком уровне, а заявку можно подать из любой страны. И, пожалуй, самое главное – не нужно обладать каким-то исключительным талантом! Почти все IT-специалисты могут претендовать на эту визу. Подписывайтесь на наш Telegram-канал, где мы даём массу полезной информации о релокации: https://t.me/movetalent Пишите нам в WhatsApp: +44 7496 949122 или в Telegram: @relocode_dm. Мы проводим бесплатные консультации, на которых поможем разобрать ваш кейс и подобрать наиболее подходящий способ релокации.

Будущее React.use и React.useMemo: мощная альтернатива контекстным селекторам Контекстные селекторы - это способ получения доступа к данным из контекста React. Они могут помочь предотвратить ненужные рендеры, но имеют ряд недостатков. 👉 @sWebDev

Админ канала «Интеллектор» купил Apple Vison Pro и сделал его обзор Он показал, как очки изменили его рабочее место и дом. Качество изображения пока не 4К, но перспектив у девайса куча. Полностью обзор выложили в канале: @bim_portal

Highway race Пример реализации игры на Three.js. 👉 @sWebDev