Telegram Web Link
Получали такое?

👍 - Да.

🤔 - Всегда нормальное ТЗ.

👉 @sWebDev | #юмор
Chance

Chance — это легковесная JavaScript-библиотека для генерации случайных данных, которая полезна для тестирования и разработки. Она предоставляет множество методов для создания случайных чисел, строк, адресов, имен, дат и многого другого .

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
3D Custom Personalized QR Codes

Интерактивная 3D анимация QR кода на React и GSAP.

👉 @sWebDev
Авторизация в React - базовые сведения

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

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Геометрический фон

Анимированный геометрический фон на Three.js.

👉 @sWebDev
ScarletsFrame

ScarletsFrame — это библиотека JavaScript, предназначенная для упрощения разработки сложных веб-приложений. Она предоставляет инструменты для работы с аудио и видео потоками, позволяя создавать интерактивные мультимедийные приложения.

👉 @sWebDev
Управление ошибками в React

Какой хук в React применяется в компонентах-границах ошибок для локальной реакции?

Забыли? Вернитесь к посту от 06.05.2024.

👉 @sWebDev
Какой хук в React предназначен для обработки ошибок в компонентах-границах ошибок?
Anonymous Quiz
15%
onError;
20%
onHandleError;
26%
onCaughtError;
38%
onBoundaryError.
Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».

Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.

Билеты уже ждут вас на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
Узнали ваши реакции?

👍 - Да.

🤔 - Нет.

👉 @sWebDev | #юмор
Строгая типизация в Angular

Флаг strictTemplates в Angular повышает строгость типизации в шаблонах, усиливая статическую проверку кода и предотвращая распространённые ошибки во время разработки. Этот режим требует, чтобы все выражения в шаблонах были строго соответствующими типам, определённым в TypeScript-компонентах.

Пример того, как strictTemplates помогает обнаруживать ошибки типизации в шаблоне:

// В компоненте Angular
export class AppComponent {
  userAge: number;
}

// В шаблоне Angular
<input [value]="userAge.toString()"> // Исправление ошибки компиляции

Здесь, если userAge предполагается использовать как строку в атрибуте value, без strictTemplates TypeScript не выявил бы несоответствие типов до этапа выполнения. С strictTemplates Angular требует, чтобы вы явно преобразовали number в string, что устраняет потенциальные ошибки в рантайме.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive GSAP Slider with Button Wave Effect

Анимированный слайдер на GSAP.

👉 @sWebDev
Пользуемся инструментами тестирования?

👍 - Пользуемся.

🤔 - Надо еще и тестировать было?

👉 @sWebDev | #юмор
Blockdom.js

Blockdom - это экспериментальная библиотека JavaScript, предназначенная для оптимизации работы с виртуальным DOM. Она предлагает уникальный подход к рендерингу виртуального DOM. В отличие от традиционных библиотек виртуального DOM, которые представляют элементы по отдельности, Blockdom использует блоки. Они представляют собой элементы с его статическим содержимым и специальными тегами для динамических частей. Этот подход позволяет использовать cloneNode(true) для блоков, что значительно ускоряет процесс сравнения (diffing) из-за меньшего размера дерева виртуального DOM.

👉 @sWebDev
Media is too big
VIEW IN TELEGRAM
Veggie Knight

Пример реализации игры "Fruit Ninja" на GSAP.

👉 @sWebDev
Ускоренный запуск системы “Аутентификации + база данных” (React.js и Firebase)

В статье рассказывается о настройке приложения React.js с Firebase для аутентификации и базы данных NoSQL Firestore. В ней обсуждаются преимущества использования этого подхода для разработчиков полного цикла. В статье описаны шаги по настройке проекта, включая создание компонентов React, инициализацию Firebase и настройку файла .env. В ней также подробно описано, как использовать консоль Firebase для настройки аутентификации и базы данных.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
On-Scroll Fire Transition

Переход с анимацией тлеющего листа на GSAP.

👉 @sWebDev
2024/06/01 02:51:22
Back to Top
HTML Embed Code: