(читал, что export default не рекомендуется, поэтому думаю, как от него избавиться совсем)

const ComponentRaw export const Component = connect..(ComponentRaw)

const ComponentRaw export const Component = connect..(ComponentRaw)

ага, пасиб

Вон в онгуляре никаких дефолтных экспортов

Это потому что Angular их плохо поддерживал. Раньше/не знаю как сейчас, AOT компилятор падал, если компонент экспортировался как default export

Привет, что вы думаете об этом? https://github.com/necolas/react-native-web

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

Это потому что Angular их плохо поддерживал. Раньше/не знаю как сейчас, AOT компилятор падал, если компонент экспортировался как default export

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

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

https://stackoverflow.com/a/45963067/1805951

Всем привет. Народ, помогите разобраться: как сохранять данные в redux-form при переходе по старницам. Т.е. если ввел какие данные в поле , то данные есть в form.feedback.values. Но при переходе на другую страницу есть эта же форма, но form.feedback.values - уже пустое. Как сохранит эти данные ?

там у них на github'е кучка issues по этому поводу

Всем привет. Народ, помогите разобраться: как сохранять данные в redux-form при переходе по старницам. Т.е. если ввел какие данные в поле , то данные есть в form.feedback.values. Но при переходе на другую страницу есть эта же форма, но form.feedback.values - уже пустое. Как сохранит эти данные ?

https://redux-form.com/6.6.3/examples/wizard/

Specify the destroyOnUnmount: false flag to preserve form data across form component unmounts.

Дмитрий, спасибо большое!!

Народ, такая проблема - есть таблица со множеством строк, по клику выпадает вложенный компонет под строкой это может быть другая таблица или еще какой компонент. В общем механизм не хитрый у строк id, запоминаю и в функции рендера смотрю если id строки есть в кэшированном массиве, то после нее рендерю вложенный элемент. Так вот это происходит медленно. 600 ms в среднем между нажатием и вызовом componentDidUpdate. Как тут можно оптимизировать? Уже подумываю самому в дом лезть

Ребят всем привет

Ребят всем привет

Прив

Есть нужда в небольшой помощи по js, оплачиваемой. Нужен толковый человек знакомый с реактом и полифилом

Есть нужда в небольшой помощи по js, оплачиваемой. Нужен толковый человек знакомый с реактом и полифилом

@javascript_jobs

Ну это не совсем job)

ну и не по теме чата

Я могу в принципе вопрос здесь задать

Народ, такая проблема - есть таблица со множеством строк, по клику выпадает вложенный компонет под строкой это может быть другая таблица или еще какой компонент. В общем механизм не хитрый у строк id, запоминаю и в функции рендера смотрю если id строки есть в кэшированном массиве, то после нее рендерю вложенный элемент. Так вот это происходит медленно. 600 ms в среднем между нажатием и вызовом componentDidUpdate. Как тут можно оптимизировать? Уже подумываю самому в дом лезть

Попробуй как то локализировать, что именно медленно происходит?

Попробуй как то локализировать, что именно медленно происходит?

Да в общем то перерендер медленный

Если таблица маленькая, так же медленно?

Или только когда много элементов

Даже на таблице из трех строк как ни странно, но чуть побыстрее

В общем такая функция на каждую строку вызывается https://jsfiddle.net/n5u2wwjg/171380/

Мб React.cloneElement тормозит

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

Народ, такая проблема - есть таблица со множеством строк, по клику выпадает вложенный компонет под строкой это может быть другая таблица или еще какой компонент. В общем механизм не хитрый у строк id, запоминаю и в функции рендера смотрю если id строки есть в кэшированном массиве, то после нее рендерю вложенный элемент. Так вот это происходит медленно. 600 ms в среднем между нажатием и вызовом componentDidUpdate. Как тут можно оптимизировать? Уже подумываю самому в дом лезть

попробуй профилирование

попробуй профилирование

Поподробнее, если можно)

Поподробнее, если можно)

Посмотреть что выполняется и сделать выводы. Учитывать, что дев сборка и руакт дев тулз роняют сильно перфоманс.

Посмотреть что выполняется и сделать выводы. Учитывать, что дев сборка и руакт дев тулз роняют сильно перфоманс.

Ну я в общем так и предполагал, но думал будут более конкретные методики)

Напомните когда вызывается колбэк в setState?

После чего точнее

После смены стейта

Напомните когда вызывается колбэк в setState?

Смотря какой коллбек

Такое ощущение что после ререндера

Если второй аргумент, то синхронно после изменения стейта

Точнее так и есть в моем случае

да вторым аргументом, зависает на 400ms вместе с отрисовкой

да вторым аргументом, зависает на 400ms вместе с отрисовкой

В одном сообщении пиши все

Подскажите плиз, что использовать для форм в реакте? и стоит ли использовать стороннюю библиотеку, если в проекте всего около 3 форм? (регистрация, авторизация, заказ)

Подскажите плиз, что использовать для форм в реакте? и стоит ли использовать стороннюю библиотеку, если в проекте всего около 3 форм? (регистрация, авторизация, заказ)

в зависимости от твой стайла, в идеале для простых форм дополнительные интрументы не нужны

Подскажите плиз, что использовать для форм в реакте? и стоит ли использовать стороннюю библиотеку, если в проекте всего около 3 форм? (регистрация, авторизация, заказ)

redux-form

Подскажите плиз, что использовать для форм в реакте? и стоит ли использовать стороннюю библиотеку, если в проекте всего около 3 форм? (регистрация, авторизация, заказ)

formik

