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

Найди ошибку в React-компоненте: Функциональное Карри В этом выпуске «Найди ошибку» у нас есть простой React компонент-переключатель, который переключается между активным и неактивным состояниями при нажатии. Однако он не работает как ожидается. Найдите ошибку. Сверяйте ваш ответ с детальным анализом ошибки по ссылке. 👉 @sWebDev

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

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

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

Frontend Vollex – здесь команда фронтендщиков из OZON обучает создавать красивые сайты и приложения, используя такие эффекты.  Канал читают как новички, так и опытные программисты. Подписывайся: @vollex_frontend

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

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

boop! Необычные эффекты по ховеру или введение в React-Spring Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, но именно такие детали в итоге могут сделать продукт классным. По ссылке разбираемся, как добавить в свое приложение анимацию с помощью хуков React. 👉 @sWebDev

Онлайн-митап «Асинхронный рендеринг в React 18 и принципы практичного рефакторинга» ⏰ Дата и время: 24 августа, 14:00 (по МСК) Программа митапа: 🎙Рефакторинг. Как поджечь свой велосипед и не пожалеть об этом? Рассмотрим проблему техдолга под разными углами, поговорим о том, что учитывать и какие практики использовать, чтобы обойти подводные камни, уменьшить риски и держать ситуацию под контролем, обсудим какие аргументы уместно предоставить менеджеру, чтобы развеять его опасения. 🎙Чудеса асинхронного рендеринга Рассмотрим под лупой асинхронный рендеринг в React - проведем краткий экскурс в его историю, путь становления от экспериментальной фичи до полноценного появления в React 18, посмотрим на текущее состояние, что его ждет в светлом будущем и причем тут fiber. 👉 Подключайтесь, смотрите и задавайте вопросы спикерам. Участие бесплатное, нужно только зарегистрироваться. До встречи 🔥

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

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

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

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

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

Поиск 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