Frontender Libs - обзор библиотек JS / CSS
8.34K subscribers
2.03K photos
735 videos
3 files
240 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Менеджер по рекламе: @Spiral_Yuri

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Ведение журналов Node.js

Ведение журнала является важной частью в создании современных веб-приложений. Благодаря этому, разработчики могут исследовать проблемы приложений и быстро их решать.
В статье рассмотрим несколько популярных решений для Node.js — Winston, Pino, Bunyan, Log Level и npmlog.

👉 @sWebDev
Mailwind

Mailwind является версией Tailwind CSS, созданной для разработки электронных писем в формате HTML.

👉 @sWebDev
Сайт на Iles.js

Нынешние тенденции в веб-разработке складываются в пользу динамических и анимированных веб-приложений. Но, что делать если нужен статический сайт? Для такого случая, можно использовать библиотеку Iles.js. По ссылке подробный туториал по созданию статического сайта.

👉 @sWebDev
5 библиотек для анимации на Vue.js

По ссылке подробный обзор популярных библиотек для создания анимации на Vue.js.

👉 @sWebDev
Boop-эффект на React

Реализация boop-эффекта с использованием React: изучаем паттерны архитектуры React и комбинируем хуки с компонентами для максимально рационального использования.

👉 @sWebDev
Slick

Карусель упрощает отображение множества изображений, не загромождая веб-страницу. Создание карусели, особенно адаптивной, с нуля — сложная задача. Библиотека Slick предоставляет настраиваемые адаптивные карусели из коробки.

👉 @sWebDev
Vanilla JS + Twilio + Node.js для разработки чата

В статье изучим руководство по созданию группового чата, используя стек технологий: Vanilla JS, Twilio и Node.js. Все подробности в статье по ссылке.

👉 @sWebDev
AR и VR с библиотекой A-Frame

Разберёмся как создавать VR и AR прямо в браузере. Будем использовать библиотеку A-Frame, которая позволит нам создавать трёхмерные миры с помощью HTML и Entity-Component, работающие с Quest, Rift, WMR, SteamVR, смартфонами и компьютерами.

👉 @sWebDev
RemixJS

Remix - фреймворк для JavaScript, использующий технологии React для создания внешней составляющей веб-приложений. Имеет ряд сходств с NextJS и является его прямым конкурентом. Разберёмся, что у этих фреймворков общего и в чем их главные различия.

👉 @sWebDev
Деление на страницы и фильтрация со стороны сервера Angular

В статье рассмотрим, как использовать RxJS для деления на страницы и фильтрации со стороны сервера таблицы данных в Angular.

👉 @sWebDev
Создаём PWA при помощи Vue.js

PWA - прогрессивное веб-приложение. Под этим термином понимается веб-сайт с функциями, благодаря которым он выглядит, ощущается и ведет себя так же как нативное мобильное приложение. Подробная информация о данном подходе в статье по ссылке.

👉 @sWebDev
Способы решения prop drilling в React

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

👉 @sWebDev
Instauto

Instauto — это библиотека для автоматизации/ботов Instagram, написанная на javascript с использованием Puppeteer. Подробный обзор в репозитории.

👉 @sWebDev
Инструменты оптимизации перфоманса React

В статье представлен обзор популярных инструментов для оптимизации процесса перфоманса в React. Подробнее в статье по ссылке.

👉 @sWebDev
Прекращение долгосрочной поддержки AngularJS

Недавно была опубликована информация о прекращении дальнейшей поддержки AngularJS. Со всеми подробностями можно ознакомиться по ссылке.

👉 @sWebDev
Styled Components

Styled Components помогает расширить возможности CSS для стилизации систем компонентов React. Библиотека решает две проблемы: оптимизирует процесс разработки и улучшает опыт конечных пользователей.

👉 @sWebDev
reCaptcha в React приложение

Капчи встречаются нам повсеместно и мы понимаем для чего они используются. Но, чем они отличаются? Как правильно их добавить, например, в приложение на React? С этими и другими вопросами разбираемся в статье по ссылке.

👉 @sWebDev
TinyBase

TinyBase - крошечная реактивная JS-библиотека для структурированного состояния и табличных данных.

👉 @sWebDev
Cypress и React Testing Library

В статье узнаем, почему Cypress превосходит React Testing Library. Все подробности по ссылке.

👉 @sWebDev
Material-UI для React

Material-UI — это библиотека, которая позволяет импортировать и использовать различные компоненты для создания пользовательского интерфейса в React-приложениях. Виджеты Material-UI в значительной степени вдохновлены принципами построения пользовательских интерфейсов от Google. Поэтому разработчикам легко создавать визуально привлекательные приложения.

👉 @sWebDev