Что такое Concurrent в React ??? Глава 1
Рет қаралды 14,365
Күн бұрынЯ много слышал о Concurrent Mode, но все не понимал, что это такое. И наконец я посветил этому кучу времени и насмотрелся / начитался разных источников об этом. В одном коротком видео всего не расскажешь, поэтому наслаждайтесь вводной частью!
-------
ТГ канал с информацией о курсе от АйТи Синяк - t.me/it_sin9k
-------
JSConf Iceland 2016 - • Dan Abramov: Beyond Re...
Поддержать Айти Синяка можно здесь:
KZfaq: / @it-sin9k
boosty: boosty.to/sin9k
Patreon: / itsin9k
00:00 Анонс темы
00:35 JS однопоточный
01:15 Однопоточный React
01:57 Веб воркеры не работают
02:31 Что такое Async Rendering?
03:00 Дэмо Дэна Абрамова
09:45 Идея Дэмо
10:48 Анонс Курса по программированию
11:11 Подписывайтесь!
Подписаться на канал: / @it-sin9k
Twitter: / it_sin9k
-------------------------
Данный канал создан для инициирования бесед на различные темы IT сферы (социальные / технические), а также для тех кому короткая видео выжимка статьи, выступления на конференции или же просто личных мыслей, являются более удобным форматом
@ArtyomSamsonchik Жыл бұрын
Синяк так внимательно слушает доклад, что даже не моргает!
@it-sin9k Жыл бұрын
ахахах)) внимательность наше все)
@NoName-zh7cc Жыл бұрын
Спасибо, Саш! Ура, даёшь курс!
@basimal-jawahery5688 Жыл бұрын
Спасибо за видео. ждем курса! :)
@basimal-jawahery5688 Жыл бұрын
отдельное спасибо за вставки докладов! очень инетресно знакомиться так с комьюнити
@it-sin9k Жыл бұрын
буду значить периодически практиковать) читать субтитры было легко? или не очень удобная практика?
@ivanmironov9245 Жыл бұрын
Класс! Ты молодец! Жду следующих серий про это.
@HIghtowerSever Жыл бұрын
Лайк номер 100. Ждем продолжения!
@user-bg3hu1oz4y Жыл бұрын
Мега ролик. Очень интересно!
@user-dw8lb8lc7u Жыл бұрын
актуальная тема, специально разбираться сам я бы не стал, но схавать 10 минутный видос почти не напрягая мозг очень ценю такой подарок
@it-sin9k Жыл бұрын
работаю над 2-ой частью подарка)
@alextotun Жыл бұрын
Круто! Прям классика, все детально, четко, понятно.) Ждем курс!!!
@it-sin9k Жыл бұрын
Уже скоро!)
@snatvb Жыл бұрын
ждем продолжения)
@user-eb5yw9ui6o Жыл бұрын
большое спасибо! очень полезный плейлист👍
@it-sin9k Жыл бұрын
Спасибо) самому нравится в этом ковыряться)
@mikhailradchenko9305 Жыл бұрын
следим! спасибо
@ilikecola378 Жыл бұрын
Спасибо Айти синяк. Это видео конечно мало что объясняет кроме того что они реализовали свой собственный аснхронный планировщик задач =). И как многим известно они до конца еще эту задумку не реализовали, на подходе функция пока еще в разработке Offscreen API - позволит нам лучше поддерживать пользовательские интерфейсы, такие как контейнеры с вкладками и виртуализированные списки, а также лучше использовать новые браузерные API, такие как content-visibility. Это также поможет с оптимизацией предварительного рендеринга. это также работает с reusable State которая являются частью Concurrent React. Да и у тебя есть видео про этот новый компонент, который все еще в разработке.
@orucqarayev4759 Жыл бұрын
Спасибо Синий Брат
@nikm1108 Жыл бұрын
Отличное видео! Лопату главное не сломать пока будет копать в истоки реакта :D
@user-fu7gm5fx5g Жыл бұрын
кайф!
@jamjam3337 Жыл бұрын
👏👍
@mrzipapupa Жыл бұрын
"...мы настолько заслужили лайк, что можете ставить еще до начала просмотра" ;)
@it-sin9k Жыл бұрын
ахаха) спасибо)
@trueman8413 Жыл бұрын
Получается конкарент есть тока с 18 версии?
@it-sin9k Жыл бұрын
не совсем) ручки от него торчали и раньше) в след видео расскажу, как это дело все развивалось)
@ReAgent003 Жыл бұрын
@АйТи Синяк , дай совет пожалуйста. Запрашиваем данные с бэка и при этом отправляем AbortController. При анмаунте выполняем controller.abort(). В блоке try, когда данные с сервера пришли, их надо установить через setData(). Так вот: перед выполнением setData надо проверять controller.aborted или нет?
@ReAgent003 Жыл бұрын
ааа, кажется сам понял! Ответ: нет, не надо потому что при аборте код упадёт в catch и выполнение до setData не дойдёт
@it-sin9k Жыл бұрын
так если данные пришли, и все прошло успешно и вы хотите сделать setData, то abortController ничего не сделает. Вы по факту пытаетесь отменить запрос, который уже завершился
@ReAgent003 Жыл бұрын
@@it-sin9k данные пришли, но отменённые, то есть пустота пришла. Но така как вернулась не ошибка, код пойдёт выполняться дальше. А пустоту ведь не надо закидывать в setData (чтобы не вызывать лишний ререндер), значит надо добавить проверку if (!controller.aborted)?
@it-sin9k Жыл бұрын
@@ReAgent003 по факту нужен какой-то флаг, который точно знает, что данные уже не актуальны) а как будет выглядеть флаг, это уже совсем другая история)
@ReAgent003 Жыл бұрын
@@it-sin9k он же уже есть. controller.signal.aborted (boolean)
@fallout407 Жыл бұрын
Наши пути разошлись) я перешел на vue, и если честно, не могу нарадоваться, столько всего из коробки, framework - крутая тема. React навсегда отправляется в игнор. 5 лет смотрел на ужасы, которые выдают "профессиАнальные" реакт девелоперы, разгребал дремучие дебри убежавших "разработчиков"(и в итоге сам сбегал) - все с меня хватит, к сожалению, большинство людей не умеет писать код на React. Эээх, а кто знает, что бы было, если бы они все смотрели Синяка, хотя бы поверхностно понимали SOLID(хватит даже буквы S), и знали про Feature Sliced Design или другие методологии организации кода) Но видосик все равно гляну, и лайк тоже не забуду)
@it-sin9k Жыл бұрын
очень жаль, что пути разошлись) но классно, что удалось найти свой путь) интересно на дистанции послушать отзывы о Vue
@fallout407 Жыл бұрын
@@it-sin9k Ну про "плохих реакт разработчиков" - это шутка разумеется) На vue точно такие же проблемы, организация сложной бизнес-логики требует время и внимания, бизнес, как правило, с первым очень сильно обделяет, не смотря на то, что в итоге теряет кратно больше на поддержке получившейся "лапши". Сейчас делаю себе CV на vue+firebase, как только закончу, поделюсь ссылкой)
@fallout407 Жыл бұрын
@@it-sin9k А мне интересно послушать про методологии организации кода во frontend разработке) У тебя уже есть много крутых видео на эту тему, например про тот же SOLID, но хотелось бы что то более общее, не в плане "кнопок" или "модалок", а именно про организацию кода в целом, разделение UI и бизнес логики, если что то подобное уже есть, кинь в меня ссылкой плз)
@it-sin9k Жыл бұрын
@@fallout407 У меня есть целая идеалогия на эту тему, которую я уже оттестировал на 4-5 проектах из разных доменов. Поэтому думаю, в каком то видео этим поделюсь в будущем, с высокой вероятностью это будет в виде одного из основных курсов АйТи Синяка)
@jgkdmdevienjjgg8866 Жыл бұрын
Все это классно, но потенциально усложнит юзерский код, т.к. вероятно нужно будет иметь дело с состояниями где компонент еще не до конца отрендерился
@it-sin9k Жыл бұрын
судя по тому что я понял, оно будет просто местами не перерисовывать часть дерева, а брать из предыдущего рендера. А когда система освободиться, то уже обновит графики до актуального состояния
@ebadmaev Жыл бұрын
Ден Абрамов - пророк
@xamana1336 Жыл бұрын
я не опытный разработчик но мне все равно заходит
@it-sin9k Жыл бұрын
круто!
@bogdanshelomanov5668 Жыл бұрын
а можно ссылку на демку?
@it-sin9k Жыл бұрын
Ссылки не существует вроде как
@bogdanshelomanov5668 Жыл бұрын
@@it-sin9k была , под 18 версию я ее даже тыкал , найти не могу
@apanchuk Жыл бұрын
у меня субтитры не отработали((
@it-sin9k Жыл бұрын
Это как?
@apanchuk Жыл бұрын
@@it-sin9k Включил субтитры на выступлении на англ, но они не отоьражались
@it-sin9k Жыл бұрын
@@apanchuk хмм, перепроверил русские субтитры на англ части у меня работают. Это видимо KZfaq збоит. Попробуй хард релоад что ли сделать или в другом пользователе открыть
@greg130 Жыл бұрын
Не так страшны первые 90% курса, как оставшиеся 90% курса
@it-sin9k Жыл бұрын
ахаха) точно в цель)
Артём Шумейко
Рет қаралды 326 М.
3Blue1Brown translated by Sciberia
Рет қаралды 774 М.