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

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

👉 @sWebDev

Найди ошибку в React-компоненте: Функциональное Карри

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

👉 @sWebDev

🔴 Для тех кто ответил: присматриваюсь

Есть вариант быстро стартануть карьеру и начать зарабатывать от 60к меньше чем через год

Вот самый полный курс по фронту на сегодня:

Профессия Frontend-разработчик с нуля до PRO

А вот причины почему надо идти:

📌 Сезонная скидка на курс - 50%
📌 Гарантируют трудоустройство
📌 Первые полгода вы учитесь бесплатно

Next.js

Фреймворк Next.js от Vercel. Интуитивно понятная архитектура маршрутизации на основе каталогов и встроенных функций извлечения данных с возможностями серверного рендеринга до функционала Fast Refresh, с которым пропадает необходимость в системах сборки для «живой перезагрузки», — в Next.js создается по-настоящему интегрированный, мощный процесс разработки полного цикла. Узнать все подробности можно по ссылке.

👉 @sWebDev

Загрузочный скелет страницы на React

Думаю, многие видели функционал загрузочного скелета, который заключается в том, что страница еще не прогрузилась, а мы уже видим деление и расположение элементов. В данной статье узнаем, как сделать такой функционал на React.

👉 @sWebDev

Nexus — новый визуализатор дерева компонентов для Next.js

Занимаясь поисками инструментов специально для разработчиков Next.js, мы подбирали стороннее расширение VS Code, структурированное под уникальный функционал Next.js, в то же время функционально считаясь с тем, что находится в его основе — библиотекой React. Фактически, мы искали визуализатор дерева компонентов, знакомый разработчикам React, но структурированный подобно приложению на Next.js и дающий детальную информацию об извлечении данных.
Nexus - Это гибкое и легкое расширение VS Code для разработки на Next.js. С Nexus можно просматривать древовидную структуру кодовой базы на Next.js — информация об извлечении соответствующих данных для всех вложенных компонентов будет у вас под рукой.

👉 @sWebDev

Leaflet.js

Библиотека для создания интерактивных карт. Из особенностей:
адаптация под мобильные устройства;
кроссбраузерность;
открытый исходный код;
малый вес;
хорошая документация.

👉 @sWebDev

Яндекс Карты в React Native приложениях

Сейчас при разработке мобильных и веб-приложений Google Карты лучше не использовать. У этого две причины: сервисы Google нельзя оплатить и есть шанс, что их могут заблокировать в России. В текущей ситуации можно попробовать перейти на Яндекс Карты. Команда разработки VVDEV расскажет, как это сделать.

👉 @sWebDev

Лучшие пропсы компонента Vue

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

👉 @sWebDev

Динамические импорты React

В статье разберёмся с динамическим импортами в React, которые позволят увеличить скорость загрузки вашего веб-приложения.

👉 @sWebDev

Спидометр на GSAP.js

Анимация спидометра для вашего веб-приложения. Реализовано с помощью Canvas, SVG и библиотеки GSAP.js.

👉 @sWebDev

Функция промежуточного программного обеспечения Next.js

Благодаря функции промежуточного программного обеспечения Next.js можно создавать функции, которые будут выполняться после сделанного пользователем запроса и до момента его выполнения. Все подробности в материале по ссылке.

👉 @sWebDev

Plotly.js

Библиотека для создания графиков с применением JavaScript. Особенности:
возможность использовать более 40 типов диаграм;
открытый исходный код;
доступна для: JavaScript, Python и т.д.

👉 @sWebDev

Анимированная форма ввода на Vue.js

По ссылке код забавной формы ввода, созданной на Vue.js. Может оказаться полезным, если делаете тематическое веб-приложение.

👉 @sWebDev

Как настроить Next.js на TypeScript, чтобы получить оценку в 100% от Google Lighthouse и Vercel Analytics

В этой статье мы проследим весь путь создания прогрессивного веб-приложения с Next.js и получения 100-процентного результата от Google Lighthouse, Next.js Analytics и уровня безопасности A+ на webpagetest.org.

👉 @sWebDev

Dolphins at dawn

Продвинутая анимация ныряющих дельфинов, созданная при помощи CSS и библиотек GSAP и Three.js.

👉 @sWebDev

49. parallax bird

По ссылке пример реализации параллакс эффекта при помощи Less и библиотеки Three.js

👉 @sWebDev

Paper.js

Библиотека для работы с векторной графикой. Из особенностей:
открытый исходный код;
импорт и экспорт SVG;
гибкий API;
кроссбраузерность;

👉 @sWebDev

TroisJS Starfield

По ссылке анимированный фон, созданный с помощью CSS и TroisJS. Фон напоминает прыжок в гиперпространство из звездных войн. При наведении на текст анимация ускоряется, а по клику на кнопку можно менять цвет окружающих объектов.

👉 @sWebDev

"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков.

Справитесь ли вы с уровнем курса? Покажет вступительный тест.

📍Пройдите тестирование, чтобы:
● оценить свои навыки
● получить доступ к демо-занятиям курса
● занять место по специальной цене
● получить доступ в закрытое сообщество JS-разработчиков

👉 Пройти полное тестирование: https://clck.ru/uKCcE