Start me to get the list of commands

Start me to get the list of commands

Подскажите, плиз, как кошернее всего подскролливать к свежесозданному блоку? Есть мысль о ref и scrollintoview. Но тут надо после появления блока запускать скролл вручную (у setState коллбеком, например, что не круто). Другой вариант у компонента на маунт подскролливать. Но тогда при открытию страницы, если он по каким-то условиям уже был отрендерен, тебя швырнёт туда. Есть третий вариант, отдавать в компонент разный пропс на предварительный рендер и на рендер по действию. Мне этот вариант кажется несколько костыльным. Возможно я что-то упускаю. Как вы решали аналогичные задачи?

Подскажите, плиз, как кошернее всего подскролливать к свежесозданному блоку? Есть мысль о ref и scrollintoview. Но тут надо после появления блока запускать скролл вручную (у setState коллбеком, например, что не круто). Другой вариант у компонента на маунт подскролливать. Но тогда при открытию страницы, если он по каким-то условиям уже был отрендерен, тебя швырнёт туда. Есть третий вариант, отдавать в компонент разный пропс на предварительный рендер и на рендер по действию. Мне этот вариант кажется несколько костыльным. Возможно я что-то упускаю. Как вы решали аналогичные задачи?

В чем проблема колбэка setState?

В 16 версии например его выпили

При следующем обновлении перестанет работать

Плюс загрязняется сетстейт

Он больше не пурный

В 16 версии например его выпили

Понял

А как предлагается?

В 16

Пишут будет в том же тике

В релизноутсах ничего не написано

Пишут будет в том же тике

Так лол, просто перепишешь тогда потом на синхронный код

Рендер после исполнения кода события происходит

Если синхронно

А у тебя в доме узла нет

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

Ладно, я ещё не смотрел, не готов обсуждать

Он отрендерится и на следующий тик только можно подскроллить

А уже "лол"

А уже "лол"

Ну не в обиду же

Я изначально и исходил из синхронного подхода

Коллбеки ругают очень

В 16 версии например его выпили

Где же callback у setState выпилили?

Я имел ввиду асинхронность

Я так понял этот кусок будет работать последовательно

Они просто привели в соответствие, люди и так обычно ожидали что коллбэк вызовется после DidMount/DidUpdate

Что значит последовательно?

Неасинхронно

По отношению к чему?

К рендеру

Коллбэк остался асинхронным к рендеру так же как DidMount/DidUpdate

Мне не нравится пункт про "всё отрендерится"

Я так понимаю что речь идёт о родительском компоненте

А на детей пофиг

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

Именно

Здесь ничего не изменилось

"instead of all components have rendered"

Я про эту часть

вызывается до того как они перемаунтятся выходит

т.е вызывался рендер и сразу за ним вызывается колбек

@admin

т.е вызывался рендер и сразу за ним вызывается колбек

Так) а сейчас как тогда?)

так же )

Так написано же после instead

Тобишь вместо рендера на дидмаунт

Так?

Типа сейчас все дочерние должны отрисоваться, а потом только колбек дёрнется

а вы видели фичу с асинхронным рендерингом ?

можно дерево сделать с синхронным рендером или нет

Кстати в чём профит?

асинхронного рендера ?

Угу

Событийная модель итак жеж

И есть пурные компоненты

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

Ну если дебажить реакт

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

из-за того что рендер блочится

и оно идет пока не прочитает все дерево

Ну тобишь стек-трейс короче и понятнее

а с помощью асинхронного рендера можно реализовать фичу с приоритетом процесов и скипнут просчет дерева

Интересно

я не совсем в этом ориентируюсь

это мое понимание

Кстати в чём профит?

Он не блокирует интерфейс одним большим синхронным рендером

Читай про https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback

Спасибо

Похоже на оптимизацию для больших интерфейсов

И для поточного ssr

есть ли cli для реакт как в вью кроме дефолтного больно уж он обрезанный

Create react app?

Rship был когда-то если его не забросили

ребят, а кто-то юзает эту штуку ? https://github.com/styleguidist/react-styleguidist

я юзал

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

та я чо-то не пойму как ее с редаксом и редакс-формами связать

когда компонентам стейт нужен из стора

Я бы для такого юзал storybook

Привет подскажите, как лучше сделать 1. есть компонент , который подгружает профиль и имеет роут /profile/:id 2. внутри него есть компонент который содержит подписчиков и имеет роут /profile/:id/subscribers в 1м компоненте на didComponentMount диспатчится подгрузка данных профиль, но по идее при переходе внутри компонента подгрузки быть не должно, как лучше реализовывать вложенные роуты и компоненты

?

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

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

https://github.com/zhDmitry/redux-form-antd

вот у меня со сторибукой редукс формы

круто выглядит, но кода ппц просто

https://github.com/zhDmitry/redux-form-antd/blob/master/stories/TextInput.js

как-то очень сложно