Size: a a a

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

2021 March 09

AG

Adel Gilyazeev in React — русскоговорящее сообщество
Grimmjow
они приходят как видишь , я через консоль лог смотрю наполнение стейта, один и тот же метод рендер срабатывает два раза
Рендер срабатывает при изменении данных, данные у тебя изначально отсутствуют (первый рендер) и при первом рендере ты получаешь данные через апи и обновляешь их у компонента, тем самым вызывая второй рендер с полученными данными...
источник

kX

kiki X in React — русскоговорящее сообщество
Доброго времени.
Нужен совет, я планирую развиваться в FrontEnd направлении + работаю с project management.
Подбираю себе ноут, мой ПК устарел, обновлять не хочу, ноут с расчетом на подключение 1-2 доп мониторов
Выбор между новым macbook air 8/128 на чипе m1 2020 ~1200$ или БУ macbook pro 8/128 2018 у хорошего знакомого с замененной клавиатурой и батареей ( батарея сейчас 100 циклов) ~900$
Кто разбирается в этих ноутах, скажите свое мнение, что рациональнее брать, раньше с ноутами от яблока не работал.
источник

ВГ

Владимир Гришин... in React — русскоговорящее сообщество
M1 бери(хоть это и оффтоп)
источник

NS

Nazarii Spikhalskyi in React — русскоговорящее сообщество
Владимир Гришин
M1 бери(хоть это и оффтоп)
+
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
kiki X
Доброго времени.
Нужен совет, я планирую развиваться в FrontEnd направлении + работаю с project management.
Подбираю себе ноут, мой ПК устарел, обновлять не хочу, ноут с расчетом на подключение 1-2 доп мониторов
Выбор между новым macbook air 8/128 на чипе m1 2020 ~1200$ или БУ macbook pro 8/128 2018 у хорошего знакомого с замененной клавиатурой и батареей ( батарея сейчас 100 циклов) ~900$
Кто разбирается в этих ноутах, скажите свое мнение, что рациональнее брать, раньше с ноутами от яблока не работал.
можешь тут обсудить @macos_cool
источник

kX

kiki X in React — русскоговорящее сообщество
спасибо за советы
источник

D

Daniyar in React — русскоговорящее сообщество
Как организовать вложенность компонентов и обеспечить доступность стора во всех компонентах?

    <BrowserRouter>
     <Provider store={store}>
       {currentUser ? <Redirect to="/reg" /> : <Redirect to="/" />}
       <Switch>
         <Route exact path="/reg" component={RegistrationPage} />
         <Route exact path="/auth" component={AuthenticationPage} />
         <Route exact path="/" component={Home} />
       </Switch>
     </Provider>
   </BrowserRouter>,


Компонент Home состоит из двух компонентов: Header & ItemsList.
Но до них store не доходит, почему-то.
источник

kp

krn p in React — русскоговорящее сообщество
Daniyar
Как организовать вложенность компонентов и обеспечить доступность стора во всех компонентах?

    <BrowserRouter>
     <Provider store={store}>
       {currentUser ? <Redirect to="/reg" /> : <Redirect to="/" />}
       <Switch>
         <Route exact path="/reg" component={RegistrationPage} />
         <Route exact path="/auth" component={AuthenticationPage} />
         <Route exact path="/" component={Home} />
       </Switch>
     </Provider>
   </BrowserRouter>,


Компонент Home состоит из двух компонентов: Header & ItemsList.
Но до них store не доходит, почему-то.
Connect
источник

kp

krn p in React — русскоговорящее сообщество
Кажется в react-redux такой метод есть
источник

D

Daniyar in React — русскоговорящее сообщество
который с mapStateToProps работает?
источник

DP

Den Pol in React — русскоговорящее сообщество
Daniyar
Как организовать вложенность компонентов и обеспечить доступность стора во всех компонентах?

    <BrowserRouter>
     <Provider store={store}>
       {currentUser ? <Redirect to="/reg" /> : <Redirect to="/" />}
       <Switch>
         <Route exact path="/reg" component={RegistrationPage} />
         <Route exact path="/auth" component={AuthenticationPage} />
         <Route exact path="/" component={Home} />
       </Switch>
     </Provider>
   </BrowserRouter>,


Компонент Home состоит из двух компонентов: Header & ItemsList.
Но до них store не доходит, почему-то.
Видимо речь про редакс. Если приложение обернуто в провайдер, доступ есть у всего что внутри - либо connect, либо хук useSelector или как его там..
источник

AG

Adel Gilyazeev in React — русскоговорящее сообщество
John Travolta
отлично)
Нет, проблема не лейауте
источник

D

Daniyar in React — русскоговорящее сообщество
Den Pol
Видимо речь про редакс. Если приложение обернуто в провайдер, доступ есть у всего что внутри - либо connect, либо хук useSelector или как его там..
а у меня почему нет, может это связано с тем что Компонент в провайдере представлен как роут?

<Route exact path="/" component={Home} />
источник

DP

Den Pol in React — русскоговорящее сообщество
Daniyar
а у меня почему нет, может это связано с тем что Компонент в провайдере представлен как роут?

<Route exact path="/" component={Home} />
В этом нет проблемы. В таком виде должно работать. Надо смотреть, как ты подключаешься к редаксу в компоненте.
источник

AG

Adel Gilyazeev in React — русскоговорящее сообщество
John Travolta
отлично)
у меня функция обертка регулярки, оказ не перехдила к след итерации, а одну и туже бесконечно крутила... Глупая ошибка, столько времени потрачено... А ведь я её уже испровлял когда эту функцию делал и тестил на мелких кусках, видимо скопировал неправильно...
источник

О

Олег in React — русскоговорящее сообщество
кто откуда начинает изучать компонент? jsx , эффекты или еще чего? представьте что перед вами файл с компонентом
источник

AG

Adel Gilyazeev in React — русскоговорящее сообщество
Adel Gilyazeev
у меня функция обертка регулярки, оказ не перехдила к след итерации, а одну и туже бесконечно крутила... Глупая ошибка, столько времени потрачено... А ведь я её уже испровлял когда эту функцию делал и тестил на мелких кусках, видимо скопировал неправильно...
это так тупо, искать полнедели ошибку там, где её нет...
источник

G

Gearonix in React — русскоговорящее сообщество
Adel Gilyazeev
у меня функция обертка регулярки, оказ не перехдила к след итерации, а одну и туже бесконечно крутила... Глупая ошибка, столько времени потрачено... А ведь я её уже испровлял когда эту функцию делал и тестил на мелких кусках, видимо скопировал неправильно...
ого, у меня было похожее, писал на React Native, случайно перепутал функциональный компонент с styled-components компонентом. запускал рекурсивно функциоальный компонент, в итоге приложение тупо не запускалось. часа 3 убил
источник

AG

Adel Gilyazeev in React — русскоговорящее сообщество
Gearonix
ого, у меня было похожее, писал на React Native, случайно перепутал функциональный компонент с styled-components компонентом. запускал рекурсивно функциоальный компонент, в итоге приложение тупо не запускалось. часа 3 убил
у меня именно с регуляркой, забыл обновлять lastIndex
источник

D

Daniyar in React — русскоговорящее сообщество
Den Pol
В этом нет проблемы. В таком виде должно работать. Надо смотреть, как ты подключаешься к редаксу в компоненте.
нашел) Не правильно использовал юзСелектор! Спасибо Дружище!
источник