Парсишь урл либо с помощью window.URL, либо с помощью ссылки (устанавливаешь ей href). Возможно есть еще либы какие нибудь. Потом достаешь параметры и из них уже redirect_uri

Но чтоб корректно работало параметр должен быть url_encoded

Кто-нибудь делал многостраничник на реакте? Может кто поделится ссылкой на гитхаб и скажет, как это организовать. В проекте будет реализованы просмотры видео. Нужно при переходе по страницам чтобы видео не исчезало. Как у Вконтакте, twitch

У тебя же будет spa, выведи плеер вне роутинга

Не, не спа

Multipage

А что?

Multipage

.

Ну и в чем по твоему разница?

Даже при изоморфе это будет спа со своим роутингом

Иначе не ясно зачем вам реакт

У спа есть такой же роутинг, можешь назвать это мультипейджем

Можно просто вместо <Link> юзать <a> и будет выглядеть, как обычный сайт))000

Ну и какой смысл?)

Ну, я и поставил нолики после скобочек

Как бы намекая, что его нет

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

есть пакет для ресайза изображения? Т.е. zoom in zoom out

либо по колёсику мыши, либо на кнопки навешать события

смотрел, там не то

Приятного утра. @question А вот есть высокоуровнеый умный компонент в котором логика, диспатчатся события и все дела. Но в него, кроме «глупых коспонент» рендерится ещё один высокоуровнывый умный компонент. Который тоже диспатчит события. В результате получаю ошибку: warning.js:36 Warning: setState(...): Cannot update during an existing state transition (such as within `render` or another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to `componentWillMount`. А что в такихъ случаях делать и как это правильно разрулить?

Непосредственно в render не должно быть this.setState. Видимо они у тебя есть

Нету. Там компонент у которого в конструкторе есть диспатч акшен. А внутреннего стейта ни у одного из компонент нет.

только общий редаксовый

к которому доступ только через акшен-редьюсер

сan be moved to componentWillMount

тху

Dmitry ? спасибо тебе, благодаря твоим словам у меня прошел утренний тӯпик

В реакт роутере можно сделать вложенный роутер?

Реакт роутер не нужен

В реакт роутере можно сделать вложенный роутер?

да вроде

Не подскажите, врое есть в webpack настройка чтобы каждый раз не писать import React? Типа он его делает глобальным чтоли доступным внутри бандлов

Не подскажите, врое есть в webpack настройка чтобы каждый раз не писать import React? Типа он его делает глобальным чтоли доступным внутри бандлов

https://webpack.js.org/plugins/provide-plugin/ попробуй

Огонь. Спасибо, ты крутой!

Как вы дружите реакт и рекламу?

Как вы дружите реакт и рекламу?

никак :)

если ты про баннеры, то это такой же компонент )))

если ты про баннеры, то это такой же компонент )))

подробнее

подробнее про компоненты?

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

У меня сейчас контейнер с shouldComponentUpdate только в случае нужности перезагрузки материала и на did update идет вызов рекламного кода

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

Ну вот (

Есть ли красивые способы это делать?

Не подскажите, врое есть в webpack настройка чтобы каждый раз не писать import React? Типа он его делает глобальным чтоли доступным внутри бандлов

это ооооооочень странно

модуль бандлер же

само его назначение

У меня сейчас контейнер с shouldComponentUpdate только в случае нужности перезагрузки материала и на did update идет вызов рекламного кода

ты сделай на такой случай рендер компонента с рекламой, т.е инкапсулируй всю логику по рекламе в одном компоненте

т.е в контейнере у тебя будет флаг при наличии которого в методе рендер будет рендерится рекламный компонент

ты сделай на такой случай рендер компонента с рекламой, т.е инкапсулируй всю логику по рекламе в одном компоненте

still not krasivo

красиво это вообще без рекламы

+ ты ни единого примера с кодом не привел ))

ребята, пресет енв траспайлит стейдж-0 фичи ?

