Не увидел второй pr, интересно

а тут вроде даже есть целая библиотека хелперов

https://reactjs.org/docs/perf.html

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

идем в сторону фремворка )000

User timing подробный

да понятно что дев тулзы + perfomance.now()

+ снепшот памяти и cpu нагрузки скажут тебе все

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

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

Меня все в user timing бесило предупреждение sheduled a cascading updatre

И только недавно понял, что это шутки вызова коннектов в разном порядке (а не по дереву компонентов)

а еще интересно за setState смотреть

как оно собирает udater в батчи

правда такое редко можно увидеть

Это если внутрь объект, а не функцию передать?)

когда разве что постоянно обновляешь много разных полей. ну да я ток с объектом это наблюдал

вообще там так хитро сделан этот setState

я хз как он внутри работает

м а г и я

setState considered harmful

this.state = object.assign(prevState, newState) this.forceUpdate() ??

Мы што хуже курильщиков

Стейт можно просто задавать без этих императивных преколов

Мы што хуже курильщиков

Это от дейкстры

https://ru.wikipedia.org/wiki/Considered_harmful

Благодарю, не встречал это выражение))

setState considered harmful

уже начал effectorView писать?)

уже начал effectorView писать?)

Нет, зачем? Достаточно effector-react

?

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

кто что думает по этому подходу и использовании его в паре с react http://rscss.io/

мне кажется немного проще бэм + меньше текста + помоему на рект проще ложиться

styled-components

Всем привет! Есть react-app-rewired, в котором алиасы на некоторые папки. Проблема в том, что редактор не знает об этих алиасах, соответственно не может сделать автокомплит и прочие штуки. Можно ли как-то подсказать VSCode эти алиасы?

Всем привет! Есть react-app-rewired, в котором алиасы на некоторые папки. Проблема в том, что редактор не знает об этих алиасах, соответственно не может сделать автокомплит и прочие штуки. Можно ли как-то подсказать VSCode эти алиасы?

В tsconfig.json

Всем привет! Есть react-app-rewired, в котором алиасы на некоторые папки. Проблема в том, что редактор не знает об этих алиасах, соответственно не может сделать автокомплит и прочие штуки. Можно ли как-то подсказать VSCode эти алиасы?

И jsconfig

Доброе утро всем! Подскажите возможно ли засунуть данные в поле инпута перетаскивая див с текстом при помощи драг н дропа?

Из SC компонента можно извлечь исходный?

Из SC компонента можно извлечь исходный?

wrappedComponent вроде бы

И jsconfig

Спасибо, погляжу)

запись митапа еще не выкладывали?

Доброе утро всем! Подскажите возможно ли засунуть данные в поле инпута перетаскивая див с текстом при помощи драг н дропа?

а почему нет? подписываешься на события драгндропа - > вставляешь значения в инпут

а почему нет? подписываешься на события драгндропа - > вставляешь значения в инпут

Юзаю react-beautiful-dnd там отдельные области для драга готовые компоненты! Данный вариант в какой реализации актуален?

Юзаю react-beautiful-dnd там отдельные области для драга готовые компоненты! Данный вариант в какой реализации актуален?

Создай компонент, внутри которого будет только твой инпут При драге на этот компонент отправляй в инпут данные.

Создай компонент, внутри которого будет только твой инпут При драге на этот компонент отправляй в инпут данные.

ок спасибо попробую реализовать

посоветуйте на ваш взгляд туториал(кроме документации офк) для нуба более-менее современный (рус/енг).

Доброе утро всем! Подскажите возможно ли засунуть данные в поле инпута перетаскивая див с текстом при помощи драг н дропа?

да, в onDragStart делаешь еvent.dataTransfer что-то там, а в onDrop (точно не помню) эту дату читаешь

посоветуйте на ваш взгляд туториал(кроме документации офк) для нуба более-менее современный (рус/енг).

рус: курс Климова по реакту можно англ: egghead

