Size: a a a

React — русскоговорящее сообщество

2020 December 26

AA

Andrey Anelkin in React — русскоговорящее сообщество
AluV Daniil
Подскажите какие есть лучшие инструменты сейчас для debug производительности React компонентов: количество перерисовок, из-за чего происходит ререндер и так далее
Стандартный профайлер хрома
источник

AD

AluV Daniil in React — русскоговорящее сообщество
Ну это понятное дело, но его не хватает когда надо разбираться в сложном компоненте который хранит деревья внутри себя и рендерит деревья
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
AluV Daniil
Ну это понятное дело, но его не хватает когда надо разбираться в сложном компоненте который хранит деревья внутри себя и рендерит деревья
Стандартный профайлер реакта
источник

АН

Андрей Негруша... in React — русскоговорящее сообщество
Всем привет, я с небольшим вопросом по реакт роутеру.
Вот у меня вопрос, если например мне нужно отрисовать компоненту при определенном урле, но при этом прокинуть в нее определенные пропсы. А роутер и навлинк находятся в разных файлах. Как это можно сделать?
Например с редаксом же можно при помощи mapStateToProps, а без него?
источник

АН

Андрей Негруша... in React — русскоговорящее сообщество
Можно при помощи render прокидывать пропсы в компоненту, но тогда получается нужно необходимые данные вынести вверх к Route, да?
источник

ДУ

Дмитрий Устинов... in React — русскоговорящее сообщество
Андрей Негруша
Всем привет, я с небольшим вопросом по реакт роутеру.
Вот у меня вопрос, если например мне нужно отрисовать компоненту при определенном урле, но при этом прокинуть в нее определенные пропсы. А роутер и навлинк находятся в разных файлах. Как это можно сделать?
Например с редаксом же можно при помощи mapStateToProps, а без него?
Может, Context поможет
источник

ДУ

Дмитрий Устинов... in React — русскоговорящее сообщество
Андрей Негруша
Можно при помощи render прокидывать пропсы в компоненту, но тогда получается нужно необходимые данные вынести вверх к Route, да?
Вообще, на навлинк не обращаем внимания... Он, как ссылка...

Если хочешь прокинуть пропсы, навлинк стоит в стороне
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Андрей Негруша
Всем привет, я с небольшим вопросом по реакт роутеру.
Вот у меня вопрос, если например мне нужно отрисовать компоненту при определенном урле, но при этом прокинуть в нее определенные пропсы. А роутер и навлинк находятся в разных файлах. Как это можно сделать?
Например с редаксом же можно при помощи mapStateToProps, а без него?
А какие конкретно пропсы нужно передать?
1. lifting state up
2. global store
источник

АН

Андрей Негруша... in React — русскоговорящее сообщество
Dmitriy Shuleshov
А какие конкретно пропсы нужно передать?
1. lifting state up
2. global store
Делаю небольшое трелло.
Нужно при нажатии на "доску" переходить на старничку, где будет ее название. Типа такого.
источник

АН

Андрей Негруша... in React — русскоговорящее сообщество
источник

АН

Андрей Негруша... in React — русскоговорящее сообщество
По сути передать только ее название
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Dmitriy Shuleshov
А какие конкретно пропсы нужно передать?
1. lifting state up
2. global store
ты от чата вообще отдыхаешь?)
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Андрей Негруша
Делаю небольшое трелло.
Нужно при нажатии на "доску" переходить на старничку, где будет ее название. Типа такого.
Где вы сейчас храните фейковые данные для приложения?
На реальных проектах зачастую делается так:  
- при переходе на страницу карточки из роутера вы получаете id, вот сейчас на скрине видно "28"
- при загрузке компонента карточки инициируется api call к серверу (или к вашем фейковым данным)
- карточка заполнятся данными из ответа сервера
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Александр Бакиматов
ты от чата вообще отдыхаешь?)
😟😒ну сплю) ладна скоро не будет меня, наверное после НГ уже буду фигачить
источник

АН

Андрей Негруша... in React — русскоговорящее сообщество
Dmitriy Shuleshov
Где вы сейчас храните фейковые данные для приложения?
На реальных проектах зачастую делается так:  
- при переходе на страницу карточки из роутера вы получаете id, вот сейчас на скрине видно "28"
- при загрузке компонента карточки инициируется api call к серверу (или к вашем фейковым данным)
- карточка заполнятся данными из ответа сервера
Понял, спасибо.
Пока нигде не хранил, просто названия их хранил в стейте и все
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Dmitriy Shuleshov
😟😒ну сплю) ладна скоро не будет меня, наверное после НГ уже буду фигачить
та я не выгоняю же, прост ты тут постоянно:D
источник

Ж

Женя in React — русскоговорящее сообщество
Вы для слайдера какую либу используете? Я подлючил react slick.  При свайпе пальцами выдается ошибка "Unable to preventDefault inside passive event listener invocation." Может кто сталкивался с такой проблемой?
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
swiper
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество
Ребят, подскажите плагин в vs code, который при написании библиотек в коде в реакте, плагин сам автоматом писал импорты.
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
Ребят, подскажите плагин в vs code, который при написании библиотек в коде в реакте, плагин сам автоматом писал импорты.
Webstorm хехе)
источник