[Twitter-app: Spring boot 3, React 18] 35 Добавляем роутинг (react-router-dom)

Рет қаралды 108

Ай бұрын

#fullstack #react #reactrouter
В этом видео добавим функционал по роутингу (переходу между веб страницами приложения).
Ссылка на github: github.com/SLabuzov/twitter-c...

Пікірлер: 10

@eduardklygunov1412 Ай бұрын

спасибо большое за видео!

@ram0973 18 күн бұрын

Попробовал tanstack router вместо react-router, файловый вариант. Очень медленный, по 2 раза рендерит компоненты (на гитхабе есть issue). В общем кажется пока сырой) Из плюсов - дерево роутов наглядно лежит по папкам и файлам. И есть примеры для Router Query

@sergey_labuzov 18 күн бұрын

Это хороший опыт для вас, уже можете сравнивать две реализации и выбирать наиболее подходящий вариант. Tanstack router очень похож на роутинг Next.js

@ram0973 25 күн бұрын

Попробовал сделать Crud для сущности User. Вывожу таблицу пользователей и 3 иконки (исправить, удалить, просмотреть) и действия на них. При удалении вылезает Модальное окно с подтверждением. Также сделал переключатель enabled и при нажатии - срабатывает обработчик, который выводит Chakra Alert - успешно или неуспешно отработал бэкенд. Но получился такой винегрет из тегов Чакры и обработчиков событий, как интересно всё это красиво разложить...

@sergey_labuzov 25 күн бұрын

Добрый день. Есть ссылка на репозиторий с кодом?

@ram0973 24 күн бұрын

@@sergey_labuzov приложил ссылку, но ютуб её удалил 😂👍Я просто видимо забежал вперед.

@sergey_labuzov 24 күн бұрын

Тогда переходите в гит ( github.com/SLabuzov/twitter-client-app/issues ) и создавайте новый тикет, в котором указывайте все что пожелаете 😁

@ram0973 8 күн бұрын

Здравствуйте, можно вас попросить забежать вперед и записать короткое видео, как упаковать приложение реакт в jar со спрингом? Не терпится свой проект блога на vps выложить...

@sergey_labuzov 7 күн бұрын

Здравствуйте. В планах реализовать очень маленький проект с полным циклом разработки серверной и клиентской частей. Но сейчас времени катастрофически не хватает на новые видео. Наслаждаюсь отцовством :) На самом деле все эту задачу можно реализовать достаточно просто (если говорить про ручные манипуляции). Последовательность действий: 1. Билд фронта ( npm run build ) 2. Все файлы из директории dist переносим в директорию resources/static 3. Билдим в JAR. + 1. Нужно будет добавить фильтр для отображения клиента Пример реализации фильтра: github.com/jhipster/jhipster-sample-app/blob/1ef3d9e0170abd923f2f7dd8c928d9cdc858a0b3/src/main/java/io/github/jhipster/sample/web/filter/SpaWebFilter.java#L10 2. Подшаманить конфиг (52 строка) github.com/jhipster/jhipster-sample-app/blob/1ef3d9e0170abd923f2f7dd8c928d9cdc858a0b3/src/main/java/io/github/jhipster/sample/config/SecurityConfiguration.java#L7

@ram0973 7 күн бұрын

@@sergey_labuzov Спасибо большое!