Не так давно Facebook представил Concurrent Mode (на момент написания статьи он все еще экспериментальный).
Параллельный режим был создан с учетом опыта пользователей и разработки, но на этот раз похоже, что он действительно может многое предложить и собирается стать огромным шагом вперед для React.
Почти каждый день появляется много новых вариантов использования, поэтому, если вы обнаружили какие-либо функции, которые я не упомянул в этой статье, добавьте их в комментарий.
Что такое параллельный режим?
Параллельный режим - это набор функций, которые делают React более быстрым и еще более удобным для пользователя (и разработки).
План состоит в том, чтобы приложения React могли еще более быстро реагировать, приспосабливаясь к возможностям устройств пользователей и скорости сети.
Создатели React также с гордостью заявляют, что облегчают жизнь разработчикам и помогают им […] максимально упростить создание приложений, которые запускаются быстро и остаются быстрыми […], независимо от того, насколько они увеличиваются.
Рендеринг
Если вы думаете о самом важном факторе взаимодействия с пользователем (с точки зрения разработки), то это будет рендеринг. Чем быстрее рендеринг, тем лучше ощущение от приложения.
Но поскольку простой пользователь может не почувствовать большой разницы между миллисекундами, для разработчика это значит довольно много, поскольку ему приходится иметь дело с гораздо большим объемом рендеринга «за кулисами».
React стал популярным уже благодаря Virtual DOM - он сканирует и обнаруживает только изменения в DOM, без необходимости строить всю структуру DOM с нуля.
Однако, когда вы хотите визуализировать какое-либо обновление, вы не можете его прервать, и вам придется ждать с новыми обновлениями, пока не будет завершена предыдущая визуализация.
Ну, больше нет.
В параллельном режиме рендеринг можно прерывать.
Проще говоря, параллельный рендеринг - это когда вы можете рендерить деревья компонентов без каких-либо повреждений и блоков в основном потоке пользовательского интерфейса.
Это позволяет вам запускать новые обновления пользовательского интерфейса до того, как будет завершено старое.
Приостановка получения данных
Одна из самых захватывающих вещей в параллельном режиме - Приостановка для выборки данных.
Теперь вы можете использовать компонент ‹Suspense›, чтобы ждать не только загрузки кода, но и всего остального, что вы хотите получить, декларативно.
Другими словами, вам не нужно ждать ответа, прежде чем начинать рендеринг. Теперь вы можете начать рендеринг и выборку одновременно.
Он также может решить множество условий гонки, улучшить общий пользовательский интерфейс и включить новые функции, которые раньше были невозможны.
Резюме
Параллельный режим уже открывает много интересных дверей, и я полагаю, что это только начало.
Цель сделать Интернет быстрее и удобнее для пользователей всегда остается неизменной, но на этот раз будущее становится невероятно интересным благодаря React и его функциям.
Для получения дополнительных советов по использованию перейдите на эту веб-страницу.
