БЫСТРЫЙ FRONTEND. Оптимизация. Как писать JAVASCRIPT эффективно?

В этом ролике мы поговорим о том, как делать быстрые оптимизированные проекты на Javascript и с примерами на React. Поговорим про Webpack, redux, различные подходы и способы по улучшению производительности frontend проекта.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Исходный код здесь - t.me/ulbi_tv/39
Домашнее задание здесь - / 58926560
Таймкоды:
00:00 ➝ Введение
00:30 ➝ Метрики, профайлинг
04:40➝ Подходы
35:00➝ Время ставить лайки и писать комменты :)
Мой канал в telegram и канал для общения подписчиков - t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

[@gevorgmovsisyan5153]

На русскоязычном ютубе нет таких как ты... Очень много уроков смотрел на разных каналах, но такого качественного контента как у тебя ни у кого не встречал

[@UlbiTV]

Спасибо друг:)

[@rustam_gasymov]

@@UlbiTV блин серьезно дружище, ты крут, я учусь и сейчас ищу себе ментора, если будет интересно маякни плз, может обсудим) спасибо тебе за контент

[@miklayen_yakim]

Да... Согласен

[@railbatyrshin377]

Есть ещё Sorax. И автор данного канала они самые лучшие в русскоязычном Ютубе

[@BondStreetRed]

Я начинающий разработчик и меня давно беспокоила тема оптимизации. У вас всё классно описано, спасибо большое!)

[@moi-nick-zanyat]

Сделай видео с примером о структурности сложного многостраничного сайта!))

[@lopsonbalzhinimaev642]

feature slice архитектура

[@moi-nick-zanyat]

@@lopsonbalzhinimaev642 хотелось бы увидеть на примере с комментариями

[@lopsonbalzhinimaev642]

@@moi-nick-zanyat у этой архитектуры неплохая документация, почитай, там есть примеры

[@user-ur4ev7vl6c]

MPA?

[@user-rz1hy7xg7o]

@@lopsonbalzhinimaev642 ох не знаю, 2 недельки поучил, поюзал, что-то вообще не зашло. Слишком сложная структура, которая отнимает кучу времени + ещё сыроватая. А главный минус, мало кто её использует. Лучше её не учить. Если в конторе на этом все пишут, то и новичка научат)

[@efimkapliy6370]

Более 2-х лет прошло с момента записи видео, а оно ещё актуально! Спасибо за качественный материал!

[@wishmaker1443]

Наверное лучшее пояснение с примерами по useMemo и useCallback!

[@user-eh1nj8el9l]

Спасибо! Учусь по твоим видео параллельно ... спасибо!

[@St3av3]

Спасибо. Ещё раз укрепил в голове мысль о том, что ресурсы нужно экономить.

[@nelson6783]

очень инетресно про профайлинг, ждем ждем ждем)

[@VolodymyrSirenko]

Спасибо, я смотрю все ролики ! Хотя не до всего дорос по уровню. Спасибо!

[@orbismala8124]

Большинство знал, но некоторая информация оказалась полезной. Спасибо.

[@user-sh7bb6hk6f]

Что сказать... Красавчеггг... Спасибо большое.

[@marynakosiv3750]

даю знать: нам надо ролики про оптимизацию и дев тулзы! спасибо контент супер!!

[@mrstronciy1060]

Всё по полочкам. Жирный лайк!

[@helenit4365]

Большое спасибо, лайк и продвижения каналу!

[@rinat_kam]

Лайк, не глядя

[@glebpilipenka3060]

Топовый, больше видео по вкладкам perfomance & profiler, лучший!

[@vinderornitier]

Тимур очень важно именно от вас видео по дэбагу! Как понимать ошибки которые вываливаются в консоль, к чему они относятся и как ничего не перепутать. Это как раз то, что очень поможет новичкам в будущем не наступать на одни и те же грабли.

[@johndoe034]

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

[@vadikot]

Наконец добил этот плейлист. Поражает как элегантно ты смог все структурировать и преподнести, сначала мы учим базу, потом учимся складывать два числа, потом учимся умножать, ... , а потом учимся использовать все изученное ранее для решения сложных задач. Ты прекрасный учитель и помог огромному количеству людей, спасибо тебе!

[@UlbiTV]

🤝🙏 спасибо!

[@UlbiTV]

🤝🙏 спасибо!

[@mikhailblush5261]

Спассибо. Интересно посмотреть видео про профайлинг

[@darieandre5598]

Комментарий в качестве поддержки

[@jsmonstr9638]

Очень крутой ролик по оптимизации javascript react

[@VolodymyrSirenko]

Ролик про профайлинг тоже нужен!

[@user-by5uv4cm2c]

Жду выпуск про девтулз для отслеживания загрузки и прочего)

[@alexsuhobski5231]

Досмотрел до конца. Пишу комментарий поддержки). Написать себе конспект по видео и правда будет не лишним, очень много информации.

[@user-pf7ht6th8x]

Спасибо! Познавательно!

