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

Яндекс создал обучающий канал по SQL и Базам Данных для всех, кто хочет стать специалистом в дата-сайнс. — Полный комплект обучающих материалов — Советы и гайды по оптимизации — Помощь с поиском ваканский по специальности Подписывайтесь: t.me/sqltop

Owl carousel Owl carousel — плагин для создания слайдеров. Отличается простой настройкой точек остановки слайдера. Адаптивен. Owl карусель поддерживает модульную структуру плагина. Подробный обзор по ссылке. 👉 @sWebDev

Планируете переезд или остаётесь в России? Если вы разработчик и у вас есть минута времени, поделитесь планами в анонимном опросе. Там всего 7 вопросов. Ваши ответы помогут крупному IT-работодателю понять, в каких странах стоит открывать офисы и как условия нужны разработчикам.

Tailwind CSS + Angular + Nx workspace В источнике изучаем и настраиваем связку: Tailwind CSS с Angular в Nx workspace. 👉 @sWebDev

Привет! Меня зовут Сергей и я Senior Fullstack-разработчик из Хельсинки. На своём авторском канале «Будни разработчика» я выкладываю самые интересные и оригинальные находки, что помогают мне в моей работе. Статьи, заметки, фишки, опросы с подвохом и разбор багов браузеров. Подпишись, скучно не будет!

Barba.js Barba.js — библиотека, создающая «приложение одной страницы». Компоненты сайта загружаются на странице единоразово. Иными словами — страница без перезагрузки. Переходя между вкладками ничего не прогружается и создается впечатление, что находишься на одной странице, как в мобильном приложении. 👉 @sWebDev

Многоуровневое меню на React Многоуровневое меню - это очень распространенный функционал во многих веб-приложениях, Поэтому, разберёмся, как его можно создать с применением React. 👉 @sWebDev

Snap svg Snap svg — JavaScript библиотека. Позволяет создавать и анимировать векторную графику в современных браузерах. Можно загружать код SVG асинхронно и запрашивать части, которые нужны, для превращения SVG файлов в спрайты. 👉 @sWebDev

Всем привет! Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама. Настрой бота за 1 минуту и получай до 50 предложений в неделю, отобранных по твоим предпочтениям. @MasterHuBot

React Suspense и React Freeze Исследуем React Suspense и React Freeze. Что это такое и как правильно использовать узнаем в статье по ссылке. 👉 @sWebDev

Как сделать кнопку такой, чтобы на нее захотелось нажать? 🤔 ⚡️Приглашаем 25 мая в 20:00 мск на бесплатный вебинар «Использование псевдоэлементов для создания интересных анимаций кнопок» в OTUS! 📚На вебинаре с Марией Коршуновой, веб-разработчиком с опытом более 10 лет мы разберем тему использования псевдо элементов для создания анимаций кнопок и как с помощью обычного CSS сделать это нажатие интересным или даже интригующим. 👉🏻Регистрация на вебинар

Lettering.js Lettering.js — дает полный контроль над текстом. Используется для анимации. С помощью плагина слово разбивается на буквы и с каждой можно работать отдельно. 👉 @sWebDev

Индикатор прогресса на React и TailwindCSS Индикатор прогресса - это отличное решение для сайтов с большим количеством контента. Индикатор позволяет отслеживать прогресс и объем оставшейся информации. В статье подробная инструкция, как сделать такой функционал при помощи React и TailwindCSS. 👉 @sWebDev

Создание приложения dApp на React, Solidity и Web3.js Наглядная инструкция по созданию собственного онлайн-решения для пользователей, клиентов и покупателей. С целью обеспечения их лучшей конфиденциальности и безопасности данных. 👉 @sWebDev

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

Создаем общедоступные виджеты React Статья с достаточно подробным руководством по созданию собственных виджетов на React. Изучаем тонкости и особенности этого процесса. 👉 @sWebDev

Любите находить решение сложных задач? У хостера FirstVDS для вас классная новость! Каждую Пятницу 13 они запускают масштабную акцию с крутыми интерактивами, чтобы вы могли «поразмять мозги». В этот раз FirstVDS подготовили игру «Побег из лагеря Crystal Lake». Проверим, сможете ли вы выбраться из лагеря целым и невредимым, спасти друзей, найти ценные ресурсы, и разобраться с Jason’ом. На кону — и сертификаты на пополнение баланса 500 р, и скидки (аж до 35%) на новые и действующие серверы!  Но вы же знаете пословицу про рыбку и труд. Чтобы получить все эти ништяки, нужно не просто пройти игру, но и сделать это хорошо ;)  Желаем удачи!

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

Хабр теперь в Telegram! Подписывайтесь: @habr_tg

Dependency injection в React Для лучшего понимания принципов DI, представьте модуль npm, предоставляющий следующую функцию:

 
export const ping = (url) => {
  return new Promise((res) => {
    fetch(url)
      .then(() => res(true))
      .catch(() => res(false))
  })
}

В источнике статья по правильному использования DI в React приложениях и пользе, которую это может принести. 👉 @sWebDev