Тебе придется руками ключи для них задавать.

Проблема в том, что при нескольких инстансах ты с легкостью можешь неправильно построить связь стор-компонент неправильно.

эээ

шта

Проблема в том, что при нескольких инстансах ты с легкостью можешь неправильно построить связь стор-компонент неправильно.

на клиенте или SSR?

на клиенте или SSR?

Ssr.

Ssr.

библиотека zone.js полностью решает эту проблему

библиотека zone.js полностью решает эту проблему

Ты сам говоришь, что айдишники руками генерируешь. Или зона умеет свое состояние само восстанавливать?

Ты сам говоришь, что айдишники руками генерируешь. Или зона умеет свое состояние само восстанавливать?

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

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

Я хочу лишь понять как восстанавливается состояние.

протестил с 10 поднятыми серверами SSR на ноде и обстрелом 1К запросов в секунду

Я хочу лишь понять как восстанавливается состояние.

исходники читать надо

исходники читать надо

С точки зрения клиента.

С точки зрения клиента.

магически

у тебя в каждой функции одной зоны всегда будет один id зоны

почему в componentDidMount нету ref? он же вызывается после render

Ты куда стор, который тебе с браузера приходит, пихаешь?

Ты куда стор, который тебе с браузера приходит, пихаешь?

переформулируй

звезды на небе сошлись, сова разъебывает сегодня в чате

Ты куда стор, который тебе с браузера приходит, пихаешь?

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

переформулируй

Тебе приходит от клиента текущее состояние и действие. Что ты с этими объектами делаешь?

Тебе приходит от клиента текущее состояние и действие. Что ты с этими объектами делаешь?

кто его отправляет?

Тебе приходит от клиента текущее состояние и действие. Что ты с этими объектами делаешь?

ну как обычный SSR, принимаю запрос и начинаю рендер приложения с синглтон стором

Тебе приходит от клиента текущее состояние и действие. Что ты с этими объектами делаешь?

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

ну как обычный SSR, принимаю запрос и начинаю рендер приложения с синглтон стором

У тебя же в запросе текущее состояние лежит? Или ты для каждого клиента сессию поднимаешь на сервере?

У тебя же в запросе текущее состояние лежит? Или ты для каждого клиента сессию поднимаешь на сервере?

в запросе лежит токен. на сервере я проделываю то же что на клиенте (почти)

У тебя же в запросе текущее состояние лежит? Или ты для каждого клиента сессию поднимаешь на сервере?

ты раньше SSR делал?

ты раньше SSR делал?

Игрался.

Не более.

в запросе лежит токен. на сервере я проделываю то же что на клиенте (почти)

Напиши, что ли, хелпер-либу на основе zone для Реакта

Можешь поднять норм так, наверное

Игрался.

а.

Напиши, что ли, хелпер-либу на основе zone для Реакта

напишу.

там не будет провайдеров собственно

а.

Я понял как у тебя работает.

Подскажите как правильно написать на next-routes Например: /ru/release /cz/release .... я сделал вот так , но не работает , не хочется подхватывать страницу release const routes = module.exports = require('next-routes')() routes .add('about') .add('/:lang/release')

блин эта дискуссия выше?.... жесть будто прочитал лекцию по квантовой физике. заходя в этот чат нихрена не могу понять половину написанного ((

Просто начни читать исходники разных либ

Просто начни читать исходники разных либ

я в исходники jquery то не въезжаю конкретно в стиль написания

я в исходники jquery то не въезжаю конкретно в стиль написания

Начни с Ramda https://github.com/ramda/ramda/blob/master/dist/ramda.js

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

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

подожди просто как даные прийдут))

лоадеры)

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

IsLoading

или просто не рендери компонент)

В стор и по нему проверку

IsLoading

а более подробно можно ?

или статейку

https://www.robinwieruch.de/react-fetching-data/

Если примитивно: render() { if (this.state.isLoading) return 'Loading...'; // ... }

а более подробно можно ?

Гайды посмотрите А так вот часть стора Posts: { isLoading: false AllPosts: [] }

ок, спасибо )

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

Через maybe можно чекать

Начни с Ramda https://github.com/ramda/ramda/blob/master/dist/ramda.js

Почему вокруг Рамбды такой хайп, что в ней такого необычного?