[@andreiribac6284]

Огромное спасибо! Буду возвращаться к этому ролику по мере моего развития в профессии )

[@UlbiTV]

Успехов в развитии)

[@woodDacha]

Как всегда сразу лайк. Посмотрю вечером))

[@bahram1010]

Первый лайк😀, Спасибо!

[@hutoryanin]

Здравствуй Тимур, благодарю за новое видео. Интересно. *Л. а. й. к. о. с.* за видос

[@anazkomult]

Спасибо, Тимур! Отлично, как всегда.

[@tehbangel]

Отлично, все толково и без воды.

[@michigan996]

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

[@londonsky1835]

Плюс за разбор профайлинга

[@uNkind33]

Батя как всегда сначала люкс, потом просмотр!

[@UlbiTV]

Олды на месте))

[@WalterWhite-ck5rz]

Огонь просто 👍 Много полезного, что реально пригодится в работе.

[@TheZionjke]

спасибо тебе огромное! вроде бы про всё слышал и пробывал, но не понимал нахрен оно надо, а ты за пол часа все обьяснил) гений)

[@UlbiTV]

И тебе спасибо за поддержку!)

[@xela_8746]

Спасибо за труды, очень развернуто подана информация, которую намеренно искать придется самому долго.

[@user-nv7eb4mr4o]

Как всегда лайк не глядя! Спасибо за годный контент!

[@ruslanshmadchenko2132]

спасибо большое за качественный контент, очень рад новому выпуску))

[@konstantinnaumov6281]

Каждому видосу лайк нужно ставить автоматом. Никакой воды, только по делу. Спасибо за годный контент.

[@vadymkononenko685]

Лучший канал в русскоязычном сегменте!! сделай видео: маленький пет проект с новыми хуками + распрастраненными кастомными и тсом или про микрофронтенды

[@eldururthand9478]

Супер контент!

[@lostsouls3151]

Лайк не глядя! Как всегда супер!)

[@user-uj8cf2rz2p]

У тебя все ролики ценные! Спасибо за шикарный контент!

[@aleksandrgradov7859]

Супер! Спасибо!

[@tetrada9642]

Отличное видео! Все понятно и очень полезно. Спасибо!

[@user-bp7jb5of5d]

Контент как всегда - огонь!!! 🔥🔥🔥

[@alextuzov904]

Спасибо! Очень познавательно и интересно!

[@mikhailstepanishchev283]

Очень интересно,спасибо за видео!

[@tatyanaruskevich3290]

Спасибо за ваш труд

[@maxdis4084]

Просто лучший! 11/10

[@pipkin931]

На одном дыхании… Не вылетает тема с webpack. В частности заинтересовала тема - с подгрузкой, лениво, npm модулей - разделение кода для десктопа и мобильных Очень надеюсь, что будет время записать более подробное видео

[@spaceresearcher671]

Как всегда - очень полезно! Спасибо

[@platonyasev1913]

Крутое видео! Про профайлинг было бы очень неплохо)

[@user-gj4mn3rg4l]

Профайлинг гоу! Могу дать реальный проэкт чтоб ты посмотрел по профайлеру

[@user-cb3sc8wk8i]

Очень полезное видео, спасибо! Комментарий в поддержку канала)

[@adelinaromanova8353]

Тимур, спасибо и лайк!💥

[@UlbiTV]

Спасибо!

[@olehmudriy9308]

Как всегда топ!

[@nikolosnik2176]

Спасибо большое!!!

[@Werma2006]

Превосходно, спасибо!

[@drobos7884]

Спасибо за видео)

[@DrGurgen]

Потресающая работа Тимур)

[@UlbiTV]

Спасибо, Гурген!

[@maximlazarsky7135]

Спасибо тебе. Все видео отличные, нет воды, всё по делу

[@aleksandrzelenskiy4000]

Спасибо Тимур! Крутое видео!

[@ekaterinakryuchkova2690]

спасибо! очень люблю смотреть твои ролики, всё кратко и нужно, без лишней воды

[@anton-vr5xw]

уже 60к, поздравляююю 👏👏👏

[@UlbiTV]

Спасибо!! 🙏

[@burenkov]

Спасибо! Инфа топовая👍👍👍

[@annagardt2360]

Классный урок! Спасибо!

[@romansamon9215]

Привет! Из обычного верстальщика по-тихому внедряюсь во фронтенд тусовку, твой канал - находка, насчет профайлинга: часто использую, но видос все равно хотелось бы! Спасибо за старания

[@UlbiTV]

Успехов!

[@oleksandrlesiuk6239]

Спасибо, полезно

[@user-nk6lp7xx7b]

Очень круто, спасибо! Было бы круто еще увидеть курс по безопасности. Многим было бы полезно т.к очень важная тема (XSS, CSRF, ...)

[@TheBorninmotion]

поддерживаю !

[@UlbiTV]

Спасибо за идею, есть что рассказать на эту тему) Главное время найти

[@Fs-xj2gu]

