Линтер, зараза, будет плакать

не будет

Можно ли как-то избавиться от последней строки? Чтобы я при запросе сразу получал данные const response = await axios.post('/api/auth', { login, password }); const result: IResult = response.data;

const {data: IResult} = await axios.post('/api/auth', { login, password });

const {data: IResult} = await axios.post('/api/auth', { login, password });

И получаешь переменную IResult

Да, прикольно. Чёт сразу не подумал

Да, прикольно. Чёт сразу не подумал

Так не сработает, как он написал

Не очень знаком с типами) Возможно так: const {data} : {data: IResult} = ...

Не очень знаком с типами) Возможно так: const {data} : {data: IResult} = ...

Так да

?

Оплата 1000-1500 в час.

изи бабке? D

Можно ли как-то избавиться от последней строки? Чтобы я при запросе сразу получал данные const response = await axios.post('/api/auth', { login, password }); const result: IResult = response.data;

сделать нормальный слой api

сделать нормальный слой api

Через axios.create?

да как угодно

я описываю свой класс и не юзаю axios в этом классе делаю нужные преобразования

также описываю по классу на модуль/фичу приложения и в классах описываю методы для получения данных class UsersApi { latestFetch(limit = 10) { return this.api.get(‘/users’, { query: { limit } }) } }

также описываю по классу на модуль/фичу приложения и в классах описываю методы для получения данных class UsersApi { latestFetch(limit = 10) { return this.api.get(‘/users’, { query: { limit } }) } }

Чтоб твой актуальный стиль увидеть — инстаклон или другой репо?

Чтоб твой актуальный стиль увидеть — инстаклон или другой репо?

github.com/howtocards

вроде бы там немного больше кода

чейто ? вскод обновился ? Он все импорты правит ?

чейто ? вскод обновился ? Он все импорты правит ?

да, научился

чейто ? вскод обновился ? Он все импорты правит ?

на счет “все” не знаю но правит

Это вообще адекватный экшн? export const signin = ({ login, password }) => async (dispatch) => { try { dispatch(authRequested()); const { data }: { data: Result } = await axios.post('/api/auth', { login, password }); switch (data.ErrorCode) { case -1: return dispatch(authFailed({ code: data.ErrorCode, message: data.ErrorString })); case 1: return dispatch(authSuccessed({ login: data.Data.login, name: data.Data.FullName })); default: return dispatch(authFailed({ code: null, message: 'Неизвестная ошибка' })); } } catch (e) { dispatch(authFailed()); } finally { dispatch(authRecieved()); } };

Это вообще адекватный экшн? export const signin = ({ login, password }) => async (dispatch) => { try { dispatch(authRequested()); const { data }: { data: Result } = await axios.post('/api/auth', { login, password }); switch (data.ErrorCode) { case -1: return dispatch(authFailed({ code: data.ErrorCode, message: data.ErrorString })); case 1: return dispatch(authSuccessed({ login: data.Data.login, name: data.Data.FullName })); default: return dispatch(authFailed({ code: null, message: 'Неизвестная ошибка' })); } } catch (e) { dispatch(authFailed()); } finally { dispatch(authRecieved()); } };

нет

нет

В чём моя ошибка?

Это вообще адекватный экшн? export const signin = ({ login, password }) => async (dispatch) => { try { dispatch(authRequested()); const { data }: { data: Result } = await axios.post('/api/auth', { login, password }); switch (data.ErrorCode) { case -1: return dispatch(authFailed({ code: data.ErrorCode, message: data.ErrorString })); case 1: return dispatch(authSuccessed({ login: data.Data.login, name: data.Data.FullName })); default: return dispatch(authFailed({ code: null, message: 'Неизвестная ошибка' })); } } catch (e) { dispatch(authFailed()); } finally { dispatch(authRecieved()); } };

почти самый обычный. Это говно простозаворачивают

authRecieved чот так себе. Это типа даже если ошибка ты все роппускаешь ?

почти самый обычный. Это говно простозаворачивают

Как заворачивают?

authRecieved чот так себе. Это типа даже если ошибка ты все роппускаешь ?

Ставить в редусере loading: false

Как заворачивают?

ну в мидлваре на пример обработать. Завернуть 3 диспатча которые везде. Тпа пошел куда то. Пришел и ошибка

ну в мидлваре на пример обработать. Завернуть 3 диспатча которые везде. Тпа пошел куда то. Пришел и ошибка

Так везде разная обработка

Так везде разная обработка

ты не понял. Обработаешь ты в редьюсере. Но за чем в каждом екшене повторять 3 одинаковых по сути ?

ты не понял. Обработаешь ты в редьюсере. Но за чем в каждом екшене повторять 3 одинаковых по сути ?

