Size: a a a

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

2021 March 12

АН

Александр Николаев... in React — русскоговорящее сообщество
о круто, буквально месяц назад повсюду было 6е только
источник

PK

Pasha Kozyr in React — русскоговорящее сообщество
а почему реакт добавляет аж 3 скрипта? я имею ввиду почему не один бандл, почему так разделяет?
источник

DB

Denis Barvitskiy in React — русскоговорящее сообщество
Pasha Kozyr
а почему реакт добавляет аж 3 скрипта? я имею ввиду почему не один бандл, почему так разделяет?
потому что это хорошая практика разделять код по чанкам, чтобы пересобирать только то что изменилось, а не весь проект
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Pasha Kozyr
а почему реакт добавляет аж 3 скрипта? я имею ввиду почему не один бандл, почему так разделяет?
Реакт этого не делает. Так настроен webpack
источник

X

Xamarin in React — русскоговорящее сообщество
Всем привет, начал изучать Ramda, не подскажите в каких кейсах и как используюте?
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Denis Barvitskiy
потому что это хорошая практика разделять код по чанкам, чтобы пересобирать только то что изменилось, а не весь проект
Внатуре😐 а я до этого херню делал  с одним бандлом
источник

kp

krn p in React — русскоговорящее сообщество
Xamarin
Всем привет, начал изучать Ramda, не подскажите в каких кейсах и как используюте?
Не используйте рамда.
источник

D

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

K

Konstantin in React — русскоговорящее сообщество
Народ, помогие плз, как можно реализовать адресацию внутри корневого компонента компонента, т.е.
в index.tsx
<BrowserRouter>
   <Switch>
       <Route exact path='/' component={App}/>
       <Route path='/login' component={Login}/>
       <Route path="*" component={NoMatch}/>
   </Switch>
</BrowserRouter>
App.tsx
<Switch>
   <Route path='/main' component={Main}/>
   <Route path='/branches' component={BranchTable}/>
</Switch>
логин заходит нормально, а вот main и branches редиректит на 404
Как завести роуты внутри App?
источник

kp

krn p in React — русскоговорящее сообщество
Danila
Почему?
Поддержка усложняется. Кодовая база увеличивается. Наглядность теряется. Писать легко - читать сложно
источник

A

Alexandr in React — русскоговорящее сообщество
Konstantin
Народ, помогие плз, как можно реализовать адресацию внутри корневого компонента компонента, т.е.
в index.tsx
<BrowserRouter>
   <Switch>
       <Route exact path='/' component={App}/>
       <Route path='/login' component={Login}/>
       <Route path="*" component={NoMatch}/>
   </Switch>
</BrowserRouter>
App.tsx
<Switch>
   <Route path='/main' component={Main}/>
   <Route path='/branches' component={BranchTable}/>
</Switch>
логин заходит нормально, а вот main и branches редиректит на 404
Как завести роуты внутри App?
exact роутит только '/'. Всё остальное идёт ниже по списку роутов, и упирается в NoMatch. Мне так кажется.
источник

D

DL in React — русскоговорящее сообщество
Konstantin
Народ, помогие плз, как можно реализовать адресацию внутри корневого компонента компонента, т.е.
в index.tsx
<BrowserRouter>
   <Switch>
       <Route exact path='/' component={App}/>
       <Route path='/login' component={Login}/>
       <Route path="*" component={NoMatch}/>
   </Switch>
</BrowserRouter>
App.tsx
<Switch>
   <Route path='/main' component={Main}/>
   <Route path='/branches' component={BranchTable}/>
</Switch>
логин заходит нормально, а вот main и branches редиректит на 404
Как завести роуты внутри App?
если у тебя App от корня (что логично), тогда у него надо убрать exact, 404 перенести внутрь App, и логин поставить до App
источник

K

Konstantin in React — русскоговорящее сообщество
@qlineb @KleinerDoktor
Спасибо большое, получилось, просто вчера весь день убил на эти роуты так и не смог поднять
источник

ВК

Владимир Карпов... in React — русскоговорящее сообщество
источник

SE

Stanislav Entaltsev in React — русскоговорящее сообщество
Всем привет! Подскажите плиз, есть либа, которая подключается только через script тег. Как его можно вставить в react и не менять index.html? react-helmet может помочь?
источник

A

Averlor in React — русскоговорящее сообщество
Stanislav Entaltsev
Всем привет! Подскажите плиз, есть либа, которая подключается только через script тег. Как его можно вставить в react и не менять index.html? react-helmet может помочь?
Да, вполне:

import Helmet from 'react-helmet'

<Helmet script={[{ type: "text/javascript'', innerHTML: <your script> }]} />
источник

SE

Stanislav Entaltsev in React — русскоговорящее сообщество
Averlor
Да, вполне:

import Helmet from 'react-helmet'

<Helmet script={[{ type: "text/javascript'', innerHTML: <your script> }]} />
Спасибо! Сейчас попробую
источник

SE

Stanislav Entaltsev in React — русскоговорящее сообщество
Averlor
Да, вполне:

import Helmet from 'react-helmet'

<Helmet script={[{ type: "text/javascript'', innerHTML: <your script> }]} />
Подскажи, может знаешь как после этого в реакт граммотно запустить инициализацию и отрендерить?
Для инициализации: const checkout = new window.CheckoutForm()
Для рендера: checkout.render('checkout-form')
источник

A

Averlor in React — русскоговорящее сообщество
докинь onLoad
источник

SE

Stanislav Entaltsev in React — русскоговорящее сообщество
Averlor
докинь onLoad
Куда?
источник