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

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

Как создать и развернуть библиотеку компонентов Vue в NPM При работе с несколькими проектами Vue, использующими одну и ту же систему дизайна, эффективнее и быстрее иметь библиотеку компонентов, на которую можно ссылаться для всех ваших компонентов в разных проектах. В этой статье мы рассмотрим шаги, необходимые для создания и развертывания библиотеки компонентов Vue в npm, чтобы мы могли повторно использовать их в различных проектах. 👉 @sWebDev

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

Найти работу в айти можно 2 методами: Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIN. Офигеть от условий и закрыть. Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п. Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах! В общем, не теряйте времени и находите работу в 2 клика: @JScript_jobs

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

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

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

Анимация в React с помощью AnimXYZ По ссылке доступно руководство по созданию анимации в React с применением библиотеки AnimXYZ. 👉 @sWebDev

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

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

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

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

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

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

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

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

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

​В «Магните» работает 4000 разработчиков и ИТ инженеров, они решают интересные и амбициозные задачи, делая жизнь покупателя одного из крупнейших ритейлеров России технологичнее и удобнее. 27 июля в 13:00 (МСК) приглашаем вас на эфир Demo Day Magnit IT. Команда разработчиков, спецов по аналитике, ecom и другим диджитал-направлениям поделится крутыми кейсами и решениями непростых задач. Кроме того, они расскажут, как работает IT-подразделение огромного ритейлера. В этом им помогут ведущие одного из самых известных технологических подкастов @zavtracast Тимур Сейфельмлюков и Дмитрий Зомбак. На Demo Day Magni IT будет куча крутых спикеров, но точно нельзя упустить эти выступления: 🌩 Юрий Мисник (CTO) и Татьяна Коваль (System Architect) расскажут о мультиоблачной архитектуре и почему в «Магните» решили сфокусироваться на PaaS для большей отказоустойчивости. 📊 Павел Шорохов (Head of BI) расскажет, как «Магнит» в течение 12 лет строил корпоративную платформу сбора и анализа данных на 1 Петабайт, которой пользуется более 10 тысяч человек каждый день. А еще как они строят собственный облачный Data Lake. 💌 Алексей Четыркин (Head of Data Analytics) и Артем Селезнев (Head of CRM) расскажут про инхаус-решение «Магнита» по CRM-коммуникациям, гипергранулированным сегментациям аудиторий, предикативной модели пути покупателя и BI-алгоритме отслеживания тысяч критических параметров. Не пропустите! Зарегистрируйтесь на эфир, и вам придёт напоминалка 27 июля в 13:00 (МСК), а еще там будет куча интересных дополнительных материалов: https://magn-it.online

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