кто знает как сделать такую реализацию - у меня есть route App который по /app отрисовывает мне компонент app - теперь я хочу чтобы внутри файла app.js был еше свой роутинг - например при app/about отрисовывался about.js

кто знает как сделать такую реализацию - у меня есть route App который по /app отрисовывает мне компонент app - теперь я хочу чтобы внутри файла app.js был еше свой роутинг - например при app/about отрисовывался about.js

какой роутер используешь?

в рр4 роут это просто компонент

HashRouter

это react-router v4 ?

там же есть вложенные роуты

то есть весь роутинг сразу писать ?

нельзя разделить на несколько файлов

?

еще раз, роут - это просто компонент

типа в одном файле мы пишем route и указываем myComponent а в myComponent снова пишем route - так нельзя?

роут может вернуть другой роут и так далее

прочитай документацию там есть примеры

ERROR: S client not available

типа в одном файле мы пишем route и указываем myComponent а в myComponent снова пишем route - так нельзя?

тебе нужно смотреть в сторону code splitting в webpack

у рр4 пожалуй лучшая дока из всех реакт роутеров

в 4 версии примеры выпилили

в 4 версии примеры выпилили

wot? https://reacttraining.com/react-router/web/guides/quick-start

там экзамплов много ж

я про вот это https://github.com/ReactTraining/react-router/tree/v3/examples

А чем 4 от 3 отличается?

Легко ли обновиться?

ну много чем. это фактически другой роутер )

Есть различия в апи?

В приросте производительности?

Хотя он и так работает быстро и хорошо, куда ещё быстрее)

есть еще вот такой роутер https://github.com/router5/router5

Не рекомендую

Почаны, есть какая-то ультимейт либа для работы с таблицами? fixed-data-table показалась крайне дроченой

Есть различия в апи?

ну, апи там перепилен. В целом рр4 сделан веселей, но необходимость прокидывать контекст чтобы сделать какие то изменения локейшена сайдэффектами конечно печально. Но есть всякие воркэраунды.

Есть же withRouter()

например из саги напрямую сменить локейшен

@question Я использую https://github.com/i18next/react-i18next Как следствие у меня компоненты экспортируется как то так: export default translate(['translation'])(ProductListFilter); И всё было бы хорошо, но теперь когда я в родительском коспоненте пытаюсь получить компонент через ref, cсылка в нем теперь на translate ;( <ProductListFilter ref={(element)=>{this.filter = element;}} /> Как побороть эту неприятность?

А без рефа никак?

@question Я использую https://github.com/i18next/react-i18next Как следствие у меня компоненты экспортируется как то так: export default translate(['translation'])(ProductListFilter); И всё было бы хорошо, но теперь когда я в родительском коспоненте пытаюсь получить компонент через ref, cсылка в нем теперь на translate ;( <ProductListFilter ref={(element)=>{this.filter = element;}} /> Как побороть эту неприятность?

так доки же читать надо, вторым параметром в translate передай { withRef: true }

и у translate компонента который ты через ref получаешь есть метод getWrappedInstance

Mike , мне надо this.filter.getBoundingClientRect() по скролу, что бы определять «прилип» ли компонент. Он position: sticky.

@JiLiZART Спасибо тебе, ты очень крутой! Сейчас попробую

@JiLiZART export default translate(['translation'])(ProductListFilter, { withRef: true });` не работает. Пойду погуглю

translate(['translation'], { withRef: true })

ну и ref у тебя будет выглядеть так ref={(element)=>{this.filter = element.getWrappedInstance();}}

Nikolay Хм, element.getWrappedInstance(); возвращает null

в консоль не ругался ?

Ругается ~~~ warning.js:36 Warning: Stateless function components cannot be given refs (See ref "wrappedInstance" in ProductListFilter created by Translate(ProductListFilter)). Attempts to access this ref will fail. ~~~ Переделываю в кумпонент

Ребят, а как-то можно сделать чтобы ошбки были более внятны? Ну там stacktrace что ли подробнее. А то порой падает, и хрен пойму где косякнул