Модный Реакт 18! Экскурсия в мир нового API!

Сиквел рассказа о нововведениях в React js! В этой части речь пойдет о самом интересном. О новом API в Реакт 18!

0:00 Пролог
00:18 Оптимизация приложения с startTransition API
08:00 Плавные переходы с startTransition API
10:43 Постепенная загрузка с useDeferred API
12:46 Оптимизация приложения с useDeferred API
14:04 Скрытный OffScreen API
15:25 Новый Root API
16:44 Резюме
_________________________

Мой любимый канал о Фронтенде в telegram:
_________________________

Пример с графиком и startTransition API для оптимизации

Плавные переходы с startTransition API + useDeferred API

Оптимизация приложения с useDeferred API

#reactjs #react #javascript #frontend

[Howtogoit]

Тренажеры HTML Academy (HTML, CSS, JS, React) + Академия + Книга рецептов фронтендера + комьюнити
за 99 рублей:

Какие тренажеры бывают:

Подписывайтесь:


Пример с графиком и startTransition API для оптимизации

Плавные переходы с startTransition API + useDeferred API

Оптимизация приложения с useDeferred API

[МаксимДраганов-ем]

Чувак, реально классно. Вот такие тонкие моменты нам нужны. Продолжай!

[АлексейБомко-ьш]

Классное видео! Очень радуют довольные дятлы на картинках... хм, я тоже доволен)

[kirillmorozov]

Какой же кайф! Смотрится на одном дыхании!
На 11:15 орнул в голосину ахах

[ra-dro]

Спасибо большое за видео. Я сам не работаю с вебом, но было очень здорово почерпнуть столь интересные идеи! Весьма доходчиво изложено и примеры классные, чего очень не хватает зачастую. С нетерпением буду ждать видео о полноценном релизе!

[yuddmm]

Посмотрел твой этот ролик как первый и мне как, реакт разработчику, было приятно посмотреть на твой труд! Желаю тебе успехов)

[maxvaluev]

Спасибо за очередной шикарный видос! Удивляюсь тому как ты столько инфы успеваешь рассказать за короткое время)

[kirval-fd]

Отлично подана инфа, один из немногих ребят, которые могут показать сразу ДВА окна компонента для наглядности, Почему никто так не делает? Это чуть ли не первый канал где это реализовано, вникать в разы быстрее получается ведь!

[xxgastxr]

Очень классно, однозначно лайк и подписка!

[OleksandrDanylchenkok]

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

[doniyority]

Большое спасибо! Очень качественное и полезное видео! Где ещё можно найти больше JS и React контента почитать?

[alexandrucristea]

Очень качественный контент, спасибо 👍

[alexVbeze]

Было бы интересно ещё посмотреть про разные трюки как в примере со слайдером. Мне, кажется, в книге или на курсе такое не расскажут. Или как примеры про функции в CSS, очень познавательно и интересно. Вдохновляет изучать дальше.

[sh_zik]

Хороший контент, подписался. Спасибо.

[serheliusperchuk]

Видос хороший, особенно пример в начале!
(Когда автор читал "Валуйэ", меня передёргивало 😅

[volodymyrdoskochinskiy]

Чёрт возьми, чувак - ты крутой! Пожалуйста, продолжай далее

[_Black_Mirror_]

насчет задачи в блоке offscreen api. можно табы скрывать через display: none. у активного таба dispalay: block. тогда все будет работать как ты и хотел

[StreetXHasu]

а что скажите про Vue? он актуален? так же умеет?

[qwell]

В примере со startTransition также не упомянул про отвязку от стейта слайдера

[octom]

Случай с слайдером. А что если обновлять State при onMouseUp?