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

сначало хотел сделать отдельный адаптер с абстрактным Adapter -> AxiosAdapter / WSAdapter и т.д. через него уже подключения к апи (сразу на ум приходит DIP), апи очень обширный и делить его проще на логические блоки например тогда получается что-то типа: const adapter = new WSAdapter(...); const apiUser = new UserApi(adapter); const res = await apiUser.doSomething(...);

и как это в функциональном виде написать?

вот я все размышляю и не могу придумать как красиво подружить ООП клиент к апи и его вызовы

Делаешь класс, а там дохера статик методов

Делаешь класс, а там дохера статик методов

можно просто файлом с функциями тогда уж и потом import * as API

и как это в функциональном виде написать?

в функциональном я не очень силен, думал что-то типа: requestAxios.js async function request(options) { ... try,catch,call to traspot lib... } user.js import request from '../request'; ... async login(email, password) { return await request({...}); }

или передавать request непосредственно в вызов, например: async login(req, email, password) { return await req({...}); }

тогда надо всего подключать 2 файла в контейнере

Делаешь класс, а там дохера статик методов

> 250 статик методов грусто, да и потом как с передачей адаптера поступить

делать наследование точно не вариант сразу SOLID нарушаем

Map({ a: { x: xd }, b: { x: dx } }).map(({ x }) => <div>{x}</div>) в чем проблема?

ну это при этерации , да , но если, к примеру, нужно много всего из стейт достать разного ? такую строку заменяете геттами ? const {foo, bars: {bar1: {a, x : {y}}}} = this.props.state

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

ну это при этерации , да , но если, к примеру, нужно много всего из стейт достать разного ? такую строку заменяете геттами ? const {foo, bars: {bar1: {a, x : {y}}}} = this.props.state

да

да

последний вопрос, а как смотрите на введение HOC с переводом в JS ?

а потом приходит в голову что было бы неплохо оставить уровень для создания событий дабы подписыватся например на неожиданные входящие сообщения по ws

последний вопрос, а как смотрите на введение HOC с переводом в JS ?

я не в курсе насчет правильности, но перевожу именно в mapStatetoprops

Ещё один нарко вопрос, может ли дочерний компонент получить метод родителя, если метод не был передан в пропсе и его или аналог нельзя получить в редаксе? :)

Ещё один нарко вопрос, может ли дочерний компонент получить метод родителя, если метод не был передан в пропсе и его или аналог нельзя получить в редаксе? :)

Это js, можешь чё угодно делать :)

Ещё один нарко вопрос, может ли дочерний компонент получить метод родителя, если метод не был передан в пропсе и его или аналог нельзя получить в редаксе? :)

не может

я не в курсе насчет правильности, но перевожу именно в mapStatetoprops

не совсем понял , так вы всетаки переводите в JS ? просто выше писали что тяните Immutable до рендера

не совсем понял , так вы всетаки переводите в JS ? просто выше писали что тяните Immutable до рендера

если надо get то в хоке, если итерация то в рендере

а потом приходит в голову что было бы неплохо оставить уровень для создания событий дабы подписыватся например на неожиданные входящие сообщения по ws

а трабл в чем?

тут конечно может помочь разного рода композиция, например: const apiAdapter = new AxiosAdapter(...); const apiSubscriber = new Subscriber(...); const errorHandler = new ApiErrorHandler(...); const apiUser = new UserApi(apiAdapter, apiSubscriber, errorHandler);

> 250 статик методов грусто, да и потом как с передачей адаптера поступить

Делай просто клиент, и кидай инстанс клиента в мидлвару

И при вызоле передавай endpoint

а трабл в чем?

в ноде есть EventEmitter который идет в наследование, в react и react-native подозреваю нужно думать что-то свое и дружить это с редаксом

в ноде есть EventEmitter который идет в наследование, в react и react-native подозреваю нужно думать что-то свое и дружить это с редаксом

Свои мидлвары делаешь

Или юзаешь готовые

в ноде есть EventEmitter который идет в наследование, в react и react-native подозреваю нужно думать что-то свое и дружить это с редаксом

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

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

А зачем тебе ивент где угодно?

Ты состояния все равно в стейте будешь хранить

Помогите с внутренностями react, что такое ReplaceState и что у него за тэги?

А зачем тебе ивент где угодно?

например если тебе придет приглашение в группу пользователей по ws, т.е. нужно подписывать на события

например если тебе придет приглашение в группу пользователей по ws, т.е. нужно подписывать на события

State должен об этом знать

А уведомления в sw себе крутить

А зачем тебе ивент где угодно?

Не везде нужно менять стейт по эвенту, например нужно пересоздать подключение к сигналинг серверу WebRTC

State должен об этом знать

Не обязательно все пихать в state

Не везде нужно менять стейт по эвенту, например нужно пересоздать подключение к сигналинг серверу WebRTC

Мидлвары для такого

Не обязательно все пихать в state

Я не говорю прям все

Короче это более менее место для работы с сайд эффектами

Мидлвары для такого

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

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

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

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

В чем боль?

В чем боль?

Ну надо его делать как минимум

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

Пусть лучше с подписками будет боль чем наркота и алкоголь

ребят, по redux вопрос: как в теле middleware получить следующий state после выполнения всей цепочки middlewares?

ребят, по redux вопрос: как в теле middleware получить следующий state после выполнения всей цепочки middlewares?

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

если ей важно быть последней, поставь её последней

Ну надо его делать как минимум

Простейший самописный это ~30 строк, а так есть RxJs

ок, не важно где они, вопрос тот же как получить актуальный стейт?

Простейший самописный это ~30 строк, а так есть RxJs

Ну да, если есть уже rx или most. Тогда можно не парится

ок, не важно где они, вопрос тот же как получить актуальный стейт?

