ну с упорядочиванием ЕМНИП и prettier правильно настроенный может справиться. Хотя лично я предпочитаю упорядочивание ключей, зависимостей отключать

Можешь подсказать, какие настройки prettier это делают?

@livemirsi был какой-то классный плагин, который находил критические ошибки в коде. Забыл как он называется. Ну и хочется все пропсы и зависимости и ключи в объектах в алфавитном порядке поставить. Если можешь что-то посоветовать, буду только рад.

так это плагин реакта и правило eslint делается, ты просто посиди понастривай сначала просто правила eslint, а где не хватить подключай плагины, так наверно правильней всего будет

так это плагин реакта и правило eslint делается, ты просто посиди понастривай сначала просто правила eslint, а где не хватить подключай плагины, так наверно правильней всего будет

@mg901 Или можно конфиг взять готовый (airbnb/standart) и его уже подправит под свои нужды

@mg901 Или можно конфиг взять готовый (airbnb/standart) и его уже подправит под свои нужды

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

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

тоже правильно, зависит от того, какой у человека кейс.

@atomix/eslint-config-react

Всем привет, натолкните на мысль для реализации или может кто сталкивался. Есть список определенный с ключами, я должен при клике по кнопке отправить запрос с ключом, получить данные(не рендерить), сформировать из них пдф стилизированый и отправить на печать. Гугл не особо помог, нашел одну либу более менее, но она требует рендер и через реф отправку нодэлементов списка в компонент печати - этот враиант не подходит. Что можно придумать? или в какую сторону рыть?

Всем привет, натолкните на мысль для реализации или может кто сталкивался. Есть список определенный с ключами, я должен при клике по кнопке отправить запрос с ключом, получить данные(не рендерить), сформировать из них пдф стилизированый и отправить на печать. Гугл не особо помог, нашел одну либу более менее, но она требует рендер и через реф отправку нодэлементов списка в компонент печати - этот враиант не подходит. Что можно придумать? или в какую сторону рыть?

пока не совсем понятно

пока не совсем понятно

что именно?

что именно?

ну где проблема, отправил на сервер запрос, получил данные, сформировал пдф готово

ну где проблема, отправил на сервер запрос, получил данные, сформировал пдф готово

вот в формировании pdf со всеми стилями и отправке его на печать

вот в формировании pdf со всеми стилями и отправке его на печать

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

ребят, насколько страшно в render() создавать массив, мощностью до 20 элементов, но при этом элемент может содержать в себе и SC, и небольшой компонент

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

вот в формировании pdf со всеми стилями и отправке его на печать

вроде у мозилы что то было для пдф и твоей задачи

ребят, насколько страшно в render() создавать массив, мощностью до 20 элементов, но при этом элемент может содержать в себе и SC, и небольшой компонент

так весь реакт работает)

вроде у мозилы что то было для пдф и твоей задачи

понял, посмотрю еще, благодарю!) позжу отпишусь, если что

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

Общий подход такой: пока не лагает, можешь хоть биткоины майнить в рендере :)

понял, посмотрю еще, благодарю!) позжу отпишусь, если что

http://mozilla.github.io/pdf.js/ вроде вот это

так весь реакт работает)

в плане render() const values=[ <SomeComponent/>, ... , ... ] return () так можно или конец перфомансу?)

Можешь подсказать, какие настройки prettier это делают?

https://medium.com/@eliotjunior/prettier-eslint-facebook-code-quality-the-auto-magical-react-styling-tutorial-19481acb10dd https://prettier.io/docs/en/eslint.html и ридмишку этого почитай https://github.com/prettier/eslint-config-prettier

ребят, насколько страшно в render() создавать массив, мощностью до 20 элементов, но при этом элемент может содержать в себе и SC, и небольшой компонент

Вообще похер

в плане render() const values=[ <SomeComponent/>, ... , ... ] return () так можно или конец перфомансу?)

Просто зачем переменную создавать ?

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

ааа, и либы находил зачастую только при работе с формами... формируется просто из набора данных ключ-значение, со своей структурой, кроме react-to-print, который на основе рендера и nodelist. вообще поищу еще

@itsjohncena В целом, годная штука, только объясни пожалуйста, почему export default запрещён?

скиньте ему статью ту про экспорт

@itsjohncena В целом, годная штука, только объясни пожалуйста, почему export default запрещён?

https://blog.neufund.org/why-we-have-banned-default-exports-and-you-should-do-the-same-d51fdc2cf2ad

Просто зачем переменную создавать ?

потом ее передать внутри компонента в качестве prop. создавать переменную или нет - это неважно, если создавать массив сразу в месте передачи в prop, то все равно каждое изменение компонента будет создаваться новый массив. поэтому я пытаюсь избежать вообще формирование этого массива в render, но походу это излишне)

потом ее передать внутри компонента в качестве prop. создавать переменную или нет - это неважно, если создавать массив сразу в месте передачи в prop, то все равно каждое изменение компонента будет создаваться новый массив. поэтому я пытаюсь избежать вообще формирование этого массива в render, но походу это излишне)

если можешь не создавать в рендер, не создавай