Ты про Requested, Recieved?

ты не понял. Обработаешь ты в редьюсере. Но за чем в каждом екшене повторять 3 одинаковых по сути ?

Просто тут будет спиннер на форме входа. Допустим, если я графики запрашиваю, то спиннер на блоке графиков

Или стоп

То есть он будет делать одно и то же, но отдавать в нужный редусер?

То есть он будет делать одно и то же, но отдавать в нужный редусер?

типа да. Как назвать окончание сам придумай. Но это самый простой варант

также описываю по классу на модуль/фичу приложения и в классах описываю методы для получения данных class UsersApi { latestFetch(limit = 10) { return this.api.get(‘/users’, { query: { limit } }) } }

ооо это как у меня слой сервисов) имхо так и должен он быть организован в реакте

Покажите кто-нибудь примером, как правильно делать. Мне лучше 1 раз увидеть

ооо это как у меня слой сервисов) имхо так и должен он быть организован в реакте

Я как перешел на эту архитектуру просто не реально доволен, теперь все сайд эффекты в отдельных сервисах а не размазанны по экшонам

Это сегодня пришла обнова ?

Это сегодня пришла обнова ?

давно

давно

У меня ни разу не спрашивал такое WHY Ничего не настраивал дополнительно ?

У меня ни разу не спрашивал такое WHY Ничего не настраивал дополнительно ?

не

это в последней версии добавили https://code.visualstudio.com/updates/v1_24#_update-import-paths-when-a-file-is-moved-or-renamed

Извините за тупой вопрос а store один единый для всего приложения или для каждого компонента он свой?

Извините за тупой вопрос а store один единый для всего приложения или для каждого компонента он свой?

Стэйт вероятно свой, а стор, если говорить о редаксе, общий

Я не триггерюсь, я не тригерюсь, я не триггерюсь

Извините за тупой вопрос а store один единый для всего приложения или для каждого компонента он свой?

Тупой - это не вопрос

спс

Общий стор не нужен!

Извините за тупой вопрос а store один единый для всего приложения или для каждого компонента он свой?

как сделаешь так и будет

можешь сделать для каждого компонента свой стор теоретически

Общий стор не нужен!

ненужон нам ваш стор! ненужон!

чисто на побаловаться :))

можешь сделать для каждого компонента свой стор теоретически

Это будет дублирование реакта

Это будет дублирование реакта

а? :) в каком смысле?

кто-нибудь собирал openssl под emscripten?

а? :) в каком смысле?

Ну типа у каждого компонента и так есть стейт

Ну типа у каждого компонента и так есть стейт

а ты об этом, ну само собой

а так теоретически можно сделать несколько сторов, обернуть разные непересекающиеся между собой группы компонентов в <Provider store={store1}> .... <Provider store={store2} ...

ERROR: S client not available

и в каждом будет свой набор редьюсеров

можно даже одни и те же экшины в них гонять :))

Можно раздробить приложение и хранить стор глобально в хранилище

Можно раздробить приложение и хранить стор глобально в хранилище

а что имеется в виду под приложением?

Веб приложение

ну я понимаю

Ну сделать несколько бандлов

есть видимая и невидимая его часть :)

Ээ

Короче, есть несколько бандлов на разных страницах

т.е. есть стейт приложения, есть управляющая часть, которая меняет этот стейт и есть презентационный уровень - реакт компоненты, которые этот стейт отображают

Как айсберг

для меня последнее это как бы верхушка айсберга

И при переходе они инициализируются через локал стор например

Я делал такое на вью

можно даже одни и те же экшины в них гонять :))

Я так эффектор придумал короч

Не по своей воле

Я так эффектор придумал короч

=))

т.е. есть стейт приложения, есть управляющая часть, которая меняет этот стейт и есть презентационный уровень - реакт компоненты, которые этот стейт отображают

Забей

Есть вью, стейт и то что этот стейт меняет, не усложняй

Есть вью, стейт и то что этот стейт меняет, не усложняй

т.е. ты сейчас перефразировал меня и просишь меня не усложнять ?:))))

т.е. ты сейчас перефразировал меня и просишь меня не усложнять ?:))))

Да?

Всем привет. Какие лучшие практики сейчас есть для того чтобы написать независимый виджет на реакт для того чтобы он мог интегрироваться на любой сайт ? Для примера возьмем чат онлайн консультанта на сайте. Основная проблема это совпадение имен классов стилей с оригинальным сайтом. про styled-components смотрел но по мне это не лучшее решение

с чего бы не лучшее

объясни почему

ну хотя бы то что все это работает в рантайме

как я понял проблема с каскадными стилями есть

это же хорошо, что в рантайме

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