Змейка из чекбоксов с 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

Управляем текстурами в Three.js

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

👉 @sWebDev

FilePond

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

👉 @sWebDev

Как создать и развернуть библиотеку компонентов Vue в NPM

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

👉 @sWebDev

Fullpage.js

Хотите улучшить скролл в вашем проекте? Есть смысл попробовать Fullpage.js. Библиотека предоставляет набор гибких свойств для управления скроллом на веб-страницах.

👉 @sWebDev

Vue здорового pragmatica. Как правильно делать выбор между React и Angular

Статья от Влада Худякова, фронтенд лида команды Pragmatica. Влад делиться опытом и мнением по выбору фреймворка для задач своей команды. Если вы выбираете свой первый фреймворк или думаете о том, чтобы уйти с текущего, то статья поможет принять правильное решение.

👉 @sWebDev

Moment.js

Moment.js - это библиотека для работы с датами в JavaScript.

👉 @sWebDev

Были ли хуки React хорошей идеей?

Принципы SOLID не возникли из вакуума и кажется хуки поощряют разработчиков нарушать эти принципы. С этим спорным моментом разбираемся в статье по ссылке.

👉 @sWebDev

Джентльменский набор React компонентов FullStack разработчика

Существует токсичный стереотип, что FullStack разработчики не могут ни в фронт, ни в бек. Как минимум, так как объем работ большой, часто, программирование фронта на React превращается в формошлепство с сомнительным качеством кода. Код копируется без создания компонентов, нет глобального состояния приложения.
В этой статье рассмотрим примеры использования нескольких компонентов, которые позволят малой кровью выкатить фичу на тестовый стенд так, чтобы код, загружающий данные с сервера, легко поддавался рефакторингу в недалеком будущем.

👉 @sWebDev

Онлайн-митап «Асинхронный рендеринг в React 18 и принципы практичного рефакторинга»

⏰ Дата и время: 24 августа, 14:00 (по МСК)

Программа митапа:

🎙Рефакторинг. Как поджечь свой велосипед и не пожалеть об этом?
Рассмотрим проблему техдолга под разными углами, поговорим о том, что учитывать и какие практики использовать, чтобы обойти подводные камни, уменьшить риски и держать ситуацию под контролем, обсудим какие аргументы уместно предоставить менеджеру, чтобы развеять его опасения.

🎙Чудеса асинхронного рендеринга
Рассмотрим под лупой асинхронный рендеринг в React - проведем краткий экскурс в его историю, путь становления от экспериментальной фичи до полноценного появления в React 18, посмотрим на текущее состояние, что его ждет в светлом будущем и причем тут fiber.

👉 Подключайтесь, смотрите и задавайте вопросы спикерам. Участие бесплатное, нужно только зарегистрироваться.

До встречи 🔥

boop! Необычные эффекты по ховеру или введение в React-Spring

Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, но именно такие детали в итоге могут сделать продукт классным. По ссылке разбираемся, как добавить в свое приложение анимацию с помощью хуков React.

👉 @sWebDev

Вещи, которые полезно знать о React.js

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

👉 @sWebDev

Star Rating виджет на React.js

В этой статье рассмотрим еще одну задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Star Rating виджета.

👉 @sWebDev

Примеры синтаксиса популярных JS-фреймворков

По ссылке обзор синтаксиса популярных и набирающих популярность JavaScript-фреймворков.

👉 @sWebDev

Библиотека Ethers.js: новичкам на заметку

Ethers.js и web3.js — это две библиотеки JavaScript с открытым исходным кодом, которые позволяют разработчикам взаимодействовать с блокчейном Ethereum и выполнять разные задачи. В статье мы внимательно изучим ethers.js, которую создал и поддерживает канадский разработчик Rick Moore (Рик Мур). На данный момент она насчитывает 14 участников разработки. У библиотеки небольшой пакет установки, она протестирована, задокументирована и отлично обслуживается.

👉 @sWebDev

Рекурсивные компоненты во Vue

По ссылке разбираемся с рекурсивными компонентами Vue и рендерим вложенные комментарии.

👉 @sWebDev