Size: a a a

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

2021 January 08

VK

Vladimir Klimov in React — русскоговорящее сообщество
Timofey Goncharov
автоматически. я вот раньше юзал плагин для webstorm react-component-creator, но чето он отвалился у меня из-за новой версии вебшсторма или еще по какой-то причине.

вот думаю если никто ничего толкового не предложит, возьмусь написать на node генератор файлов через CLI хотя бы
Не очень понимаю как можно генерировать компоненты автоматически, если они в каждом проекте по-разному организовываются
Скорее всего это будет какое-то очень не универсальное решение
источник

TG

Timofey Goncharov in React — русскоговорящее сообщество
а до того как начал плагин юзать, использовал live-templates вебсторма но это все равно не то.
источник

TG

Timofey Goncharov in React — русскоговорящее сообщество
Vladimir Klimov
Не очень понимаю как можно генерировать компоненты автоматически, если они в каждом проекте по-разному организовываются
Скорее всего это будет какое-то очень не универсальное решение
нет, сам каркас файлов, пишешь название компонента, создается:
директория с названием компонента: индексный файл, scss и tsx файл с названием компонента. и внутри сразу функциональный компонент с заготовленным типом под пропсы.
источник

TG

Timofey Goncharov in React — русскоговорящее сообщество
типо того что в англуляре короче
источник

V

Valentin in React — русскоговорящее сообщество
Valentin
кто то решал такую задачку? Как обернуть реакт компонент, который опирается на данные из промиса, без описания загрушки в компоненте?
кто может подсказать по дата фетчину и Suspense?
источник

TG

Timofey Goncharov in React — русскоговорящее сообщество
Valentin
кто то решал такую задачку? Как обернуть реакт компонент, который опирается на данные из промиса, без описания загрушки в компоненте?
что такое загрушка
источник

V

Valentin in React — русскоговорящее сообщество
Timofey Goncharov
что такое загрушка
некий скелет, пока нет данных для отображения React.Suspense.fallback
источник

S

SAWA in React — русскоговорящее сообщество
Ни у кого случайно нет под рукой макета какой-нибудь большой сложной формы? Хочу попрактиковаться
источник

V

Valentin in React — русскоговорящее сообщество
Timofey Goncharov
что такое загрушка
типа такого, но еще хотелось бы добавить ErrorBoundary. И лучше в композиции, где используется ViewSource сделать обертки (2 фото)
источник

P

PH_cheerokee in React — русскоговорящее сообщество
ребят, подскажите
использую react-window ( может это как-то влияет)
меняя один айтем в редаксе, перерисовываются все, а нужно только один, как пофиксить?
источник

V

Valentin in React — русскоговорящее сообщество
Valentin
типа такого, но еще хотелось бы добавить ErrorBoundary. И лучше в композиции, где используется ViewSource сделать обертки (2 фото)
источник

О

Орынбай in React — русскоговорящее сообщество
Valentin
некий скелет, пока нет данных для отображения React.Suspense.fallback
<Suspense fallback={тут скелет}=> не?
источник

V

Valentin in React — русскоговорящее сообщество
Орынбай
<Suspense fallback={тут скелет}=> не?
да ты прав) проблема в другом, как создать Component который не должен этот скелет у себя обрабатывать
источник

TG

Timofey Goncharov in React — русскоговорящее сообщество
Valentin
типа такого, но еще хотелось бы добавить ErrorBoundary. И лучше в композиции, где используется ViewSource сделать обертки (2 фото)
понял. ну я больше сторонник того, что бы такую логику на уровне стейт менеджера реализовывать
источник

P

PH_cheerokee in React — русскоговорящее сообщество
PH_cheerokee
ребят, подскажите
использую react-window ( может это как-то влияет)
меняя один айтем в редаксе, перерисовываются все, а нужно только один, как пофиксить?
использую redux-toolkit
источник

V

Valentin in React — русскоговорящее сообщество
Valentin
да ты прав) проблема в другом, как создать Component который не должен этот скелет у себя обрабатывать
тк возвращать Promise<React.Element> он не позволит использовать в jsx
источник

V

Valentin in React — русскоговорящее сообщество
Timofey Goncharov
понял. ну я больше сторонник того, что бы такую логику на уровне стейт менеджера реализовывать
держи в курсе
источник

TG

Timofey Goncharov in React — русскоговорящее сообщество
PH_cheerokee
ребят, подскажите
использую react-window ( может это как-то влияет)
меняя один айтем в редаксе, перерисовываются все, а нужно только один, как пофиксить?
ну видимо нужно что бы бы каждый из айтемов, был memoизированным компонентом.

https://ru.reactjs.org/docs/react-api.html#reactmemo
источник

TG

Timofey Goncharov in React — русскоговорящее сообщество
Valentin
держи в курсе
не понял тебя)
источник

P

PH_cheerokee in React — русскоговорящее сообщество
Timofey Goncharov
ну видимо нужно что бы бы каждый из айтемов, был memoизированным компонентом.

https://ru.reactjs.org/docs/react-api.html#reactmemo
так и есть
обернул
источник