ну да, чего єт я туплю в том случае когда пропсов нету.

Можешь, пожалуйста обьяснить вот это const Header = props.customHeader || DefaultHeader;

Ну типа, если ты кастомный компонент не передаёшь, то будет работать дефлотный.

Очень мощная концепция, поэтому интересуюсь как в других либах такое делают.

Ну типа, если ты кастомный компонент не передаёшь, то будет работать дефлотный.

а откуда у дефолтного берется title и onClick

Очень мощная концепция, поэтому интересуюсь как в других либах такое делают.

Если найдутся знакомые смельчаки на Vue и Angular, чтобы такое повторить, то буду очень рад увидеть код и пощупать его в песочнице.

Если найдутся знакомые смельчаки на Vue и Angular, чтобы такое повторить, то буду очень рад увидеть код и пощупать его в песочнице.

эмм а что мешает самому на vue переписать?)

догнал.

а откуда у дефолтного берется title и onClick

юзает

там же еще шутка в Твиттере была, когда они постили вакансию на реакте и редаксе, а Абрамов зареплаил и сказал что его не взяли в ВК и мол очень хорошо что не взяли

Если найдутся знакомые смельчаки на Vue и Angular, чтобы такое повторить, то буду очень рад увидеть код и пощупать его в песочнице.

В ангуляре не получится. В вуе слотами такое решается

Ребят, что лучше для форм сейчас?

Ребят, что лучше для форм сейчас?

final-form, formik

Ребят, что лучше для форм сейчас?

Поспать

Спасибо)

Доброй ночи

Поспать

+

У меня истерический смех, запилил значит компонент для подтверждения почты, он фечит запрос на сервер получает информацию обновляется по состоянию все кошерно красево. Потом значит открываю /admin а его оказывается тоже надо? ну неет! и тут буквально за 2 секунды мой мозг сразу выдал роутер для админки заюзай до мидла с history на серваке. все проблема решена. ИЗИ ПИЗИ

Ребят, я понимаю, что всех достал своим реактоПорталом, но я сейчас был удивлен одной вещью. Он что, не может быть в нескольких экземплярах на странице? Первый работает идеально и решает мою задачу полностью как надо. Добавляю второй - ноль реакции.

key уникальный?

Сначала зафейспалмился, но когда сделал разные key и для порталов и для элементов, что в них пихаю - не заработало.

В консоль никакие ошибки не выбрасываются, в браузере в Девтулзах реакта этих элементов в Реакт-доме нет.

key уникальный?

Здорова

И тебе привет )))

В консоль никакие ошибки не выбрасываются, в браузере в Девтулзах реакта этих элементов в Реакт-доме нет.

А если закомментить первый временно, второй нормально работает?

А если закомментить первый временно, второй нормально работает?

Нет, однако. ??‍♂️

Делай выводы

В ангуляре не получится. В вуе слотами такое решается

Через слоты можно только инстансы компонентов прокидывать, поэтому не подходит. В ангуляре есть NgChildContent, но это тоже про инстансы. Тут у нас именно компонент в чистом виде.

Есть какие-нибудь хорошие практики по клиент-серверному взаимодействию в React + Redux? Особенно очень интересно, например есть 2 back-end сервера, где доступ к методам осуществляется через JWT токены на клиенте 2 токена и каждый переодически надо обновлять, как это можно реализовать с использованием Redux?

Есть какие-нибудь хорошие практики по клиент-серверному взаимодействию в React + Redux? Особенно очень интересно, например есть 2 back-end сервера, где доступ к методам осуществляется через JWT токены на клиенте 2 токена и каждый переодически надо обновлять, как это можно реализовать с использованием Redux?

А причём тут редакс?

А причём тут редакс?

У проекта который мне передали в поддержку авторизация проверяется наличием токена в Redux и все запросы выполняются через кастомный "redux-api-middleware", но насколько я понимаю надо вынести работу с API в какой-нибудь сервис откуда и вызывать нужные запросы, тогда у каждого сервиса будет свой токен который он и будет обновлять. Но как быть с проверкой авторизации? Ведь если токен будет обновляться автоматически, то до Redux эта информация не дойдет, только если прикинуть ссылку на Redux в этот сервис.

У проекта который мне передали в поддержку авторизация проверяется наличием токена в Redux и все запросы выполняются через кастомный "redux-api-middleware", но насколько я понимаю надо вынести работу с API в какой-нибудь сервис откуда и вызывать нужные запросы, тогда у каждого сервиса будет свой токен который он и будет обновлять. Но как быть с проверкой авторизации? Ведь если токен будет обновляться автоматически, то до Redux эта информация не дойдет, только если прикинуть ссылку на Redux в этот сервис.

Фронт не должен вообще никак с токеном работать. Если токен устарел, то тебя бекенд сам отправит на авторизацию.

Фронт не должен вообще никак с токеном работать. Если токен устарел, то тебя бекенд сам отправит на авторизацию.

А если весь роутинг на стороне клиента реализован?

А если весь роутинг на стороне клиента реализован?

В чем связь?

Тут суть в том что backend не может мне прислать заголовок на редирект, вместо этого приходит статус 401 и сообщение, а все остальное должен реализовать я на стороне клиента.

Тут суть в том что backend не может мне прислать заголовок на редирект, вместо этого приходит статус 401 и сообщение, а все остальное должен реализовать я на стороне клиента.

Ок, приходит 401 - делаешь сам редирект.

