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

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

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Короче, вот вам архивы с платными книгами, иначе так не выучите ни один язык:

📚 Полка Разработчика
📖 Кладовая Книг

🚽 IT Memes — тут чисто поржать, пока компилятор там возится;

🗞 3D News — актуальные новости IT-индустрии на случай, если мемы надоели.

Сохраняй, пригодится
Vue's watch vs watchEffect

В статье обзор и наглядное сравнение Vue's watch и watchEffect. Изучаем особенности и специфику применения. Все подробности по ссылке.

👉 @sWebDev
Barrel export для организации React компонентов.

В статье рассматриваем как использовать barrel export для организации React компонентов.

👉 @sWebDev
PureMVC

Фреймворк, основная цель которого состоит в разделении интересов создаваемого кода. Суть кроется в названии, MVC — Model, View и Controller. Узнать все подробности можно в статье по ссылке.

👉 @sWebDev
Тестирование компонентов React

В статье подробное руководство по тестированию ваших веб-компонентов на React. Ознакомиться подробнее можно в статье по ссылке.

👉 @sWebDev
Приложение с записками на React

В статье рассмотрим, как создать красивое приложение с записками, используя React и localStorage.

👉 @sWebDev
Push.js

Ищете хорошее руководство и инструмент по реализации push-уведомлений? Познакомьтесь с библиотекой Push.js. Понятный интерфейс, доступная документация - это лишь несколько плюсов данной библиотеки.

👉 @sWebDev
6 проверенных методов повышения безопасности Node.js

Node.js широко используется в вебе и мобильных клиент-серверных приложениях. К сожалению, востребованность Node.js заставила злоумышленников искать новые лазейки к неправильным конфигурациям и уязвимостям. На разработчиках лежит ответственность за безопасность и защищенность от хакерских атак. Узнать о проверенных практиках повышения безопасности приложений Node.js можно в статье по ссылке.

👉 @sWebDev
Совместное использование компонентов React с Webpack 5

Существует множество статей, посвящённых использованию компонентов совместно с Webpack. В большинстве из них есть скрытые проблемы и ошибки, которые усложняют понимание материала. Эта статья написана с учетом возможных трудностей и позволяет понять процесс полностью.

👉 @sWebDev
React Virtualized

Библиотека React Virtualized помогает повысить эффективность рендеринга больших списков и табличных данных. Она позволяет ограничить количество запросов и элементов DOM и повышает общую производительность приложений React. Существует множество инструментов, похожих на React Virtualized, но что выгодно отличает эту библиотеку от конкурентов, так это количество функциональных возможностей и отличная поддержка.

👉 @sWebDev
Книжный магазин на React 18, Vite, Netlify и Nightwatch

По ссылке руководство по созданию приложения для книжного магазина, с применением стека: React 18, Vite, Netlify и Nightwatch.

👉 @sWebDev
Todo-приложение на React

Рассмотрим, как с нуля создать приложение Todo (список дел) с помощью React. Это будет базовое приложение с полем для ввода Todo и кнопкой рядом с каждым элементом, предназначенной для его удаления.

👉 @sWebDev
Змейка из чекбоксов с Checkboxland

Checkboxland - библиотека, разработанная в пандемию, в качестве развлечения. Позволяет отображать текст и анимацию на сетке, созданной из чекбоксов.
В статье изучим принципы работы и сами попробуем кое-что создать.

👉 @sWebDev
Theatre.js

Theatre.js — библиотека анимации JavaScript. С её помощью можно анимировать DOM, WebGL, а также любую переменную JavaScript. 2D, 3D, анимация клавиш и создание переходов.

👉 @sWebDev
React Context

Благодаря React Context можно без использования props’ов передавать и применять данные в любом компоненте приложения. Узнать все подробности можно в статье по ссылке.

👉 @sWebDev
Анимация в React с помощью AnimXYZ

По ссылке доступно руководство по созданию анимации в React с применением библиотеки AnimXYZ.

👉 @sWebDev
Слайдер на React

Статья-руководство по созданию и оптимизации слайдера на React. Кстати, разработка такого функционала часто может являться тестовым заданием при устройстве на работу. Узнать все особенности этого процесса можно в статье по ссылке.

👉 @sWebDev
Fomir

Fomir - библиотека для создания форм, основанная на схеме-дереве JSON. Если вы знакомы со множеством библиотек для создания форм: redux-form, final-form или react-hook-form, и ни одна из них вам не подходит, то есть смысл попробовать Formir. Подробности в репозитории.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Управляем текстурами в Three.js

По ссылке обзор методов и практик по управлению текстурами в Three.js.

👉 @sWebDev
FilePond

FilePond - JavaScript библиотека для загрузки файлов любого типа. Файлы можно перетаскивать, копировать и вставлять из буфера обмена, кидать в виде ссылок на внешние источники. Библиотека имеет встроенные инструменты для сжатия и обрезки изображений.

👉 @sWebDev