Blazor потрясающий, действительно потрясающий, особенно когда мы делаем асинхронные вещи, такие как загрузка ящиков, и это выглядит просто хорошо.

Я пытался придумать несколько способов обработки загрузки страниц, состояний, компонентов и т. д. И я думаю, что наконец нашел идеальный способ сделать это так, как я хочу.

Идея

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

Код загрузки компонента

Хотя код довольно прост, делать не так уж и много: базовый if со свойством загрузки, функцией переключения внутри и все готово!

[[[ТОК_2]]]

Использование

Использование довольно простое: для тестирования мы собираемся использовать новую страницу и поместить наш контент внутрь только что созданного компонента LoadingComponent .

[[[ТОК_4]]]

Вот как это выглядит

Еще забавный пример

Допустим, у нас есть несколько компонентов, каждый из которых имеет свое время загрузки, и на основе этого мы можем создать что-то, что будет хорошо выглядеть!

Давайте создадим фиктивный загрузочный компонент, который мы сможем использовать повторно, под названием FakeLoadingComponent.

[[[ТОК_7]]]

Затем мы просто обновляем страницу Loading несколькими компонентами FakeLoadingComponent и проверяем результат!!

[[[ТОК_10]]]

Теперь это выглядит намного лучше

И все!

Если у вас есть какие-либо проблемы или вопросы, не стесняйтесь обращаться ко мне в любой социальной сети по адресу @emimontesdeoca (в Твиттере на самом деле это @emimontesdeocaa с двумя aa в конце). Большую часть моих соцсетей вы также можете найти в шапке блога.

Надеюсь, вам понравился пост!