Ну у тебя ж есть доступ к state

Ну у тебя ж есть доступ к state

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

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

Ну будет ток в следующем по идее

Ну будет ток в следующем по идее

в этом и вопрос, как получить стейт, который будет на следующем шаге? есть какие-то практики, шаблоны?

Глянь redux logger, по идее ты знаешь как твой экшон изменит стейт

в этом и вопрос, как получить стейт, который будет на следующем шаге? есть какие-то практики, шаблоны?

https://redux.js.org/api/applymiddleware#arguments

https://redux.js.org/api/applymiddleware#arguments

о, спасибоны, то есть возвращать не next=>action а ({getState})=>next=>action

стоп, сейчас у меня и есть такая сигнатура, но getState возвращает стейт до мержа

Наркоманские вопросы закончились) Вопрос адекватнее))) Передаю компоненту в пропсы другой компонент, как на этот компонент полученный через пропсы накидать эвенты (онКлик например)?! :)

крч я пока ходил в магазин думал и последня фигня в том как правильно все собрать, и реши что бы не возится долго и не мучатся сделать инициализацию адаптера со всем необходимым отдельно от всей структуры, назвать его например adapterApi.js, передовать в конструктор отдельного api класса будет примерно так: import adapterApi from 'adapterApi'; import NewsApi from 'NewsApi'; ///или что-то типа: import { NewsApi } from 'Apis'; ... const clientNews = new NewsApi(adapter); class NewsContainer { async getNews() { const news = await clientNews.getFresh(...); this.setState({ news }) } }

а подписатся на все что нужно подключив adapterApi в главной контейнере где и связать его с редаксом*

ERROR: S client not available

что думаете?

и структура будет что-то типа: - services - - adapterApi.js - - api - - - adpter - - - - transport - - - - - WebSocket.js - - - - - Axios.js - - - - Adpter.js - - - client - - - - Auth.js - - - - User.js - - - - Search.js

крч я пока ходил в магазин думал и последня фигня в том как правильно все собрать, и реши что бы не возится долго и не мучатся сделать инициализацию адаптера со всем необходимым отдельно от всей структуры, назвать его например adapterApi.js, передовать в конструктор отдельного api класса будет примерно так: import adapterApi from 'adapterApi'; import NewsApi from 'NewsApi'; ///или что-то типа: import { NewsApi } from 'Apis'; ... const clientNews = new NewsApi(adapter); class NewsContainer { async getNews() { const news = await clientNews.getFresh(...); this.setState({ news }) } }

при таком способе я получу объект с апи и автодополнением, все жирные инициализации и выбор траспорта зверну в adapterApi, смогу обрабатывать ошибки и подписи adapterApi в одном месте

Наркоманские вопросы закончились) Вопрос адекватнее))) Передаю компоненту в пропсы другой компонент, как на этот компонент полученный через пропсы накидать эвенты (онКлик например)?! :)

передавай не компонент, а фабрику

Наркоманские вопросы закончились) Вопрос адекватнее))) Передаю компоненту в пропсы другой компонент, как на этот компонент полученный через пропсы накидать эвенты (онКлик например)?! :)

https://reactjs.org/docs/render-props.html

а загрузку истории чата и подгрузку при скроле далать по http или по секетам ?

а загрузку истории чата и подгрузку при скроле далать по http или по секетам ?

по секетам

ок

говорят вот тут презентуют реакт 17 https://conf.reactjs.org

говорят вот тут презентуют реакт 17 https://conf.reactjs.org

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

говорят вот тут презентуют реакт 17 https://conf.reactjs.org

не успею я туда попасть. эх

так а нафига там быть?

а

в октябре и в европах много норм конф

https://reactjs.org/docs/render-props.html

Спасибо

Вопрос такой. Есть список карточек, есть компонент который отвечает за детальное отображение конкретной карточки. При клике на элемент в списке, происходит переход на другой роут, где находиться компонент с детальным отображением В общем довольно стандартный кейс. Вопрос вот в чем, если вернуться обратно(из деталей, в список) и нажать на другую карточку, то сначала рендерятся данные относящися к предыдущей, а потом уже актуальные. Надеюсь понятно, в чем моя проблема ...

Вопрос такой. Есть список карточек, есть компонент который отвечает за детальное отображение конкретной карточки. При клике на элемент в списке, происходит переход на другой роут, где находиться компонент с детальным отображением В общем довольно стандартный кейс. Вопрос вот в чем, если вернуться обратно(из деталей, в список) и нажать на другую карточку, то сначала рендерятся данные относящися к предыдущей, а потом уже актуальные. Надеюсь понятно, в чем моя проблема ...

Обнуляй перед новым рендером

Вопрос такой. Есть список карточек, есть компонент который отвечает за детальное отображение конкретной карточки. При клике на элемент в списке, происходит переход на другой роут, где находиться компонент с детальным отображением В общем довольно стандартный кейс. Вопрос вот в чем, если вернуться обратно(из деталей, в список) и нажать на другую карточку, то сначала рендерятся данные относящися к предыдущей, а потом уже актуальные. Надеюсь понятно, в чем моя проблема ...

на анмаунт

на анмаунт

Думал об этом. А как корректно обнулять?

делаешь экшон

Я понял спс)

и в стейте делаешь return initState или че у тебя там

Всем привет! Помогите с react-hot-loader . НЕ понимаю как webpack настроить

Всем привет! Помогите с react-hot-loader . НЕ понимаю как webpack настроить

В доке есть примеры.

куча

или я не умею готовить

в общем сделал все по мануалу

webpack не ругается

https://blog.bitsrc.io/11-javascript-utility-libraries-you-should-know-in-2018-3646fb31ade

но когда я обновляю страницу в браузере, то роут работает серверный, реактовский роут не пашет