Подскажите плиз, что использовать для форм в реакте? и стоит ли использовать стороннюю библиотеку, если в проекте всего около 3 форм? (регистрация, авторизация, заказ)

https://github.com/final-form/react-final-form

что лучше, юзать export default connect или @connect через babel?

export const enhance = compose( connect(), // ... ) export const ComponentView = ... export const Component = enhance(ComponentView)

export const enhance = compose( connect(), // ... ) export const ComponentView = ... export const Component = enhance(ComponentView)

Вот с одной стороны да, а с другой херня какая-то Вот эта необходимость иметь тупой и прибинженный компоненты убивает Я перестал этим заниматься, но пока в своем проекте еще не довел до конца посыл - все данные лежат в сторе, а компонент только отображает их по данным из пропсов (а-ля по айдишнику или по фильтру для списка). "Тупого" состояния у компонента нет и оно не нужно

Вот с одной стороны да, а с другой херня какая-то Вот эта необходимость иметь тупой и прибинженный компоненты убивает Я перестал этим заниматься, но пока в своем проекте еще не довел до конца посыл - все данные лежат в сторе, а компонент только отображает их по данным из пропсов (а-ля по айдишнику или по фильтру для списка). "Тупого" состояния у компонента нет и оно не нужно

То есть все кнопки привязаны к стору?

То есть все кнопки привязаны к стору?

Кнопки привязаны к событиям. Сторы их слушают и выполняют логику

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

Верю, спасибо

Кстати, а у кого-то есть подборка "Why Ant Design is bad"?

https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md#ant-design-Антд

Народ, кто знает почему не работаю кнопки в popover, когда на них нажимаешь

"Дорогие учёные. У меня который год в подполе происходит подземный стук. Объясните, пожалуйста, как он происходит" :)

Подскажите, как в react-router-dom писать в адресную строку без перезагрузки?

Подскажите, как в react-router-dom писать в адресную строку без перезагрузки?

history.push

history.push

это вроде стандартный API браузера. Такой же prop перезагружает страницу UPD: попробовал вызывать window.history.push([]) - и вовсе ошибку выдаёт.

это вроде стандартный API браузера. Такой же prop перезагружает страницу UPD: попробовал вызывать window.history.push([]) - и вовсе ошибку выдаёт.

Потому что аргументы не правильные передашь в push

ERROR: S client not available

А не, нативный метод по-другому называется даже

https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md#ant-design-Антд

Спасибо Не знал про less, очень странное решение

Спасибо Не знал про less, очень странное решение

Исторически сложилось ?‍♂️

Потому что аргументы не правильные передашь в push

а как их правильно передать? нашёл вот такой вариант this.props.history.push("/",{data:"sssasas"}); - что-то не то.

у меня роут из которого я хочу менять строку exact path="/", может, из-за этого?

а как их правильно передать? нашёл вот такой вариант this.props.history.push("/",{data:"sssasas"}); - что-то не то.

Почитай на mdn. Но тебе это не поможет скорее всего. Какая у тебя задача вообще? Может можно не писать в урл?

Почитай на mdn. Но тебе это не поможет скорее всего. Какая у тебя задача вообще? Может можно не писать в урл?

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

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

Тебе надо организовать фильтрацию так, что для неё применялись параметры из урла и только, тогда заработает так, как надо

Тебе надо организовать фильтрацию так, что для неё применялись параметры из урла и только, тогда заработает так, как надо

я не против, так как параметры в урл засунуть?

я не против, так как параметры в урл засунуть?

Собрать урл с гет- параметрами и запушить его

По-моему только руками

так это страницу перезагружает, как запушить, чтоб не перезагружал, какой правильный синтаксис?

Беру query-string для парсинга и записи в урл

https://www.npmjs.com/package/query-string

так это страницу перезагружает, как запушить, чтоб не перезагружал, какой правильный синтаксис?

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

В фильтры засовываю в конструкторе из location.search

если через this.props.history.push, то точно не будет перегружать

В фильтры засовываю в конструкторе из location.search

примерно так и намереваюсь сделать. Про query-string в курсе, но react-router предлагает помимо прочего похожий функционал и в идеале хотелось бы им воспользоваться.

примерно так и намереваюсь сделать. Про query-string в курсе, но react-router предлагает помимо прочего похожий функционал и в идеале хотелось бы им воспользоваться.

Не предлагает, насколько я знаю

как раз не предлагает https://github.com/ReactTraining/react-router/issues/2366

Старые версии до v4 предлагали, а в новом ничего не нашёл. Поэтому записываю в урл через history.push(/list?${query}), а для чтения после перезагрузки беру значения в конструкторе

Старые версии до v4 предлагали, а в новом ничего не нашёл. Поэтому записываю в урл через history.push(/list?${query}), а для чтения после перезагрузки беру значения в конструкторе

да, в старых версиях. Потом частично обходился упрощением синтаксиса параметров в некоторых случаях, И триггерился на location.

если через this.props.history.push, то точно не будет перегружать

Возмжно он и не перезагружает.... Просто некоторые компоненты исчезают сразу, как делаю push

это немного расплывчатое описание.. Нужны подробности

App.js сейчас выглядит вот так : <Portal node="pageHeader"> <Header locals={this.props.locals}/> </Portal> <Switch> <Route path='/item' component={ItemPage} /> <Route exact path="/" component={MainSheet} /> <Route component={NotFoundPage} /> </Switch> Как только делаю пуш, исчезают всё, кроме MainSheet

Т.е., к примеру Header в портале?

Т.е., к примеру Header в портале?

верно.

сейчас попробовал присвоить в window.location.search что-то - страница тоже перезагрузилась.