Text animation with anime.js

Интерактивный пример анимации текста на Anime.js.

👉 @sWebDev

Надеемся, что это не ваши поисковые запросы.

👉 @sWebDev | #юмор

jBox

jBox – это библиотека JavaScript, которая позволяет создавать различные типы всплывающих окон.

👉 @sWebDev

CartaSV

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

👉 @sWebDev

Создание Angular-приложения на базе искусственного интеллекта с помощью Google Gemini

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

👉 @sWebDev

React useTransition: изменение производительности или...?

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

👉 @sWebDev

Isotope

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

👉 @sWebDev

Условия для вызова хука afterNextRender

Когда вызывается хук afterNextRender?

👉 @sWebDev

Изучение четырех ключевых примитивов из Solid

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

👉 @sWebDev

Синхронизация с внешним хранилищем

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

Background Generator

Генератор баблов для фона на Anime.js.

👉 @sWebDev

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

👉 @sWebDev

ImagesLoaded

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

👉 @sWebDev

GSAP scrolltrigger exemple

Пример скролл-анимации на GSAP.js.

👉 @sWebDev

Реализация React Query в веб-приложении

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

👉 @sWebDev

Spooky - ThreeJS

Пример реализации трехмерной диорамы на Three.js.

👉 @sWebDev

Resizable.js

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

👉 @sWebDev

Внимание, разработчики!
@TopSelectionWeb3

💼Хотите прокачать свой LinkedIn-профиль и привлечь внимание рекрутеров?

🚀Команда TopSel приглашает вас на еженедельный бесплатный Разбор профилей LinkedIn в прямом эфире, который состоится в это воскресенье, 7 апреля, в 14:00 по мск!

💻На этот раз мы сфокусируемся на профилях разработчиков: Frontend, Backend, Fullstack, iOS/Android.

Не упустите возможность улучшить свой LinkedIn профиль и увеличить шансы на трудоустройство!

Делитесь вашими профилями в комментариях под последним постом на канале @TopSelectionWeb3