Size: a a a

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

2020 July 16

Э

Эльдар in React — русскоговорящее сообщество
Эльдар
сейчас вот так
const withApiService = (Wrapped, mapMethodsToProps) => {

   return (props) => {
вот здесь, меня смущает что в записи выше withApiService(mapMethodsToProps) принимает один аргумент, а в самой функции их два
источник

ei

export default - зло... in React — русскоговорящее сообщество
Sergey Bekharsky
потому что вызов функции, инициализация компонента
Это не дорого
источник

AR

Anton Romankov in React — русскоговорящее сообщество
Всем привет. Очень нужна помощь с импортами, не могу понять, почему компонент не определяется при массовом импорте.

В песочнице также: Item1 = undefined.

Буду благодарен за любую наводку!
источник

A

Andrey in React — русскоговорящее сообщество
Эльдар
вот здесь, меня смущает что в записи выше withApiService(mapMethodsToProps) принимает один аргумент, а в самой функции их два
если без танцев с бубнами то должно быть примерно так для компоуза: const HOC = (config) => (Component) => <Component />

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

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

Э

Эльдар in React — русскоговорящее сообщество
Andrey
если без танцев с бубнами то должно быть примерно так для компоуза: const HOC = (config) => (Component) => <Component />

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

если с бубнами, то через всякие рамды можно только определенный аргумент прокинуть в функции (первый, второй, итп)
да, это оно, большое спасибо!🥳
источник

AP

Arnold Pataki in React — русскоговорящее сообщество
братва, а какой ui лучше использовать, material-ui или antd? Есть какой-то печальный опыт в их использовании?
источник

Э

Эльдар in React — русскоговорящее сообщество
Arnold Pataki
братва, а какой ui лучше использовать, material-ui или antd? Есть какой-то печальный опыт в их использовании?
а react-bootstrap не рассматриваешь?
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
Как правильно сделать редирект со всех роутов, которые не описаны, на главную страницу
<Switch>
         ...
         <Route path="*">
           <Redirect to="/" />
         </Route>
       </Switch>

или
<Switch>
         ...
         <Redirect to="/" />
       </Switch>


оба варианта работают, какой лучше?
источник

AR

Anton Romankov in React — русскоговорящее сообщество
Татьяна Фомина
Как правильно сделать редирект со всех роутов, которые не описаны, на главную страницу
<Switch>
         ...
         <Route path="*">
           <Redirect to="/" />
         </Route>
       </Switch>

или
<Switch>
         ...
         <Redirect to="/" />
       </Switch>


оба варианта работают, какой лучше?
Я обычно первый использую
источник

D

Danila in React — русскоговорящее сообщество
Татьяна Фомина
Как правильно сделать редирект со всех роутов, которые не описаны, на главную страницу
<Switch>
         ...
         <Route path="*">
           <Redirect to="/" />
         </Route>
       </Switch>

или
<Switch>
         ...
         <Redirect to="/" />
       </Switch>


оба варианта работают, какой лучше?
<Route render={()=><Redirect/>}/>
источник

AP

Arnold Pataki in React — русскоговорящее сообщество
Эльдар
а react-bootstrap не рассматриваешь?
неа
источник

DK

Dmitry Kazakov in React — русскоговорящее сообщество
Arnold Pataki
братва, а какой ui лучше использовать, material-ui или antd? Есть какой-то печальный опыт в их использовании?
у antd очень много натыкался на несовместимость ts-типов, банально в исходниках другие методы и параметры, ощущение, что они поднимают версии кода и типов отдельно. Ну и капризно себя ведет компилятор, приходилось форкать некоторые пакеты и исправлять. По функционалу вполне годно, но если нужно дорабатывать - то готовьтесь лезть в лапшичный код с китайскими комментариями)
источник

AP

Arnold Pataki in React — русскоговорящее сообщество
Dmitry Kazakov
у antd очень много натыкался на несовместимость ts-типов, банально в исходниках другие методы и параметры, ощущение, что они поднимают версии кода и типов отдельно. Ну и капризно себя ведет компилятор, приходилось форкать некоторые пакеты и исправлять. По функционалу вполне годно, но если нужно дорабатывать - то готовьтесь лезть в лапшичный код с китайскими комментариями)
а переопределение темы не делали на свою? просто мне нужно вкорячить свою тему туда с типографией, цветами и.т.д. Смотрю в material это делается удобнее
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Arnold Pataki
а переопределение темы не делали на свою? просто мне нужно вкорячить свою тему туда с типографией, цветами и.т.д. Смотрю в material это делается удобнее
там less
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
в последних версиях dark-схему завезли еще, но переключить ее в рантайме надо постараться
источник

DK

Dmitry Kazakov in React — русскоговорящее сообщество
Arnold Pataki
а переопределение темы не делали на свою? просто мне нужно вкорячить свою тему туда с типографией, цветами и.т.д. Смотрю в material это делается удобнее
ну да стили переносил в проект и кастомизировал
источник

Э

Эльдар in React — русскоговорящее сообщество
я правильно понимаю, оборачиваемый компонент ничего не знает о пропсах и функциональности, которые добавляет HOC, а сами HOC-функции знают о пропсах, которые добавляют другие HOC?
источник

AP

Arnold Pataki in React — русскоговорящее сообщество
я правильно понимаю, оборачиваемый компонент ничего не знает о пропсах и функциональности, которые добавляет HOC,  - эта доп функциональность приходит как раз сверху через пропс.
а сами HOC-функции знают о пропсах, которые добавляют другие HOC? - тут зависит от вложенности этих хоков, но по сути верхние хоки знают про нижние props, к примеру hoc2(hoc1(Component)), тут hoc2 знает про пропсы, какие придут из hoc1 в Component
источник

Д

Дмитрий in React — русскоговорящее сообщество
Добрый день.
Коллеги, подскажите пожалуйста, хочу вместо connector использовать хук useDispatch
Проект сделан с помощью React+Redux+Typescript+Saga

Есть у кого примеры как в такой связке должен работать useDispatch.
А то useDispatch просит тип Интерфейс, а вот как его получить я не знаю.
Буду очень благодарен за поощь
источник

Э

Эльдар in React — русскоговорящее сообщество
Arnold Pataki
я правильно понимаю, оборачиваемый компонент ничего не знает о пропсах и функциональности, которые добавляет HOC,  - эта доп функциональность приходит как раз сверху через пропс.
а сами HOC-функции знают о пропсах, которые добавляют другие HOC? - тут зависит от вложенности этих хоков, но по сути верхние хоки знают про нижние props, к примеру hoc2(hoc1(Component)), тут hoc2 знает про пропсы, какие придут из hoc1 в Component
уже немного проясняется понимание.. а что с compose? почему я не вижу из оборачиваемого компонента список, который получил с сервера в HOC-функции?
источник