Ок, приходит 401 - делаешь сам редирект.

Но изначально надо попытаться обновить токен, а не просто выкинуть пользователя.

Но изначально надо попытаться обновить токен, а не просто выкинуть пользователя.

Обновляй токен)

Суть вопроса вообще в другом, как правильно реализовать такую логику имея два backend сервера не связанные друг с другом у которых есть токены которые надо обновлять.

Через единую middleware выглядит очень громоздко и не поддерживается.

Суть вопроса вообще в другом, как правильно реализовать такую логику имея два backend сервера не связанные друг с другом у которых есть токены которые надо обновлять.

уточни, два параллельных или два последовательных? функционал параллелится или дополняется?

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

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

Загвоздка в том что я ещё видимо не понял как правильно обновлять два токена. Сейчас есть middleware для Redux который обрабатывает ошибку 401 и обновляет только первый токен. Если впилить туда какой-нибудь обработчик то там ещё меньше понятного кода станет. Хочется сделать так чтобы расширяемость присутствовала. Да и дублировать код самого middleware тоже не очень хочется. Вот и решил узнать может был у кого подобный кейс. Также уточню что запросы параллельные как и функционал.

добавь в ошибку id сервера и решишь проблему сопоставления

{this.props.list.map(function(listValue){ return <option value="ddd">{listValue[this.props.field]}</option>; })}

Почему не работает? Выдает ошибку this is undefined. Если убрать такое обращение по полю из пропсов, то всё работает

Почему не работает? Выдает ошибку this is undefined. Если убрать такое обращение по полю из пропсов, то всё работает

Потому что у функции свой this

Потому что у функции свой this

Спасибо, это помогло, я запомню.

Через слоты можно только инстансы компонентов прокидывать, поэтому не подходит. В ангуляре есть NgChildContent, но это тоже про инстансы. Тут у нас именно компонент в чистом виде.

Смотри что нашел https://github.com/alexjoverm/v-runtime-template правда не пробовал

ребята всем привет. кто нибудь юзал уже wp4

не могу подвязать под es7

пишу в классе так: state = { name : 'Input' }; handleChange = (e) => this.setState({ name: 'da' }); бюет ошибку

А что тут от es7?

ой es6

пишу в классе так: state = { name : 'Input' }; handleChange = (e) => this.setState({ name: 'da' }); бюет ошибку

какую ошибку?

Хочу писать так. не через cтарый синтаксис. а так: http://joxi.ru/5md41v1Hkad5km

Хочу писать так. не через cтарый синтаксис. а так: http://joxi.ru/5md41v1Hkad5km

так ошибка какая?

http://joxi.ru/E2pK3B3s9401nm

поставь плагин бабеля

babel transform-class-properties

Хочу писать так. не через cтарый синтаксис. а так: http://joxi.ru/5md41v1Hkad5km

у тебя в проптайпсах ошибка title: PropTypes.string

ERROR: S client not available

у тебя в проптайпсах ошибка title: PropTypes.string

это не к тому

там без пропо

поставь плагин бабеля

счас попробую

поставь плагин бабеля

в Babelrc его тоже подключать?

в Babelrc его тоже подключать?

нет, просто блин в npm добавить. конечно же

нет, просто блин в npm добавить. конечно же

:) утро. туплю)

нет, просто блин в npm добавить. конечно же

поставил я ""babel-plugin-transform-class-properties": "^6.24.1",""

нет, просто блин в npm добавить. конечно же

пишет ошибку что нет свойства "transform-class-properties"

babelrc покажи свой

babelrc покажи свой

{ "presets": ["env", "react", "stage-3", "es2015","es2017", "transform-class-properties"] }

{ "presets": ["env", "react", "stage-3", "es2015","es2017", "transform-class-properties"] }

лол убери es2015, es2017

и это не пресет

а плагин

{ "plugins": ["transform-class-properties"] }

лол убери es2015, es2017

спасибо. не внимательен я утром

лол убери es2015, es2017

очень помог)

всем добрый день. не дадите ли маленький совет, нормально ли так делать с HOC, как это себя в дальнейшем показывает? const Section = (WrappedComponent, props = {}) => { return class extends React.Component { static defaultProps = { visible: true, smallButtonsWidth: false, ...props };

затем оно как-то так работает const ProblemsGroupsSection = Section(ProblemsGroups, { smallButtonsWidth: true });

Ребята, аларм. Нужна помощь. Если есть несколько компонент, каждый из которых выполняет асинхронные экшэны, и каждый экшн имеет по 3 флага соответсвенно, то имеет ли смысл заводить на каждый компонент по редьюсеру или засирать один?

Ребята, аларм. Нужна помощь. Если есть несколько компонент, каждый из которых выполняет асинхронные экшэны, и каждый экшн имеет по 3 флага соответсвенно, то имеет ли смысл заводить на каждый компонент по редьюсеру или засирать один?

невероятно, но есть еще третий вариант: написать функцию, которая создаёт редьюсер и вызвать её три раза

?

плотно

Ребят еть небольшой вопрос. Computed component кто юзает?

Ребят еть небольшой вопрос. Computed component кто юзает?

Что это такое?

вроде класная штука вроде юзаю но чето не нравися а что не пойму =)

єто когда ты описуешь в рекате все теги которые тебе ныжны и не юзаешь чилдрены

если в кртсе

Кастомизация компонента лучше

типа компонент в компоненте