Всем добрый день. такой вопрос Можно как то на клик переприсвоить хэдер для запросов в конструкторе ? у меня есть класс, который имеет конструктор. В классе делаются запросы на сервер. Соответственно в конструкторе присваивается хэдер для запросов: http://prntscr.com/k7f9wv сейчас встала проблема смены токена на клик. Однако запросы на сервер шлются по старому токену, тк класс инициализировался до того как вообще прилажка загрузилась

apiClient.setToken(123) apiClient.sendRequest()

Сделай метод смены токена

понял, спасибо

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

брать из пропсов?

Подскажите как лучше диспатч делать axios.post().then(resonse => dispatch(f())) или тащить санки? И в экшенах делать обращения к апи?

Подскажите как лучше диспатч делать axios.post().then(resonse => dispatch(f())) или тащить санки? И в экшенах делать обращения к апи?

В санках запросы

В санках запросы

зачем?, если на резолв я могу вызвать диспатч с SUCCESS, а не ошибку FAILURE в catch

зачем?, если на резолв я могу вызвать диспатч с SUCCESS, а не ошибку FAILURE в catch

Диспатч ты откуда получишь?

Диспатч ты откуда получишь?

из connect

ща более точно опишу

Твой выбор )

Но лучше не делать это в компоненте

А вмидлваре делать уже не модно?

export function login(user) { return axios.post(loginUrl, user); } import { login } from 'api/auth'; login(user).then(response => dispatch(f()));

export function login(user) { return axios.post(loginUrl, user); } import { login } from 'api/auth'; login(user).then(response => dispatch(f()));

Бади бэг разъебал

Бади бэг разъебал

?

export function login(user) { return axios.post(loginUrl, user); } import { login } from 'api/auth'; login(user).then(response => dispatch(f()));

юзани redux-act там диспатчить на надо, просто action вызвать

юзани redux-act там диспатчить на надо, просто action вызвать

Симбиоты мистер сова подвёз

юзани redux-act там диспатчить на надо, просто action вызвать

лень доку читать

#noob если в не сложном проекте имеется redux, то redux-form будет удобнее , чем formik и final-form ? или не важно ?

не будет

позиция большинства в чате в том что лучше избегать redux-form

#noob если в не сложном проекте имеется redux, то redux-form будет удобнее , чем formik и final-form ? или не важно ?

Redux-form испортит тебе жизнь ?‍♂️

#noob если в не сложном проекте имеется redux, то redux-form будет удобнее , чем formik и final-form ? или не важно ?

https://codeburst.io/final-form-the-road-to-the-checkered-flag-cd9b75c25fe

export function login(user) { return axios.post(loginUrl, user); } import { login } from 'api/auth'; login(user).then(response => dispatch(f()));

так что на счет этого?)

export function login(user) { return axios.post(loginUrl, user); } import { login } from 'api/auth'; login(user).then(response => dispatch(f()));

export const login = user => dispatch => axios.post(loginUrl, user); в компоненте удобным способом await dispatch(login(user))

так что на счет этого?)

Нет

Всем привет, у меня на работе ещё AngularJs используется, сейчас хочу побыстрее поменять работу, причин много ну и понятно что на AngularJs дальше работать - так себе идея. Опыт полтора года с js, AngularJs, Typescript. Хочу работать с React. Подскажите за какое время можно освоить на достаточном уровне React и Redux чтобы найти работу и на какие деньги можно устроиться изначально?

export const login = user => dispatch => axios.post(loginUrl, user); в компоненте удобным способом await dispatch(login(user))

а диспатч откуда брать?

а диспатч откуда брать?

Санк

Лучше сетить в стейт в санке

Санк

всякое говно тащить

редакс просто пиздец оверхед, когда берешь его в проект

столько говна надо использовать

всякое говно тащить

Точно сори не знал что вы настоящий программист

Тут только костыли ?‍♂️

а диспатч откуда брать?

в mapDispatchToProps

в mapDispatchToProps

функция login лежит отдельно от всего

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

функция login лежит отдельно от всего

ну импортни в санк

блять

Роман, дергай экшен крейтор, в санке делай сеты-деспатчи, в компоненте не надо

и снова санки

можно и без них же

export function login(user) { return axios.post(loginUrl, user); } import { login } from 'api/auth'; login(user).then(response => dispatch(f()));

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

и кривой

можно и без них же

Не надо

Redux-form испортит тебе жизнь ?‍♂️

#noob а например проверку занятости email писать в отдельном экшене или прям в форме дергать axios и ответ скидывать локальный стэйт - я блин не улавливаю.

