KeyUX
KeyUX — это библиотека JavaScript, разработанная для улучшения пользовательского интерфейса клавиатуры веб-приложений. Она предназначена не только для доступности, но и для создания профессиональных инструментов, где предпочтительнее использование клавиатуры. Особенности KeyUX включают добавление горячих клавиш, отображение активного состояния кнопок при нажатии горячей клавиши, навигацию с помощью клавиш стрелок в списках с role="menu" и другие функции для удобного управления фокусом. Библиотека не имеет зависимостей и занимает 2 КБ после минификации и сжатия Brotli. KeyUX совместима с любым фреймворком, включая React, Vue и Svelte.
👉 @sWebDev
KeyUX — это библиотека JavaScript, разработанная для улучшения пользовательского интерфейса клавиатуры веб-приложений. Она предназначена не только для доступности, но и для создания профессиональных инструментов, где предпочтительнее использование клавиатуры. Особенности KeyUX включают добавление горячих клавиш, отображение активного состояния кнопок при нажатии горячей клавиши, навигацию с помощью клавиш стрелок в списках с role="menu" и другие функции для удобного управления фокусом. Библиотека не имеет зависимостей и занимает 2 КБ после минификации и сжатия Brotli. KeyUX совместима с любым фреймворком, включая React, Vue и Svelte.
👉 @sWebDev
👍8
Как оптимизировать размер Angular Bundle
Статья описывает методы оптимизации размера сборки в Angular. Автор обсуждает важность минимизации размера сборки для улучшения скорости загрузки и SEO, предлагает инструменты для анализа размера и приводит примеры оптимизации, включая ленивую загрузку и исключение ненужных зависимостей. Основное внимание уделено практическим советам по использованию инструментов анализа и управлению зависимостями для сокращения лишнего кода в сборке.
👉 @sWebDev
Статья описывает методы оптимизации размера сборки в Angular. Автор обсуждает важность минимизации размера сборки для улучшения скорости загрузки и SEO, предлагает инструменты для анализа размера и приводит примеры оптимизации, включая ленивую загрузку и исключение ненужных зависимостей. Основное внимание уделено практическим советам по использованию инструментов анализа и управлению зависимостями для сокращения лишнего кода в сборке.
👉 @sWebDev
👍4
Инициализация состояния
Что представляет
Забыли? Вернитесь к посту от29.04.2024 , в котором мы разбирали работу этого хука.
👉 @sWebDev
Что представляет
initialState в вызове useActionState?Забыли? Вернитесь к посту от
👉 @sWebDev
👍3
Что представляет initialState в вызове useActionState?
Anonymous Quiz
8%
Логику действия.
84%
Начальное состояние.
5%
Количество действий.
3%
Пользовательские опции.
👍4
Управление элементами DOM
Ключевое отличие:
Пример:
👉 @sWebDev
@ViewChildren и @ContentChildren - это декораторы Angular, используемые для доступа к дочерним компонентам.Ключевое отличие:
@ViewChildren предоставляет доступ к дочерним компонентам, которые напрямую определены в шаблоне, и изменения отражаются немедленно.@ContentChildren обеспечивает доступ к дочерним компонентам, которые проецируются из родительского компонента, и изменения не отражаются до завершения проекции.Пример:
@Component({
selector: 'app-parent',
template: `<ul *ngFor="let child of children">{{ child.name }}</ul>`
})
export class ParentComponent {
@ViewChildren('viewChildren') children: QueryList<ChildComponent>;
}
@Component({
selector: 'child-component',
template: `<p>{{ name }}</p>`
})
export class ChildComponent {
name = 'Child';
}
👉 @sWebDev
👍6🔥1
Chance
Chance — это легковесная JavaScript-библиотека для генерации случайных данных, которая полезна для тестирования и разработки. Она предоставляет множество методов для создания случайных чисел, строк, адресов, имен, дат и многого другого .
👉 @sWebDev
Chance — это легковесная JavaScript-библиотека для генерации случайных данных, которая полезна для тестирования и разработки. Она предоставляет множество методов для создания случайных чисел, строк, адресов, имен, дат и многого другого .
👉 @sWebDev
👍11
Авторизация в React - базовые сведения
Статья рассказывает о том, как создать простое приложение для входа на React с бэкендом на Node.js и Express. В ней описываются ключевые шаги, такие как настройка окружения, создание фронтенда и бэкенда, обработка аутентификации пользователей и управление сессиями.
👉 @sWebDev
Статья рассказывает о том, как создать простое приложение для входа на React с бэкендом на Node.js и Express. В ней описываются ключевые шаги, такие как настройка окружения, создание фронтенда и бэкенда, обработка аутентификации пользователей и управление сессиями.
👉 @sWebDev
👍6
ScarletsFrame
ScarletsFrame — это библиотека JavaScript, предназначенная для упрощения разработки сложных веб-приложений. Она предоставляет инструменты для работы с аудио и видео потоками, позволяя создавать интерактивные мультимедийные приложения.
👉 @sWebDev
ScarletsFrame — это библиотека JavaScript, предназначенная для упрощения разработки сложных веб-приложений. Она предоставляет инструменты для работы с аудио и видео потоками, позволяя создавать интерактивные мультимедийные приложения.
👉 @sWebDev
👍3
Управление ошибками в React
Какой хук в React применяется в компонентах-границах ошибок для локальной реакции?
Забыли? Вернитесь к посту от06.05.2024 .
👉 @sWebDev
Какой хук в React применяется в компонентах-границах ошибок для локальной реакции?
Забыли? Вернитесь к посту от
👉 @sWebDev
👍3❤1
Какой хук в React предназначен для обработки ошибок в компонентах-границах ошибок?
Anonymous Quiz
16%
onError;
22%
onHandleError;
26%
onCaughtError;
36%
onBoundaryError.
👍3
Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».
Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.
Билеты уже ждут вас на сайте
Уже 27 мая опытные эксперты научат React-разработчиков:
Билеты уже ждут вас на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2