Доброго времени суток. Вопрос по redux. Никак не могу въехать.. вроде все просто, вроде примеры, уроки смотрел, но как дело дошло до практики, я не могу нормально применить redux, путаюсь в архитектуре. Вопрос вот в чем. Я не понимаю, где мне писать логику обработки данных, полученных от api. Как бы да, redux-thunk, асинхронный экшн.. Но. В моем приложении, которое сейчас без redux, я использую HOC-компоненты, в которых получаю данные, обрабатываю, и отдаю в view-компоненты. Так вот, зачем мне асинхронные экшны, если я могу все так же получать данные с апи в HOC-компоненте, и, когда получил и обработал - диспатчить их, используя простые, синхронные экшны?

Доброго времени суток. Вопрос по redux. Никак не могу въехать.. вроде все просто, вроде примеры, уроки смотрел, но как дело дошло до практики, я не могу нормально применить redux, путаюсь в архитектуре. Вопрос вот в чем. Я не понимаю, где мне писать логику обработки данных, полученных от api. Как бы да, redux-thunk, асинхронный экшн.. Но. В моем приложении, которое сейчас без redux, я использую HOC-компоненты, в которых получаю данные, обрабатываю, и отдаю в view-компоненты. Так вот, зачем мне асинхронные экшны, если я могу все так же получать данные с апи в HOC-компоненте, и, когда получил и обработал - диспатчить их, используя простые, синхронные экшны?

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

почему?

почему?

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

так в HOC-компоненте же обрабатываю. на то он и контейнер, чтоб подготовить данные для вьюхи. или мы о разном?

я хочу из редакс мидлвара это сделать (без компонента, типа RedirectHandler)

import createHistory from 'history/createHashHistory'; import { GLOBAL_REDIRECT } from '../store/actions'; const history = createHistory(); export const redirect = store => next => action => { if (action.type === GLOBAL_REDIRECT) { history.push(action.payload); } return next(action); };

import createHistory from 'history/createHashHistory'; import { GLOBAL_REDIRECT } from '../store/actions'; const history = createHistory(); export const redirect = store => next => action => { if (action.type === GLOBAL_REDIRECT) { history.push(action.payload); } return next(action); };

С модулем history проблема с hot лоадером, так что без него делаю

С модулем history проблема с hot лоадером, так что без него делаю

а что за проблемы?

а что за проблемы?

В hot loader где то внутри cannot read peoperty pathname of undefined

Не стал разбираться

Есть ли какое-то приложение которое позволяет прототипироват (визуализировать) связи между компонентами в react?

Есть ли какое-то приложение которое позволяет прототипироват (визуализировать) связи между компонентами в react?

Дев тулзы чем-то не угодили?

Дев тулзы чем-то не угодили?

Я имею ввиду построить структуру компонентов до имплементации ее в коде.

Интересно, умеет ли такое framerX

https://m.youtube.com/watch?v=WXYPpY_mElQ

Через 20 мин начало?

export const upload_file_api = (token, url, file) => { return axios.put(url, { headers: { 'Access-Control-Request-Headers': 'Content-Type, Content-Length, Content-Range, X-HTTP-Method, X-Requested-With, X-Disk-Uploader-Wait-Complete-Upload' }, data: file }) .then(res => res.status) .catch(error => { throw error }); };

Конфа началась, опять примеры с хуками

А причем там рекламный кабинет пейсбука?

А причем там рекламный кабинет пейсбука?

Показывал сколько фигни может погружаться и попросил посчитать

Показывают фичи, которые завезли 16.6, лол

Хоть скрины кода поскидывайте

А вот м приоритеты

Только увы через пару недель или месяцев

>react-cache ????

Не ну саспенс пиздатая тема

Да ваще от души

А в чем суть concurrent?

Каэф

Щя досмотрю и расскажу

Ебать, приоритет рендера

Я как понял, завтра конкурент в альфе будет?

Короче приоритеты апдейтов сосат

Расходимся

Оооо

Ооооооооо

Жир

Самый каэф это спекулятивный рендер

Это тупо космос

Господи, это пушка

Самый каэф это спекулятивный рендер

эт про что

Господи, можно теперь получать хоком рендер тайм компонента

Новый профайлер десяточка

эт про что

Короче если браузер айдлится то реакт будет рендерить наперёд

Фетч прямо в пропсы ???

Ну штош

*clap-clap*

Тупо каэф

Но жаль приоритеты нельзя потыкать ещё

С ними видимо совсем трудно

А так почти все это показывали еще в Марте в Исландии

Больше всего каефа было, когда он удалял все loading индикаторы и их бойлерплейт

Больше всего каефа было, когда он удалял все loading индикаторы и их бойлерплейт

Да я тогда орал просто от счастья

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

И круто что concurrent react можно будет включать не целиком

ERROR: S client not available

меньше условий в JSX :D ура

Больше всего каефа было, когда он удалял все loading индикаторы и их бойлерплейт

Как. Завернул их просто?

Это вообще супер кайф

В асинк моде он вообще будет откладывать рендер

Как. Завернул их просто?

loading стейты теперь не нужно, т.к. суспенс видит, что данные еще не добрались и забивает на рендер следующего компонента

Но если прошло больше чем maxDuration то он покажет фолбэк

сидишь крутишь старый экран

Очень приятно

loading стейты теперь не нужно, т.к. суспенс видит, что данные еще не добрались и забивает на рендер следующего компонента

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

И работает как try catch

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

Фолбэк покажет

аа ок

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

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

да, норм вариант

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

Но если прошло больше чем maxDuration то он покажет фолбэк

Ну т. Е он просто внутри лоадеры делает

А если хочешь показать в n компонентах

Ну т. Е он просто внутри лоадеры делает

Ну как фолбэк можно что угодно поставить

А если хочешь показать в n компонентах

Ну так оборачиваешь

Что тебе нужно

Спекулятивный рендер топчик. А у Аполло еще есть defer директива, которая вложенные данные в lazy грузит

Если подружить, то фронтенд сасатб

Ну как фолбэк можно что угодно поставить

Стейт за тебя типа внутри А если ты не получаешь данные, а пост запрос

Стейт за тебя типа внутри А если ты не получаешь данные, а пост запрос

Это не для поста

Кэш я так понял ток для get

Хотя наверное можно будет какой-то принудительно его тригернуть

Это не для поста

Ну выше писал что стейт лоадера не нужен

Ну выше писал что стейт лоадера не нужен

+-

Я ж писал выше что это не для всего