#noob а например проверку занятости email писать в отдельном экшене или прям в форме дергать axios и ответ скидывать локальный стэйт - я блин не улавливаю.

делай как удобно, если будет некрасиво ты сам увидишь

можно и без них же

export const createSomethin = (title) => async (dispatch, getState) => { try { const { data: feature } = await FeatureService.create(title) const data = [...getState().feature.features, feature] dispatch(featureActions.set(data)) } catch (error) { dispatch(featureActions.error(error)) } }

Симбиотов завези в прожект и жизнь легче

export const login = user => dispatch => axios.post(loginUrl, user); в компоненте удобным способом await dispatch(login(user))

чот нихуя не догоняю В этой функции при ресолве я делаю диспатч, в then?

чот нихуя не догоняю В этой функции при ресолве я делаю диспатч, в then?

да, в кетч тоже делаешь диспатч только с ошибкой. возвращать промис надо чтобы можно было делать await но это не обязательно и вообще антипаттерн)

где то видел доп для реакта который показывает в доме пошагово кнопки с описанием...но забыл название( никто не подскажет?

да, в кетч тоже делаешь диспатч только с ошибкой. возвращать промис надо чтобы можно было делать await но это не обязательно и вообще антипаттерн)

export function login(user) { return function(dispatch) { return axios .post(signupUrl, user) .then(dispatch({ type: 'LOGIN_SUCCESS' })); }; } Типо того?

export function login(user) { return function(dispatch) { return axios .post(signupUrl, user) .then(dispatch({ type: 'LOGIN_SUCCESS' })); }; } Типо того?

Слыш я для кого простыню накатал?

export function login(user) { return function(dispatch) { return axios .post(signupUrl, user) .then(dispatch({ type: 'LOGIN_SUCCESS' })); }; } Типо того?

.then(() => dispatch({ type: 'LOGIN_SUCCESS' }))

Слыш я для кого простыню накатал?

онридабл

Сенатор чему ты его учишь?

.then(() => dispatch({ type: 'LOGIN_SUCCESS' }))

ну да, я просто код скинул

ну да, я просто код скинул

но лучше на асинк эвейт переписать

чел выше пример показал

онридабл

Топ 10 пранков?

Топ 10 пранков?

не читабельная хуйня

ERROR: S client not available

не читабельная хуйня

Бля чета проигрусил

но лучше на асинк эвейт переписать

export async function signup(user) { return async function(dispatch) { const response = await axios.post(signupUrl, user); dispatch({ type: 'LOGIN_SUCCESS', response }); }; }

?

где то видел доп для реакта который показывает в доме пошагово кнопки с описанием...но забыл название( никто не подскажет?

Storybook?

Storybook?

нее https://gilbarbara.github.io/react-joyride/

export async function signup(user) { return async function(dispatch) { const response = await axios.post(signupUrl, user); dispatch({ type: 'LOGIN_SUCCESS', response }); }; }

трай кетч еще надо и signup не надо async

И сделай стрелками их

А потом подвези симбиоты

И выйдет мой пример

Парни, Подскажите пожалуйста если ли отдельный канал по функциональному js?

Парни, Подскажите пожалуйста если ли отдельный канал по функциональному js?

@frp_ru

И сделай стрелками их

нет

нет

(

трай кетч еще надо и signup не надо async

ок, санки просто как мидлварю подключить и всё? больше ничего не надо делать?

ок, санки просто как мидлварю подключить и всё? больше ничего не надо делать?

да

ок, санки просто как мидлварю подключить и всё? больше ничего не надо делать?

Ваще можешь выделиться и подключить redux-execue ??ачки?

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

Пока вы тут про ненужность cli говорите... https://medium.com/devschacht/vue-ui-первый-взгляд-2ec1c18934d6 Вот вам cli + UI = норм

ждем фреймворка - нажал одну кнопку и появилось приложение

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

Для особо ленивых можно заюзать plop

а че еще никто не написал react-cli ?)))

а че еще никто не написал react-cli ?)))

чета нет

лол))) там же фигня полная)

ждем фреймворка - нажал одну кнопку и появилось приложение

ха ха . ну это круто

?

?‍♂️

Причем сейчас cli даже на ноде норм писать

так на ней и писать, но я не вижу трудностей...берем за основу функциональность vue-cli, все что делает тулза - генерит package.json, вебпак конфиги и структуру

кто то тут уже в вебе билдер вебпак конфига делал

кажется что это не сложно)

так на ней и писать, но я не вижу трудностей...берем за основу функциональность vue-cli, все что делает тулза - генерит package.json, вебпак конфиги и структуру

React creat app

Как много людей из вас использует SSR?