8 июля в 12:00 Мск присоединяйтесь к видеотрансляции моего воркшопа «Разработка SPA-фронтенда для визуализации данных об аэропортах на React, TypeScript» на конференции Ural Digital Weekend. В рамках воркшопа мы спроектируем и разработаем интерфейс для визуализации данных об аэропортах. Для реализации будем использовать React JS, TypeScript и Rest API из первого воркшопа. В процессе реализации мы затронем следующие стадии разработки: — Соберем интерфейс на основе готового шаблона — Верстка темплейтов c Tailwind CSS — Создание основных компонентов, настройка роутинга — Разработка API-слоя, разработка сторы — Интеграция сторы с интерфейсом — Частичное покрытие функционала тестами В результате у нас получится интерфейс веб-приложения, который использует Rest API из первого воркшопа. Также, не пропустите Алексея Кузнецова (VK Cloud Solutions) и Максима Ибрагимова (Spectr). Ссылка на полную трансляцию секции: • Видеотрансляция потока «Воркшопы и ма... Подпишитесь на трансляцию, чтобы не пропустить! Ссылка на программу:
Официальный канал конференции:
Public API:
Исходный код:
Thanks for timecodes to - Bogdan Moskvitin 00:00 Вступление от Владилена 1:00 Обзор проекта 3:30 Создание и настройка проекта 7:30 Маршрутизация 11:50 Создание навигации 14:50 Верстка главной страницы 19:10 Создание Store 30:05 Загрузка данных с сервера 44:30 Отображение данных в AirportCard 47:35 Обработка состояния загрузки и ошибки 48:45 Стилизация AirportCard 52:20 Обработка клика по AirportCard 54:50 Пагинация 1:10:35 Создание поисковика 1:31:25 Создание фильтров 2:01:10 Создание страницы AirportDetail 2:07:30 Создание авторизации 2:33:50 Вопросы к Владилену #udw #udweek #ural_digital_weekend #digital #tagline #тэглайн #spectr #digitalspectr #мероприятие #udweek
