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

Resizable.js Resizable.js - это JavaScript-библиотека, позволяющая сделать элементы HTML-страницы изменяемыми по размеру. 👉 @sWebDev

Spooky - ThreeJS Пример реализации трехмерной диорамы на Three.js. 👉 @sWebDev

🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏

Реализация React Query в веб-приложении В этой статье рассматривается интеграция библиотеки React Query в базовое веб-приложение. React Query - это библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. В статье создается простое приложение, которое извлекает данные из открытого API, а для стилизации используется Bootstrap. 👉 @sWebDev

GSAP scrolltrigger exemple Пример скролл-анимации на GSAP.js. 👉 @sWebDev

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

Забывали ставить ;? 👉 @sWebDev

Background Generator Генератор баблов для фона на Anime.js. 👉 @sWebDev

Upside Towers - жизнь выше ожиданий! Upside Towers - технологичный квартал небоскрёбов-вершин, вдохновленный философией гор. 5 высотных футуристичных башен с квартирами от 11,3 млн ₽ с панорамными окнами «в пол» и потолками 3 м сдаются с отделкой white box или с премиальной отделкой. - Территория 7 га с ландшафтным парком и бульваром, приватные дворы с концептуальным благоустройством - Мультиформатный Upside Club площадью 2 000 кв. м. - пространство для общения и развития жителей - SKY SPA&Relax комплекс на 47 этаже - Всесезонное барбекю-патио - Смотровые площадки на высоте 200 метров - 15 000 кв.м. коммерческой инфраструктуры - Государственные школа и детский сад - 3 мин. до метро, 15 мин от Цветного бульвара - Виды на Останкинскую башню, ВДНХ, Ботанический сад, Москва-Сити и центр города Узнать больше Проектная декларация на сайте https://наш.дом.рф/. Застройщик: ООО "Апсайд Девелопмент" #реклама upside-towers.ru О рекламодателе

Синхронизация с внешним хранилищем useSyncExternalStore - это хук, позволяющий синхронизировать состояние компонента с внешним хранилищем данных. Пример использования:

const store = createStore();

function MyComponent() {
  const data = useSyncExternalStore(
    store.subscribe,
    store.getSnapshot,
  );

  return (
    <div>
      {data.map((item) => (
        <p key={item.id}>{item.text}</p>
      ))}
    </div>
  );
}

В этом примере: 1) store - это наше внешнее хранилище данных. 2) useSyncExternalStore принимает два аргумента: - store.subscribe: функция, которая подписывается на обновления хранилища. - store.getSnapshot: функция, которая возвращает текущее состояние хранилища. 3) data - это переменная, которая содержит текущее состояние хранилища. 4) Компонент MyComponent будет обновляться каждый раз, когда состояние хранилища меняется. 👉 @sWebDev

Обучаем Java-разработчиков оплата после выхода на работу В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты. Если задуматься, то все в выигрыше: — ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя; — в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше; — мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут; — мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов. Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку! Узнать больше #реклама 16+ kata.academy О рекламодателе

Изучение четырех ключевых примитивов из Solid Статья рассматривает четыре ключевых примитива, используемых в фреймворке Solid для создания веб-приложений. 👉 @sWebDev

Условия для вызова хука afterNextRender Когда вызывается хук afterNextRender? 👉 @sWebDev

Isotope Isotope – это JavaScript-библиотека, которая позволяет фильтровать и сортировать элементы на странице. Она работает с элементами DOM, поэтому ее можно использовать с любой библиотекой или фреймворком JavaScript. 👉 @sWebDev

React useTransition: изменение производительности или...? Статья рассматривает вопросы производительности в React и в частности, как useTransition и useDeferredValue могут повлиять на взаимодействие с пользовательским интерфейсом 👉 @sWebDev

Создание Angular-приложения на базе искусственного интеллекта с помощью Google Gemini В статье рассказывается о том, как использовать Google Gemini для создания приложений Angular, оснащенных искусственным интеллектом. Gemini — это платформа генеративного ИИ, которая позволяет разработчикам создавать приложения, способные генерировать текст, переводить языки, писать различные творческие тексты и отвечать на ваши вопросы информативно. 👉 @sWebDev

👨‍💻Изучаешь Frontend? Я тоже! idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта. С меня: — Сложная теория простым языком; — Практические примеры и объяснения; — Работа над ошибками. С тебя: — Подписка @idk_frontend Продолжим обучаться вместе! 👋

CartaSV Интерактивная анимация открытки с персонализированным содержимым на GSAP.js. 👉 @sWebDev

Рабочее пространство определяет стиль жизни человека! Подход «офис = только работа» никогда не был нам близок. Мы хотим, чтобы в наших пространствах формировалась особая среда, в которой каждый чувствует себя главным героем — уверенным, активным и успешным. Из чего состоит атмосфера в офисе и как она влияет на человека — рассказываем в нашем канале Pridex. У нас все об офисах. Подписаться #реклама О рекламодателе