← пред | след →
msabyr 2022-06-26 04:32:01
i_am_elyor 2022-06-26 04:30:40
Попробуй посты загрузить и отрисовать и в useEffect и в useLayoutEffect
likeazo 2022-06-26 04:34:16
i_am_elyor 2022-06-26 04:30:40
Попробуй посты загрузить и отрисовать и в useEffect и в useLayoutEffect
спасибо.
i_am_elyor 2022-06-26 04:40:12
likeazo 2022-06-26 04:34:16
спасибо.
Все же разница видна когда отрисуешь что-то получив динамически. Когда грузишь в useEffect что-то из сервака у тебя сначала будет пустой экран потом появляется рисунок, то есть будет мигание в интерфейсе. А когда в useLayoutEffect грузишь, то вот это мигание не должно быть, но он блокирует отрисовку, пока загрузка из сервера не завершится
likeazo 2022-06-26 04:41:06
i_am_elyor 2022-06-26 04:40:12
Все же разница видна когда отрисуешь что-то получив динамически. Когда грузишь в useEffect что-то из сервака у тебя сначала будет пустой экран потом появляется рисунок, то есть будет мигание в интерфейсе. А когда в useLayoutEffect грузишь, то вот это мигание не должно быть, но он блокирует отрисовку, пока загрузка из сервера не завершится
он не блокирует, он просто является дополнительной очередью, аналогичной useEffect стеку
likeazo 2022-06-26 04:41:27
подтвердите, плз, что я не прав, мне важно
likeazo 2022-06-26 04:43:23
и разница только в приоритете выполнения стека колбеков
i_am_elyor 2022-06-26 04:44:47
likeazo 2022-06-26 04:41:06
он не блокирует, он просто является дополнительной очередью, аналогичной useEffect стеку
Хоть ты кинул док мне прочитать, но сам видимо не читал
likeazo 2022-06-26 04:46:51
i_am_elyor 2022-06-26 04:44:47
Хоть ты кинул док мне прочитать, но сам видимо не читал
Вы можете объяснить каким образом блокируются визуальные обновления с помощью useLayoutEffect?
likeazo 2022-06-26 04:48:01
Это просто очередь:
выполняем useLayoutEffetct
синхронизируем DOM
выполняем стек useEffect
синхронизируем дом
i_am_elyor 2022-06-26 05:00:18
likeazo 2022-06-26 04:46:51
Вы можете объяснить каким образом блокируются визуальные обновления с помощью useLayoutEffect?
Например в твоем компоненте есть
1. Заголовка статическая
2. Динамические посты
Вот когда эти динамические посты грузишь в useLayoutEffect у тебя изначально не видна даже статическая заголовка, то есть ничего нет пока не завершится useLayoutEffect.
А когда useeffect, то всем известно статическая заголовка сразу отображается, а посты будут пустыми, пока не завершится useeffect, а после завершения загрузки обновляется интерфейс.
likeazo 2022-06-26 05:03:11
useEffect и useLayoutEffect одинаково отрабатывают после рендера, это можно посмотреть на скрине выше
likeazo 2022-06-26 05:04:45
нет, нельзя, извини, перепроверю сейчас
likeazo 2022-06-26 05:06:23
здесь можно
likeazo 2022-06-26 05:09:27
Это просто две одинаковых очереди колбеков с разным приоритетом
likeazo 2022-06-26 05:10:24
Если нет, то в чём отличие?
likeazo 2022-06-26 05:11:48
https://i.imgur.com/yrwAtyx.png
i_am_elyor 2022-06-26 05:23:56
likeazo 2022-06-26 05:10:24
Если нет, то в чём отличие?
i_am_elyor 2022-06-26 05:23:56
likeazo 2022-06-26 05:10:24
Если нет, то в чём отличие?
likeazo 2022-06-26 05:26:46
окей, а что такое chance to paint? это какое нативное js событие?
ТУТ ПОНЯЛ
likeazo 2022-06-26 05:27:09
это до чего?
likeazo 2022-06-26 05:28:10
написано до апдейта дома. а чем это отличается от useEffect?
likeazo 2022-06-26 05:29:41
что заложено в пэйнтинг здесь? вы знаете?
likeazo 2022-06-26 05:35:18
как «not block painting» и before » browser has a chance» работают?
likeazo 2022-06-26 05:35:28
я не знаю
likeazo 2022-06-26 05:40:33
i_am_elyor 2022-06-26 05:23:56
Мегоспасибо за инфу. Спасибо. Ты крутой мужык. Ещё поверхностно поковыряюсь в сорцах. Погляжу, что реакт разрабы считают за отложенную отрисовку.
i_am_elyor 2022-06-26 05:43:27
likeazo 2022-06-26 05:40:33
Мегоспасибо за инфу. Спасибо. Ты крутой мужык. Ещё поверхностно поковыряюсь в сорцах. Погляжу, что реакт разрабы считают за отложенную отрисовку.
useEffect’ом просто пока не можешь сделать то что ты мог сделать с useLayoutEffect и наоборот. Разница в том что useeffect работает не блокируя отрисовку браузера, а useLayoutEffect работает, при этом отрисовка блокируется
likeazo 2022-06-26 05:43:58
i_am_elyor 2022-06-26 05:43:27
useEffect’ом просто пока не можешь сделать то что ты мог сделать с useLayoutEffect и наоборот. Разница в том что useeffect работает не блокируя отрисовку браузера, а useLayoutEffect работает, при этом отрисовка блокируется
а ты знаешь как и чем? на уровне js?
likeazo 2022-06-26 05:46:00
Само по себе понятие «блокирование отрисовки» не рабочее, как это реализовано, ты знаешь?
i_am_elyor 2022-06-26 05:46:27
likeazo 2022-06-26 05:43:58
а ты знаешь как и чем? на уровне js?
Надо ковыряться в соурс кодах обоих хуков. Там внутри реакта были свои определения приоритетностей задач. Но я в этом не силен
likeazo 2022-06-26 05:47:49
посмотрю сорцы хуков. Спасиб
i_am_elyor 2022-06-26 05:47:54
Когда то хотел лезть и посмотреть как они это делают но увы, иногда свой вчерашный код анализировать составляет труд
i_am_elyor 2022-06-26 05:48:22
Поэтому не стал это делать
i_am_elyor 2022-06-26 05:51:06
likeazo 2022-06-26 05:46:00
Само по себе понятие «блокирование отрисовки» не рабочее, как это реализовано, ты знаешь?
https://habr.com/ru/post/444276/
Хорошая статья
Вступление в архитектуру React Fiber —
ХабрПривет, Хабр! Предлагаю вашему вниманию перевод статьи «React Fiber Architecture» автора Andrew Clark. Вступление React Fiber — прогрессивная реализация ключевог…
likeazo 2022-06-26 05:54:26
это сильно мимо
likeazo 2022-06-26 05:54:41
Цель Fiber в увеличении производительности при разработке таких задач как анимация, организация элементов на странице и движение элементов
likeazo 2022-06-26 05:55:35
пока я хотел бы выяснить вот это фундаментальное про приостановку рендера
i_am_elyor 2022-06-26 05:59:00
likeazo 2022-06-26 05:54:41
Цель Fiber в увеличении производительности при разработке таких задач как анимация, организация элементов на странице и движение элементов
Но он тоже умеет приоритизировать задачи
i_am_elyor 2022-06-26 05:59:25
Отменить задачу
Антон 2022-06-26 06:00:55
Парни, библиотека redux-form жива еще? Стоит на ней логин делать?
i_am_elyor 2022-06-26 06:00:57
Короче все же надо копаться в соурс кодах реакта
i_am_elyor 2022-06-26 06:02:40
Антон 2022-06-26 06:00:55
Парни, библиотека redux-form жива еще? Стоит на ней логин делать?
Они сами рекомендуют как бы другие библиотеки
i_am_elyor 2022-06-26 06:03:00
Но я не знаю, не работал с ним
likeazo 2022-06-26 06:03:06
Антон 2022-06-26 06:00:55
Парни, библиотека redux-form жива еще? Стоит на ней логин делать?
не надо. есть hooks-form, она тоже не фонтан, но любят её
Антон 2022-06-26 06:04:54
а formik нормально? Я смотрю it kamasutra, он просто там реализовал через redux-form
likeazo 2022-06-26 06:06:40
Антон 2022-06-26 06:04:54
а formik нормально? Я смотрю it kamasutra, он просто там реализовал через redux-form
ну если у тебя редакс в комплекте, мб.
https://github.com/react-hook-form/react-hook-form
вот эту либу все облизывают, не знаю почему, сам пользуюсь, не очень доволен.
GitHub — react-hook-form/react-hook-form: 📋 React Hooks for form state management and validation (Web React Native) —
GitHub📋 React Hooks for form state management and validation (Web React Native) — GitHub — react-hook-form/react-hook-form: 📋 React Hooks for form state management and validation (Web React Native)
likeazo 2022-06-26 06:07:18
Антон 2022-06-26 06:04:54
а formik нормально? Я смотрю it kamasutra, он просто там реализовал через redux-form
Попробуй, если у тебя сложной логики нет, то что угодно ок будет
Антон 2022-06-26 06:07:28
мне логин нужно реализовать
ttinbok 2022-06-26 07:39:16
Антон 2022-06-26 06:04:54
а formik нормально? Я смотрю it kamasutra, он просто там реализовал через redux-form
стоит не смотреть айти кмасутру, достаточно погуглить библиотеки для работы с формами на реакте и выбрать понятную для тебя
chr04iri 2022-06-26 07:49:41
Антон 2022-06-26 06:07:28
мне логин нужно реализовать
ulbi tv смотрел? У него там тз мидла какое то, там он делал авторизацию на фронте
risenforces 2022-06-26 07:51:51
Щас дам вам тз на мидла
← пред | след →