Спасибо

Вообще беда с библами по этому поводу была полгода назад. Сейчас хз. Смотря какой кейс

на мой взгляд все это сумашествие по поводу именования компонент доведено до абсурда в vuetify

хорошо что в react такое нет практически нигде

когда из всегдо кода максимум 10% полезного, а все остальное мусор, это ад

Вообще беда с библами по этому поводу была полгода назад. Сейчас хз. Смотря какой кейс

Ну потому что и без либ можно все сделать, просто не понятно какой вариант оптимальный

где тут мусор ?

где тут мусор ?

vue

ahahha

ок

vue

Все ясно

где тут мусор ?

любую хорошую идею можно очень быстро изговнять и довести до абсурда

с vuetify примерно это и произошло как мне кажется

любую хорошую идею можно очень быстро изговнять и довести до абсурда

Реакт не исключение

Реакт не исключение

для реакта тоже есть плохие либы с перегибами

для реакта тоже есть плохие либы с перегибами

Например?

Например?

React bootstrap

Например?

react-bootstrap

просто говна кусок

че тебя не устроило

Modal -> Modal.Header -> Modal.Title это чем надо болеть, чтобы такую конструкцию придумать

Modal -> Modal.Header -> Modal.Title это чем надо болеть, чтобы такую конструкцию придумать

А чем плохо то?

А чем плохо то?

<Modal title={...} достаточно вполне кмк

<Modal title={...} достаточно вполне кмк

а если иконку в тайтл ? А если другой тайтл ?

а если иконку в тайтл ? А если другой тайтл ?

ну в чем проблема то?

если тайт настолько суров, то ты его вынесешь в отельный компонент

ам нарисуешь все что хочешь

либо добавить <Modal extra={...} тут уже иконка, которая будет справа например

<Modal leftIcon={...} rightIcon={...}

по крайней мере в этой ситуации иконки или что-там должно быть упадет в нужное место в заголовке окна

<Modal title={...} достаточно вполне кмк

Ну это не всегда реализуемо

либо добавить <Modal extra={...} тут уже иконка, которая будет справа например

Это не гибко

Особенно если хочешь свой лэйаут внутри

Но для модалки это оверкилл да

Особенно если хочешь свой лэйаут внутри

ну для своих кастомных вещей лучше наверное не использовать что-то стандартное?

<Modal leftIcon={...} rightIcon={...}

Это уже костыли.

а делать сразу свой компонент

ну для своих кастомных вещей лучше наверное не использовать что-то стандартное?

Нет. Должно быть просто гибко

согласен, компоненты наружу намного удобней, взять sc подправил налету и запустил, в противном случае полез вдерби, не прокатило пошел делать пулл реквест, потом долгие ожидание и переживания)

гибкость это не всегда хорошо

Та же таблица. Как ее описать

согласен, компоненты наружу намного удобней, взять sc подправил налету и запустил, в противном случае полез вдерби, не прокатило пошел делать пулл реквест, потом долгие ожидание и переживания)

Вооот

Особенно если хочешь свой лэйаут внутри

Рендер проп

Та же таблица. Как ее описать

react-table же видел?

очень хорошо справляется с таблицами любой сложности

при этом тебе не нужно городить огород из тегов

Рендер проп

И как это решит

react-table же видел?

Не

очень хорошо справляется с таблицами любой сложности

Можешь скриншот скинуть?

И как это решит

Ну прокинет тебе данные и методы и лейаут свой

react-bootstrap

Согласен. Бутстрап и так используют лишь извращенцы бекендеры, а чтобы еще к реакту его привязать. Жуть

Ну прокинет тебе данные и методы и лейаут свой

Ну кстати можно.

Можешь скриншот скинуть?

https://react-table.js.org/#/story/simple-table

согласен, компоненты наружу намного удобней, взять sc подправил налету и запустил, в противном случае полез вдерби, не прокатило пошел делать пулл реквест, потом долгие ожидание и переживания)

проще форкнуть

https://react-table.js.org/#/story/simple-table

Спасибо

проще форкнуть

Проще создать компонентную базу под себя/проект

Проще создать компонентную базу под себя/проект

если нужно быстро и есть готовое. Не проще

проще форкнуть

так форкаю, пока бьюсь с пулл реквестами)

если нужно быстро и есть готовое. Не проще

Если нужно быстро, то лучше вообще без реакта наговнокодить

ERROR: S client not available

Если нужно быстро, то лучше вообще без реакта наговнокодить

ок. Как скажешь. Люблю так делать

https://react-table.js.org/#/story/simple-table

А если мне надо своим компонентом строку рендерить

А кто не любит

Проще создать компонентную базу под себя/проект

Ну да

А если мне надо своим компонентом строку рендерить

ну как раз react-table позволяет тебе кастомизировать буквально все

ну как раз react-table позволяет тебе кастомизировать буквально все

Не увидел. Ладно

там можно кастомный рендерер прикерутить на что угодно

там можно кастомный рендерер прикерутить на что угодно

У меня похожим образом сделано

конвертация данных полей перед рендерингом тоже

Как лучше реализовать попап с динамическими данными на реакте? Допустим, передаем туда данные по отдельному продукту

Как лучше реализовать попап с динамическими данными на реакте? Допустим, передаем туда данные по отдельному продукту

да куча вариантов

Всем привет! Есть у кого-то опыт использования в проекте sentry и raven.js? Можете дать какой-то фидбэк или посоветовать аналоги?

div position: absolute и поперт рисовать

хочешь React.Portal заюзай

Всем привет! Есть у кого-то опыт использования в проекте sentry и raven.js? Можете дать какой-то фидбэк или посоветовать аналоги?

Причем тут реакт?

div position: absolute и поперт рисовать

а как туда передавать пропсы при каждом клике?

не соображу что-то

а как туда передавать пропсы при каждом клике?

Так же как и в любом другом компоненте

а как туда передавать пропсы при каждом клике?

тоже способов полно, от подключения к редакс, до простой подписки на события кастомные

типа is ? <popup data={data} /> : false

?

Как лучше реализовать попап с динамическими данными на реакте? Допустим, передаем туда данные по отдельному продукту

Попап один, а пропсы в него прокидываешь разные. Внутри него выводишь то. что пришло

типа is ? <popup data={data} /> : false

ну либо снаружи контролировать видимоть, либо внутри компонента

Причем тут реакт?

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

типа is ? <popup data={data} /> : false

это если снаружи, если делаешь <Popup show={popupVisibility} /> то внутри проверку делаешь render() { if (!this.props.popupVisibility) return null; ... }

Лучше вывод попапа контролировать вне попапа

не факт

Там, где ты его вставляешь в render()

бывает полезно и внутри это делать