ваш flow дикарь, съедает все и всех

Ребят, вы используете тайп чекеры в проектах?? Если да, то какие??

Не понравился опыт, не использую

Не понравился опыт, не использую

А конкертики немного можно?

А конкертики немного можно?

Каждый раз найдётся какая-нибудь библиотека без тайпингов (flow) или с неправильными тайпингами (typescript) Да и банальный compose описать не получится, насколько я помню

Каждый раз найдётся какая-нибудь библиотека без тайпингов (flow) или с неправильными тайпингами (typescript) Да и банальный compose описать не получится, насколько я помню

Получится

Каждый раз найдётся какая-нибудь библиотека без тайпингов (flow) или с неправильными тайпингами (typescript) Да и банальный compose описать не получится, насколько я помню

Дааа с композицией чутка сложна

Получится

Хз, this.props после compose пустой получается

Каждый раз найдётся какая-нибудь библиотека без тайпингов (flow) или с неправильными тайпингами (typescript) Да и банальный compose описать не получится, насколько я помню

Почему компоуз нельзя?

Каждый раз найдётся какая-нибудь библиотека без тайпингов (flow) или с неправильными тайпингами (typescript) Да и банальный compose описать не получится, насколько я помню

а не надо юзать рекомпоз)

Почему компоуз нельзя?

Получится, просто в ide подсказки пропадут

вообще есть же $Compose

Хотя хз, мб я что-то не так делал

вообще есть же $Compose

Первый раз сейчас об этом услышал. Пойду гуглить.

И что-то не могу нагуглить собственно, да, у флоу мне ещё документация не нравится)

И что-то не могу нагуглить собственно, да, у флоу мне ещё документация не нравится)

отрицание

в код флоу сразу смотрю

отрицание

Лучше ссылку дайте

Первый раз сейчас об этом услышал. Пойду гуглить.

https://github.com/facebook/flow/issues/5658 )))

Кайф)

Короче, я с радостью буду пользоваться флоу, когда они допилят его и документацию по нему Но, видимо, я скорее дождусь работы с dom из wasm)

Ну и сиди без типов как сыч

react-snap нашел только

Чёт не понял, это сср из коробки что ли?

кстати, кто-нибудь знает, где хранить сортировку в реакт-редакс приложении? предположим, прилетает с сервера список с клиентами, несколько тысяч можно хранить в редаксе а-ля абрамовское clients: { allIds: [отсортированый список айдишников клиентов по имени], byId: { ... }, } но потом я захочу их отсортировать еще и по, предположим, последнему визиту добавлять еще один массив с индексами? или лучше вынести логику сортировки в селекторы? но тогда я не смогу на добавление одного клиента вместо пересортировки всего заново просто воткнуть айдишник в нужную позицию в массиве. или можно как-то? подумываю вообще о какой-то кастомной мидлвари для такого, если честно

Сортировку в редаксе хранить негде

кстати, кто-нибудь знает, где хранить сортировку в реакт-редакс приложении? предположим, прилетает с сервера список с клиентами, несколько тысяч можно хранить в редаксе а-ля абрамовское clients: { allIds: [отсортированый список айдишников клиентов по имени], byId: { ... }, } но потом я захочу их отсортировать еще и по, предположим, последнему визиту добавлять еще один массив с индексами? или лучше вынести логику сортировки в селекторы? но тогда я не смогу на добавление одного клиента вместо пересортировки всего заново просто воткнуть айдишник в нужную позицию в массиве. или можно как-то? подумываю вообще о какой-то кастомной мидлвари для такого, если честно

В селекторах наверное

Обычная сортировка должна быть на беке, но если ты хочешь отметить "активных" клиентов (над которыми пользователь произвел какое то действие), то почему бы их тупо не перемещать в сторе редакса на первое место?

reselect?

Чёт не понял, это сср из коробки что ли?

Ну только для статики. А так да

@KevinDetry а еще лучше не загружать сразу несколько тысяч клиентов )

Сортировка — это просто массив индексов, дважны вычисляемое значение: исходные данные → массив индексов → сортированное представление

