React 19 Приложение "События"

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

React 19 Приложение "События" — УрокСтраница моих событий — React 19 Приложение "События" | Max Roslow | Space of React

Мои события

Фильтрация созданных пользователем событий и условный рендеринг вкладок created и joined с состояниями загрузки и пустого списка. Для таких экранов обычно отдельно обрабатывают loading и empty state. stackoverflow

client/src/pages/events/my/page.tsx


const createdList = () => {
    if (!user) return []
    return events
        .filter(e => e.ownerId === user.id)
        .sort((a, b) => a.startedAt.localeCompare(b.startedAt))
}


<TabsContent value="created" className="mt-0">
    {
            eventsLoading 
                ? 'Загрузка'


<TabsContent value="joined" className="mt-0">
    {
        joinedLoading
            ? 'Загрузка'