если можешь не создавать в рендер, не создавай

+

https://blog.neufund.org/why-we-have-banned-default-exports-and-you-should-do-the-same-d51fdc2cf2ad

Мне всегда казалось что в том и фишка, что дефолтные модули можно импортировать с разными именами

Мне всегда казалось что в том и фишка, что дефолтные модули можно импортировать с разными именами

это минус

Cenator ★ Благодарю тебя.

это минус

иначе имена модулей могут быть длиннющими

иначе имена модулей могут быть длиннющими

а ты не делай такие

типа UserFormFieldLabel

abstract private final virtual UserFormFieldLabel было бы лучше

но если модуль User/Form/Field/Label экспортирует просто Label, то в импорте его можно просто удобно назвать

Всем привет ,а кто-то сталкивался с багом, что когда вешаешь обработчик на инпут, и проверяешь его значение через event.target.value не всез нание из автофилла (допустим зип-код), А только последняя цифра ?

вопрос возник, когда в одном из элементов массива потребовался стейт компонента. это вообще все нужно, чтобы выделять строку в react-table чекбоксом. соответственно react-table требует [columns], внутри [columns] должен быть <Checkbox />, который требует стейт. вот тут сделано так: https://codepen.io/aaronschwartz/pen/WOOPRw но по сути можно создавать columns за пределами render (в компоненте выше, где получаем данные), а внутри render() создавать только <Checkbox/>, а потом делать <ReactTable columns={ [ <Checkbox />].concat(columns) }

Кстати, кто использует unstated заместо редакса?

@atomix/eslint-config-react

ееее

Всем привет ,а кто-то сталкивался с багом, что когда вешаешь обработчик на инпут, и проверяешь его значение через event.target.value не всез нание из автофилла (допустим зип-код), А только последняя цифра ?

регулярку пиши

Кстати, кто использует unstated заместо редакса?

reworm :)

@sergeysova всё классно конечно, только не понятно, вы его поддерживать собираетесь? Последнее обновление 5 месяцев назад было

@sergeysova всё классно конечно, только не понятно, вы его поддерживать собираетесь? Последнее обновление 5 месяцев назад было

Да) жду пока обновятся все плагины

reworm :)

посмотрел, ужаснулся чегот

регулярку пиши

не сосвес понял твой ответ) для чего писать регулярку ?

@itsjohncena срач видел?

https://github.com/airbnb/javascript/issues/1365

Да) жду пока обновятся все плагины

какие именно?

какие именно?

Unicorn например. Но на днях собираюсь сесть и перепроверить все. Может уже скоро

Unicorn например. Но на днях собираюсь сесть и перепроверить все. Может уже скоро

уже 6 версия вышла

уже 6 версия вышла

Хорошо

Возможно сегодня выкачу

Хорошо

хочешь, я тебе пр захуячю)?

хочешь, я тебе пр захуячю)?

Там есть

Надо адаптировать и правила проверить

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

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

Если хочешь сделай ещё

У меня попутно вопрос вылез, почему нельзя setState в componentDidMount изпользовать?

У меня попутно вопрос вылез, почему нельзя setState в componentDidMount изпользовать?

Да вроде можно

У меня попутно вопрос вылез, почему нельзя setState в componentDidMount изпользовать?

это старое наследие видимо, надо пофиксить @sergeysova

ERROR: S client not available

Просто вызовется доп рендер, но он будет не виден пользователю

Мажорная версия выйдет

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

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

@sergeysova ты допили linter свой, воистину хорошая штука получится

о

круто

доделаю

Че за линтер

Че за линтер

конфиг линтера npmjs.com/@atomix/eslint-config

А, лол

как в инстансе axios увидеть конфиг? const api = axios.create({ baseUrl *** console.log(api.config.baseUrl)

всем спасибо, api.defaults.baseURL ?

Ммм очевидный апи

кладется с ssr например

у кого-нибудь было такое, что после setState не выполняется рендер при том, что его выполнение нигде не отменяется?

у кого-нибудь было такое, что после setState не выполняется рендер при том, что его выполнение нигде не отменяется?

Смотри scU

Может он у тебя не реагирует на изменение стейта

Смотри scU

у меня не реализован этот метод в компоненте

делаю setState для изменения value инпута не из onChange

делаю setState для изменения value инпута не из onChange

покажи сет стейт

Всем привет , подскажите плиз , есть роутер (страница) <Route path="/project/:name--:id" render={props=><ProjectPage />} /> , а внутри есть табы , summary , details , rating , нужно их организовать через роутер при том чтоб сохранялись ссылки /project/:name--:id/summary||details||rating

покажи сет стейт

https://pastebin.com/STeJXExF

вроде как, обычный сетСтэйт

если вручную рендер затреггерить спустя секунды 3-4, все ок

в value инпутов загоняю через form.[название поля]

забейте, проблема VKUI компонентов. до рендера доходит.

Хэллоу, кто как тестирует бесконечные (while true) саги ?

Был похожий трабл при переходе с 15,6 на 16,4 реакт. Попробуй так: this.setState(prevState => ({form: …prevState.form, phone: phone_humber}))