steroids / react

SteroidsJS core library

Steroids

Steroids site • Submit an Issue • Contact Us

Our Open-Source Steroids framework is an ecosystem based on React and Redux with a large set of ready-made components, unique architecture, UI Kit and SSR

Why Steroids

• Steroids contains ready-made project architecture

• Steroids provides the ability to customize components, thanks to the separation of core and view parts

• An extensive library of ready-made components with detailed documentation that simplifies integration into the project

• Intuitive design layout of UI components in Figma for quick visualization and adaptation to unique needs

Explore and immerse yourself in the world of rapid development through documentation Documentation.

Directions for applied use of the Steroids framework

• Creation of various websites (for example, an online store website)
• Creation of CRM and ERP systems
• Creation of SPA applications
• Creation of admin panels
• Creation of personal accounts

react's Issues

Некорректная работа роутинга

Глоссарий

МО - обычный маршрут. Маршрут в конфигурации которого не указано поле role либо не является одним из значений 'login' | 'modal' | '404'

МОК - МО, но в url которого есть квери параметры. Пример: /book?page=3

ММ - маршрут-модалка. Маршрут в конфигурации которого есть поле role='modal'

ММК - ММ, но в url которого есть квери параметры. Пример: /book?page=3

НН - нажатие на системную кнопку "Назад" в браузере

--> - переход на маршрут. Пример: --> МО следует читать как "переход на обычный маршрут"

|--> - начальная загрузка. Аналог перезагрузки страницы.

+ - показывает последовательность действий. Пример: |--> МО + --> ММ + НН следует читать как "Загрузка страницы на обычном маршруте, затем переход на маршрут-модалку, затем нажатие на системную кнопку 'назад' в браузере"

x - закрытие модального окна

Тест кейсы

1. |--> МО
2. |--> МО + --> ММ + НН
3. |--> МО + --> ММ + x
4. |--> МО + --> ММК + НН
5. |--> МО + --> ММК + x
6. |--> МОК
7. |--> МОК + --> ММ + НН
8. |--> МОК + --> ММК + НН
9. |--> МОК + --> ММ + x
10. |--> ММ
11. |--> ММ + x
12. |--> ММ + --> МО + НН
13. |--> ММК + --> МО + НН

Примеры некорректной работы

3. |--> МО + --> ММ + x

/book/kray-rodnoy/chapter_2 --> /book/kray-rodnoy/chapter_2/dictionary/1 + x = /book/kray-rodnoy/chapter_2?articleId=1

5. |--> МО + --> ММК + x

/book/kray-rodnoy/chapter_2 --> /book/kray-rodnoy/chapter_2/audio-text?audioId=2 + x = /book/kray-rodnoy/chapter_2?audioId=2

9. |--> МОК + --> ММ + x

/book/kray-rodnoy/dictionary?chapterId=2 --> /book/kray-rodnoy/dictionary/1 + x = /book/kray-rodnoy/dictionary?articleId=1

Некорректная работа заключается в том, что после закрытия ММ либо ММК в родительский маршрут попадают ненужные квери параметры либо удаляются нужные квери параметры и добавляются ненужные. Исправление может сказываться на других тест кейсах, поэтому после исправления некорректной работы крайне желательно проверить пройтись по всем тест кейсам и убедиться в корректности работы(желательно тестами).

Дополнительно

Связанный PR. В рамках этого MR было сделано исправление, которое сказывается на работе других тест кейсов. А именно стали некорректно работать пункты: 12, 13

Некорректная работа FileField

Подробное описание: https://gitlab.kozhindev.com/steroids/dev/-/issues/671

Добавление своих reducers в useApplication

Доброго времени суток! Как добавить свои reducers в useApplication, где-то есть подробный пример?

Некорректная работа роутера при рендере родительских роутов

Имеется следующий конфиг роутера:

Для отображения роутов используется компонент Tree

Роуты в нем отображаются корректно, однако без указания exact: true для ROUTE_MENU и ROUTE_CONTENT при переходе на дочерние роуты ROUTE_CONTENT получаем ошибку

В процессе выяснил, что это из-за того, что роутер пытается отрендерить ROUTE_MENU и ROUTE_CONTENT, а для них не указаны path и component. Но это контейнеры для набора других роутов и они не должны рендериться. Указание exact: true для них является скорее нелогичным хаком роутера, так как этот параметр отвечает за то, чтобы рендерить роуты только когда текущий path равен path роута, а для этих роутов path не указан. Указание только path приводит к другой проблеме - дочерние роуты не рендерятся.
Мне кажется нужно учесть роуты подобного вида и не пытаться их рендерить, если у них нет component, но есть дочерние items