Как с помощью Typescript я получал свойства React-компонентов

[gsaw]

Я в typescript и react без году неделя и статья звучит для меня как "абракадабра". У нас есть два проекта на Яве и мы все больше явисты, чем ui-сты У обоих проектов есть ui часть, созданная сначала для тупой визуализации данных, но разросшихся до средних таких размеров. Как водится выросли дикие заросли из компонентов, причем в обоих проектах дупликаты и по сути и по отображению. Вот и подумываю, как бы все эти компоненты вынести в библиотеку. И причесать структуру проектов.

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

Спасибо

[zemskovs]

Думаю, что для ui вашего приложения действительно не подходит эта статья. Это похоже на использование рефлексии в java. Конечно, есть нюансы, но для общего понимания надеюсь станет легче.

По организации кода не могу не порекомендовать статьи от коллег:
- https://habr.com/ru/companies/beeline_tech/articles/860612/
- https://habr.com/ru/companies/beeline_tech/articles/862558/

Также можете посмотреть в сторону FSD. А также доклад по практическому использованию fsd на holyJS

[BruTO8000]

А мне так и непонятно, какую проблему вы решили? Вы хотели использовать и typescript и proptypes, но описывать одну схему?
Если да, то не легче было просто общую схему описать, которая бы генерила proptypes, и выводила typescript схему?
То есть использовать code first, а не schema first

[zemskovs]

Идея в том, чтобы использовать только описание props с помощью typescript. А само описание нужно для отображение контролов в low code платформе.

[BruTO8000]

Окей проблема понятно. А вот почему через typescript решили, непонятно.
Посмотрите в сторону zod (валидатор). Схема описывается через JS, но можно вывести typescript типы.
+ вам для low code платформы нужна будет валидация данных, например чтобы число было положительным, или чтобы строка была не длиннее чем X символов.
А как вы это сделаете через typescript?
Решение я описал в первом комментарии, и как будто больше подходит. А еще вопрос поддержки. Вот вы разобрались, понимаете как парсить ast дерево, но задача у вас простая, и придется поддерживать этот кому-то этот костыль....