Библиотеки React

Коллеги. Просьба подсказать такие "рыбные" места как "Ресурсы React с UI-компонентами". Т.е. готовые решения и библиотеки. В идеале с примерами использования.
Вопрос о нежелании изобретать велосипед и поучиться на хорошем ( даже готовом ). Что-то искать в codepen, так себе.
Если есть такая база на форуме, просьба ткнуть линком. Понятно критика, ещё один на всё готовое также принимается. Но разве я такой один? Никто не пользовался подобным.
Первое что просится конечно с хабра Лучшие библиотеки UI-компонентов для React в 2025 году Если правильно понял, не всё связанное с React. Тем не менее к изучению безусловно.
Под какое задание, пока без ответа. Надо набрать базу и обзор решений.

0

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

Ты можешь применять для визуала mui, ant-design и т.д., ui-kit компании на которую работаешь, самописный ui-kit
Стили на компоненты можешь накидывать просто через импорт классов из styles.css либо генерируя через styled
Для хранения данных можешь использовать redux или mobx или react context и т.д.
Для управления запросами по сети можешь использовать RTK Query (redux) или React Query или ручную обработку
Для запросов по сети axios или fetch (или мб даже веб сокеты если тебе вдруг такое надо)
Для форм react-hook-form+zod/yup/... или тут не знаю хороших других аналогов поэтому не скажу
Для всякой специфики обычно библиотеки ищутся например если хочешь какую-то библиотеку для DnD или редактора текста и т.д, но на каждое направление там есть по несколько вариантов у которых разные плюсы/минусы...

Если бы я делал какой-то хобби проект вне работы для себя - я б взял mui + styled + redux + RTK Query + context + axios + react-hook-form+zod + прочее по ситуации смотреть варианты

0

Сообщение от Ovederax я б взял mui + styled + redux + RTK Query + context + axios + react-hook-form+zod + прочее по ситуации смотреть варианты

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

0

Сообщение от Segera Под какое задание, пока без ответа. Надо набрать базу и обзор решений.

Запрос в гугле "awesome react" и будет вам счастие.

Можете сузить поиск и добавить слово github, поскольку обзоры, как правило, находятся на гитхабе

0

Сообщение от sqltd1 Запрос в гугле "awesome react"

Спасибо всем откликнувшимся. Уже перестал надеяться.
Наверное запрос в поиске должен более конкретизирован в виде "awesome react UI-component"
Чтобы не было с азов JS.

Сообщение от Ovederax Реакт это ж конструктор,

Наверное конструктором можно многое назвать. Любой ЯП. Но мне кажется скорее фреймворк JS. Где сформирован свой почти язык JSX со своим синтаксисом. Или почти своим.
Если это конструктор уровня SMC, что маловероятно, значит должны быть готовые наработки по наиболее применяемым задачам. Речь как бы об этом.
Насколько это увеличит объем кода вопрос конечно интересный. С учетом значительной мощности ресурсов и скорости интернета, менее актуальный, чем когда-то. Хотя да, это также желательно учитывать.

0

Сообщение от Segera С учетом значительной мощности ресурсов и скорости интернета,

Чьих ресурсов и чьей скорости? Моих? Ваших? Или средних по (стране, миру)?
Так вот со средними все не так уж и хорошо.
Даже я, уехав на дачу, где с инетом не так хорошо, часто испытываю затруднения, и страницы грузятся по 5-10сек.
Да и мобильники, если брать в среднем, далеко не у всех флагманские (флагманов на самом деле меньше 10-15%).

0

Сообщение от Ovederax + axios +

Вот мы и дожили до того, что AJAX-запрос уже послать не можем без библиотечки...

0

Сообщение от Usaga Вот мы и дожили до того, что AJAX-запрос уже послать не можем без библиотечки...

Вопрос от тех, кто в танке: есть ли в чём-то преимущество этой библиотеки по сравнению со встроенным fetch? Или эта библиотека и есть аналог fetch для сред, где его ещё не завезли?