Всем утро. Ребята, может кто в кратце раздуплить разницу между Link и Route? И второй вопрос про exact path. Правильно ли я понимаю, что если у нас есть компонент к примеру показывающий все посты, и в нем есть компонент который создает новые, то для первого мы должны прописать exact path, а для второго просто path. Так как когда мы перейдем в /ТутПосты/ТутСоздатьПост то нам вернет /ТутПосты по первому совпадению?

Всем утро. Ребята, может кто в кратце раздуплить разницу между Link и Route? И второй вопрос про exact path. Правильно ли я понимаю, что если у нас есть компонент к примеру показывающий все посты, и в нем есть компонент который создает новые, то для первого мы должны прописать exact path, а для второго просто path. Так как когда мы перейдем в /ТутПосты/ТутСоздатьПост то нам вернет /ТутПосты по первому совпадению?

Линк это ссылка, Route это компонент который отрендерится при определенномом route

Всем привет. Ребята подскажите как реализовать. У меня есть дефолтное состояние компонента. В нем обычный список. При ресайзе. Мне надо что бы этот список превратился в аккордеон. PS: Не судите строго. В реакте совсем недавно!

А запись митапа есть от 4ого числа?

Всем привет. Ребята подскажите как реализовать. У меня есть дефолтное состояние компонента. В нем обычный список. При ресайзе. Мне надо что бы этот список превратился в аккордеон. PS: Не судите строго. В реакте совсем недавно!

на componentDidMount вешаешь событие resize при ресайзе меняешь стейт

на componentDidMount вешаешь событие resize при ресайзе меняешь стейт

обычный window resize?

обычный window resize?

да

да

ок. спасибо. и типо в зависимости от стейта ставить или обычлный список или уже react-accordeon

ок. спасибо. и типо в зависимости от стейта ставить или обычлный список или уже react-accordeon

что хочешь

ERROR: S client not available

да

т.е. this.state.res ? <ul></ul> : <Accordeon/>

да

сойдет

Добрый день. Подскажите пожалуйста. Как правильно или как лучше писать стили для Реакт компонентов ? Что использовать, как сейчас лучше делают, пишут отдельно css или reactCss ?

да

а может как то можно лучше это реализовать?

Добрый день. Подскажите пожалуйста. Как правильно или как лучше писать стили для Реакт компонентов ? Что использовать, как сейчас лучше делают, пишут отдельно css или reactCss ?

styled-components

Добрый день. Подскажите пожалуйста. Как правильно или как лучше писать стили для Реакт компонентов ? Что использовать, как сейчас лучше делают, пишут отдельно css или reactCss ?

Лучше стили хранить в отдельном файле.

а может как то можно лучше это реализовать?

И так хорошо, не парся

Лучше стили хранить в отдельном файле.

т.е. писать стили отдеально компоненты отдельно, как в старые добрые ?

И так хорошо, не парся

Ок спасибо.

т.е. писать стили отдеально компоненты отдельно, как в старые добрые ?

это уже легаси подход

это уже легаси подход

ну вот мне интересно как сейчас делают ?

т.е. писать стили отдеально компоненты отдельно, как в старые добрые ?

Ну я делаю так. Для поддрежки лучше. А потом все стили в одном файле собираешь.

ну вот мне интересно как сейчас делают ?

написал же

css in js

написал же

не хвалят это способ

Добрый день. Подскажите пожалуйста. Как правильно или как лучше писать стили для Реакт компонентов ? Что использовать, как сейчас лучше делают, пишут отдельно css или reactCss ?

styled-components

не хвалят это способ

кто?) версталы?

не хвалят это способ

у меня противоположная инфа

у меня противоположная инфа

ну все делают по разному. я и верстаю тоже.

css in js

цсс модули

цсс модули

херня

ну все делают по разному. я и верстаю тоже.

я верстаю на стейледах

мучаюсь с ними

в чем приемущества писать стили в компонентах ? кроме того что стили не глобальные ?

мучаюсь с ними

в чем проблема с ними

собираеться как-то по умному ?

в чем проблема с ними

в их сборке

руками собираешь там чтоли