@KevinDetry а еще лучше не загружать сразу несколько тысяч клиентов )

лучше загружать, это crm'ка, там лучше все данные сразу загрузить (

Сортировка — это просто массив индексов, дважны вычисляемое значение: исходные данные → массив индексов → сортированное представление

В редаксе вычисляемых значений нет. Сортировку хранить негде

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

Неа

Он же вычисляемый

Это неудобно ппц

Потому что надо видеть несколько частей стора, а норм методов для такого нет

пробрасывать из санков)

Так это же синхронная чистая функция, зачем санки

Так а как получается? в стейте родителя листа и ui для сортировки хранится текущее значение сортировки и оно прокидывается в компонент листа, который через реселект вытаскивает лист из стора и сортирует его в селекторе по прокинутому пропсу сортировки?

в ibitial state в redux можнро прописывать например session: axios.get() или так не делають?

в ibitial state в redux можнро прописывать например session: axios.get() или так не делають?

нельзя

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

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

диспатчишь экшен с этим запросом

в componentDidMount типо?

например да, но я вообще до ReactDOM.render диспатчу, не уверен что это хорошая практика

например да, но я вообще до ReactDOM.render диспатчу, не уверен что это хорошая практика

А где конкретно?

А где конкретно?

в App.js

в App.js

Делаю так же, когда искал «бест практис» путного ничего не нашел

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

Сделай хок

Который будет это проверять

хок это что?*

хок это что?*

С правой как говорится

?

https://reactjs.org/docs/higher-order-components.html

Я думал, хоки — это уже времена динозавров

Я думал, хоки — это уже времена динозавров

Нет

Я думал, хоки — это уже времена динозавров

а что сейчас?

ERROR: S client not available

а что сейчас?

render props

render props

Эмм чё

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

а эпп просто рендерит в зависимости от свойств

???

Эмм чё

это не я, это хайп

ну ка помогите бате по быстрому, ему и так пришлось руки в js замарать, мои друзья гоферы поудалялись от меня вк

даже жсеры лучше гоферов

я вроде как понял, принцип ща за вечер свояю на реакте

Не пиши столбиком

ой. простите

ну то есть обертку над app компонентом нормально создавать? в ней я в компонент дидмаунт получаю данные о сессии, и если ее нет просто не рендерю апп компонент а рендерю страницу входа? изи же, по моему найс логика да? так делают на реакте? я хз я только 5 мин назад узнал что такое high order components но в целом все логично

тебе надо с сервера загрузить изначальный стейт?

ну да по идее

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

render props

Одно не замена другому

Одно не замена другому

да я уже почитал, хоки пока лучший вариант

че так сложна все. часа 2 песать разбираться, знал бы за 5 минут приложение бы зафигарил

делаешь санк, connect'ишь корневой компонент, дергаешь санк в componentDidMount, из санка диспатчишь экшен с полученным с сервера стейтом, в редьюсере его записываешь вместо пустого стейта как-то так

делаешь санк, connect'ишь корневой компонент, дергаешь санк в componentDidMount, из санка диспатчишь экшен с полученным с сервера стейтом, в редьюсере его записываешь вместо пустого стейта как-то так

пример можно

пример можно

В любом гайде по редаксу

ребят подскажите пожалуйста что я не так делаю почему я не могу прокинуть данные изначально в первое приложение? const total = {name: "vitaliy"}; ReactDOM.render(<App value = {total}/>, document.getElementById('root')); registerServiceWorker(); class App extends Component { let name = this.props.name; render() { return ( <div > {name}; </div> ); } } export default App;

возникает ошибка

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

ребят подскажите пожалуйста что я не так делаю почему я не могу прокинуть данные изначально в первое приложение? const total = {name: "vitaliy"}; ReactDOM.render(<App value = {total}/>, document.getElementById('root')); registerServiceWorker(); class App extends Component { let name = this.props.name; render() { return ( <div > {name}; </div> ); } } export default App;

value.name

точно спасибо

let name = this.props.value.name;

так должно быть?