Инициализация состояния
Что представляет
Забыли? Вернитесь к посту от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
Строгая типизация в Angular
Флаг
Пример того, как
Здесь, если
👉 @sWebDev
Флаг
strictTemplates в Angular повышает строгость типизации в шаблонах, усиливая статическую проверку кода и предотвращая распространённые ошибки во время разработки. Этот режим требует, чтобы все выражения в шаблонах были строго соответствующими типам, определённым в TypeScript-компонентах.Пример того, как
strictTemplates помогает обнаруживать ошибки типизации в шаблоне:// В компоненте Angular
export class AppComponent {
userAge: number;
}
// В шаблоне Angular
<input [value]="userAge.toString()"> // Исправление ошибки компиляции
Здесь, если
userAge предполагается использовать как строку в атрибуте value, без strictTemplates TypeScript не выявил бы несоответствие типов до этапа выполнения. С strictTemplates Angular требует, чтобы вы явно преобразовали number в string, что устраняет потенциальные ошибки в рантайме.👉 @sWebDev
👍4❤1