@@UlbiTV можешь еще рассказать про себя, про свой опыт итд, можешь скинуть свой инстаграм

[@kvadro_id9697]

@@UlbiTV да-да! Расскажи кем и как работаешь. Как шёл к этому, какие ошибки совершил и что изменил бы...

[@Fs-xj2gu]

@@UlbiTV Сделай видео с ТОП ошибок как делают многие, но так делать нельзя, например неправильно используют useMemo или useCallback или кто то делает неправильные сборки, или для каких проектов что лучше подойдет по стеку где лучше использовать redux & thunk & mobx & redux saga & server side rendering & spa & в каких сервисах сайтах лучше использовать те или иные технологии итд Частые ошибки при создании компонентов, как правильно создавать компоненты. Топ архитектур, где когда использовать, feature sliced, атоморный дизайн, тупые умные компоненты, к примеру много раз встречал что неправильно использоовали архитектуру тупых и умных компонентов итд

[@AirdropLuck]

На 24:30 оговорка про функциональные и классовые компоненты. Пишу в тетрадь сразу, поэтому заметил :) Спасибо за афигенный контент!

[@UlbiTV]

за конспект отдельный респект! И за внимательность тоже))

[@SlavaTechnology]

Никогда не профайлил фронтенд, будет полезно посмотреть

[@user-vm2db5cq1g]

Супер! собрал информацию воедино, спасибо!

[@chillchill5254]

По названию - очень интригующе. Ждем 1080рублей

[@yourbadapple]

Узнал много терминов, практики, спасибо большое

[@Andrew_Code]

Я в первый раз слышу о многих представленных в этом ролике понятиях, но всё понятно. Спасибо!

[@user-rw3ry9bd6l]

Спасибо за качественный контент и доступную подачу

[@aleksandrmisnov]

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

[@ammoney159]

Спасибо большое, очень полезно.

[@firedvata]

Просто топовый контент! Про webpack хотелось бы поподробнее изучить:)

[@irohVlad]

Самый полезный ролик за последние месяцы. Ни одного из подходов не видел пока искал про оптимизацию, а тут столько всего полезного. Надо было раньше наткнуться. Больше спасибо.

[@gtsjdm]

Наикрутейший контент для начинающих разработчиков на твоем канале, регулярно посматриваю... спасибо тебе и успехов)))

[@nikolaiUlianov]

Если бы только для начинающих)

[@user-zr1dw9uj7g]

Большое спасибо за качественньій материал!

[@user-dz8gp1ls9z]

Спасибо большое за такой крутой канал!

[@tazer8635]

очень круто

[@aya4924]

Словил себя на мысли, что уже несколько месяцев на тему разработки смотрю только Ulbi TV ) Что касается этого ролика - просто ОБЯЗАТЕЛЬНО к просмотру всем начинающим кодерам, да и продолжающим не помешает. У меня всегда подгорает, когда коллеги тащат в элементарный лендос кучу лишних библиотек, ленясь вместо этого написать 30-50 строк чистого js. А вы задумывались, сколько такого треш-кода движется в мировом интернете? Сколько тупого ненужного трафика? А это же всё, в конечном счёте, энергозатраты. Поэтому автору огромный респект за то, что затронул эту важную тему. Я считаю, что это нужно изучать сразу, перед html и css )

[@UlbiTV]

Спасибо за такое доверие и поддержку! Ценю!

[@user-sd9je7ov8o]

Затронуты серьёзные темы. Спасибо!

[@sergeysamius1128]

Спасибо! будем изучать

[@sergeysamius1128]

А вообще не стоит ролик начинать с унылого: "Мало кто посмотрит", "мало кому нужно". Нужно - "Оптимизация - важная вещь!!!!111" (на определённом этапе разработки проекта)

[@UlbiTV]

Успехов в изучении!

[@Ben-mt1sp]

🔥❤️🤘🏻 спасибо

[@user-yj8tf7xb6g]

Спасибо за такие полезные знания 🌟

[@sashasavin7146]

То, что нужно! Спасибо

[@pavelbrunki]

Отличное видео. Пишите еще видео) Ясно Понятно

[@leokorsunsky2395]

Спасибо за такой контент!

[@romanbolshiyanov]

Да уж реально полезно. После тестирования своих проектов понимаешь что нужно ещё пару месяцев к году чтобы весь мой хлам поставить на правильные рельсы:))) очень полезно, но времени нет... что делать?

[@anatolii1013]

Круто. Аж завораживает. Спасибо за контент!

[@user_aw32xdg22]

максимум информации за минимум времени.... спс

[@olehy5000]

Спасибо очень полезно

[@dmitrybutakov1]

Годнота!!!! Обожаю твой канал

[@MAKS-FISHER]

Ещё раз убеждаюсь, что твой контент просто лучший !!! Обязательно буду разрабатывать приложения сразу с твоими рекомендациями !!!!!!!

[@barbatage5078]

Спасибо за видео! Топ контент на канале.