да нет там буквы Б господи, как же бесит

да нет там буквы Б господи, как же бесит

Ради этого стоит говорить рамбда

Почему вокруг Рамбды такой хайп, что в ней такого необычного?

Просто нормальная либа

рамбда это вот этот недо-форк https://github.com/selfrefactor/rambda

всем привет, подскажите плиз, мне нужно очень часто обновлять таблицу данными приходящими из graphql subscriptions (более 10-100 раз в секунду) сейчас замечаю сильное проседание по производительности новые данные приходят в пропсах, я их мержу с локальным стейтом в componentWillReceiveProps данные приходят очень часто, как мне можно это оптимизировать? можно ли это еще както оптимизировать кроме батчинга и обновления раз в полсекунды например?

а имеет ли смысл их так часто обновлять? может, все-таки троттлить?

хм спасибо за мысль сейчас попробую

обновлять желательно чем чаще тем лучше конечно же

всем привет, подскажите плиз, мне нужно очень часто обновлять таблицу данными приходящими из graphql subscriptions (более 10-100 раз в секунду) сейчас замечаю сильное проседание по производительности новые данные приходят в пропсах, я их мержу с локальным стейтом в componentWillReceiveProps данные приходят очень часто, как мне можно это оптимизировать? можно ли это еще както оптимизировать кроме батчинга и обновления раз в полсекунды например?

для начала, хорошо бы понять, в каком месте и из-за чего идёт просадка

обновлять желательно чем чаще тем лучше конечно же

Возьми focal, он сам за тебя все сделай. На крайний случай добавить тротлинг будет не сложно

ERROR: S client not available

для начала, хорошо бы понять, в каком месте и из-за чего идёт просадка

Если таблица большая - во всем

Если например что-то лишнее ререндерятся - возможно можно будет pure или scu обойтись?

Надеюсь, человек и так это уже использует

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

Возможно где-то тут стоит использовать и raf

в общем судя по всему я много чего не использую что стоило бы, сейчас это все попробую, спасибо всем большое! :)

Почему вокруг Рамбды такой хайп, что в ней такого необычного?

Киррирование и фп чистое

Киррирование и фп чистое

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

Ват?

С rxjs взял и погнал

С rxjs взял и погнал

Натянул носок и погнал

Натянул носок и погнал

Вижу вы умеете подобрать слова

Кто-нибудь может порекомендовать отдельную либу для работы с модальными/диалоговыми окнами? react-modal не очень зашел rc-dialog вроде норм, но может кто-то что-то получше подскажет

> react-modal не очень зашел а что не так-то?

react-aria-modal ещё есть

но он без порталов

> react-modal не очень зашел а что не так-то?

в основном из-за отсутствия дизейбла скролинга body из коробки

в основном из-за отсутствия дизейбла скролинга body из коробки

а, ну это ни у кого считай нет

делай сам)

react-modal тебе свободно даёт настроить, какой класс к body добавится и хуки на enter / leave

А можно свой компонент же написать ?

А можно свой компонент же написать ?

(Так и до юайкита недалеко)

в принципе всё, что надо для счастья дефолтные убогие overlay styles и dialog styles мешаются конечно, но тоже не такая проблема

А можно свой компонент же написать ?

у нормальной модалки нюансов куча

если хочешь всю эту композицию оверлеев, фокустрэпы, ариа-атрибуты и прочее сам писать — пожалуйста)

а ещё возврат фокуса на элемент, которым модалка открыта была

Ещё бывает модалка в модалке и так несколько раз ?

Ещё бывает модалка в модалке и так несколько раз ?

За это глаза дизайнеру выкалывать надо

Ещё бывает модалка в модалке и так несколько раз ?

ага, тоже радости мало)

За это глаза дизайнеру выкалывать надо

да возьми любое моб приложение

еще была проблема когда надо сделать модалку типа лайтбокса. Когда изображение по центру, а крестик выхода из модалки находится вне контента - вверху справа. react-modal предлагает html структуру когда у тебя контент вложет в бэкдроп rc-dialog и модалка из material design другую структуру предлагают когда бэкдроп это отдельный див, а контент рядом div.backdrop div.dialog-box div.dialog-content VS div.backdrop div.dialog-box div.dialog-content