0

Mysterious Light, это аналог fetch, из времён, когда в ноде fetch не было.

0

Сообщение от Mysterious Light есть ли в чём-то преимущество этой библиотеки по сравнению со встроенным fetch?

Наш молодняк утверждает что есть.
Один из них, что fetch в "условный" .then() попадает при большем "наборе" статусов, нежели axios.

Так же у axios есть т.н. миделвейеры. Которые позволяют "изнутри" выполнять некие операции...

Как по мне - так это все баловство. Все равно на большой задаче приходится делать достаточно много для обеспечения 100%-ной обработки данных.
Но молодняк уже без библиотек "отказывается работать".

Считают наличие кучи всего "чужого" показателем своей крутости и осведомленности.

Добавлено через 11 минут

Сообщение от Mysterious Light Или эта библиотека и есть аналог fetch для сред, где его ещё не завезли?

Наверное так и есть.

Вот такую статейку нагуглил.
https://habr.com/ru/companies/... es/477286/

1

Сообщение от krvsa Но молодняк уже без библиотек "отказывается работать".

Ну, винить "молодняк" тоже не стоит. Охватить всё и сразу не так просто, когда ты джун. Так или иначе будешь полагаться на сообщество. А если сообщество выкатило какую-то библиотеку, значит она решает какую-то проблему. Значит надо брать.

0

На все на это есть мидлы и сеньеры, что бы розгами молодняк учить.
Но им судя по всему по фиг.
Заказчик и юзверь схавает и не такое Г. при отсутствии другого.

0

Сообщение от voraa Но им судя по всему по фиг.

Не пофиг. Но что будет хавать заказчик и юзверь определяет тот, кто платит за банкет

0

Сообщение от Usaga Не пофиг.

Но при дилемме - нормальный эффективный код или сроки, все они выберут сроки. А хороший код запишут в тех. долг. А кто же его потребует возвращать?

0

Сообщение от voraa Но при дилемме - нормальный эффективный код или сроки, все они выберут сроки.

Ну логично. Пользователь не видит нормальный эффективный код. Он видит фичу - здесь и сейчас

0

Сообщение от voraa На все на это есть мидлы и сеньеры, что бы розгами молодняк учить.

Это не наш метод. (с)
Только убеждение и личный пример. Хотя иногда в таких мелочах могу и уступить...

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

Ну я и дрогнул...

0

Сообщение от krvsa Хотя иногда в таких мелочах могу и уступить...

Сколько Кб эта мелочь тянет?
А если таких мелочей много? Уже и в Мб мерить придется.

0

Сообщение от voraa Сколько Кб эта мелочь тянет?

Я не смотрел...

Добавлено через 1 минуту

Сообщение от voraa Уже и в Мб мерить придется.

У нас давно все измеряется в Мб. ПО достаточно большое + картинки...

0

Сообщение от krvsa ПО достаточно большое

Это я понимаю. Любое ПО можно сделать достаточно большим, и даже еще больше, не внося особо нужного функционала.

Сам грешу иногда. Начинаю что то, раскладываю все на классы, пишу методы, даже не нужные вот прямо сейчас, зачем то какое то наследование... (А ВДРУГ надо будет расширять)... Проходит 3 года, 5 лет... Все работает, но ни о каком расширении или изменении речи нет. А если и приходится, то совсем не то, о чем думалось вначале.
Только на старости лет стал умнее. Писать только то, что нужно здесь и сейчас и как можно проще.

0

Сообщение от voraa Писать только то, что нужно здесь и сейчас и как можно проще.

YAGNI. Это называется "мудрость" и "опыт")

Сообщение от voraa Сколько Кб эта мелочь тянет?

Меня в этих вещах не столько размер парит, сколько то, что это - ещё одна зависимость. Которую обновлять надо, которая в какой-то момент поддерживаться перестанет, какая-нибудь уязвимость нарисуется. Короче, ещё одна точка отказа и\или геморроя в будущем.

0