Makhabat Abdisattarova
Makhabat Abdisattarova
  • 77
  • 126 181
Новая магия в React 18: Автоматическое объединение обновлений!
В этом видео мы рассмотрим одну из новых и полезных функций в React 18 - автоматическое объединение обновлений (automatic batching). Мы подробно покажем, как эта функция оптимизирует ваше приложение, объединяя несколько обновлений состояния в один рендер, даже если они находятся внутри асинхронных операций, таких как setTimeout. Сравним это с поведением в более старых версиях React и убедимся в преимуществах новой версии! 🚀
Подписывайтесь, ставьте лайк и делитесь своими впечатлениями в комментариях!
#React18 #ReactJS #АвтоматическоеОбъединение #ReactОбучение #FrontendРазработка #WebРазработка #JavaScript #Программирование #Рендеринг #АсинхронноеОбновление #СоветыДляРазработчиков #ReactХуки #ОбновленияReact
Переглядів: 184

Відео

max product
Переглядів 83Місяць тому
Сегодня решим задачу с LeetCode - "628. Максимальное произведение трёх чисел" на JavaScript. Давайте вместе разберёмся, как находить три числа с максимальным произведением и подготовимся к интервью в Amazon. Погружаемся в алгоритмы и математику! #js #leetcode #amazon #интервью #программирование
Как работает Event Loop в JavaScript? Микрозадачи, Очереди задач и Web API | JavaScript
Переглядів 166Місяць тому
В этом видео мы рассмотрим, как работает Event Loop в JavaScript, что такое микрозадачи и очереди задач, как они взаимодействуют с Web API и браузером в целом. Погружаемся в стек вызовов, очередь задач, микрозадачи и узнаем, как они все взаимодействуют. В конце видео будет интересный тест, где мы проверим ваше понимание порядка выполнения задач в JavaScript. #JavaScript #EventLoop #WebDevelopme...
Делегация событий в JavaScript: простое решение для динамических списков
Переглядів 106Місяць тому
В этом видео я объясню, как можно столкнуться с проблемами при работе с динамическими элементами в списках без использования делегации событий. Затем я покажу, как с помощью делегации событий сделать ваш код проще и эффективнее. Это обязательный урок для всех, кто хочет освоить JavaScript и улучшить свои навыки работы с DOM. www.freecodecamp.org/news/event-delegation-javascript/ #javascript #ja...
Полный гид по HTML и CSS: от начала до эксперта
Переглядів 177Місяць тому
В этом видео я расскажу вам о том, как стать настоящим экспертом в HTML и CSS. Мы пройдем путь от базовых понятий до использования современных фреймворков и библиотек. Вы узнаете о самых полезных инструментах и подходах, которые помогут вам создавать адаптивные и эффективные веб-сайты. #HTML #CSS #ВебРазработка #Программирование #Обучение #ВебДизайн #Фронтенд #РазработкаСайтов
useMemo | Оптимизация Фильтрации Данных в React с помощью React.useMemo
Переглядів 94Місяць тому
В этом видео я покажу, как использовать React.useMemo для оптимизации приложения. Применяем React.useMemo, чтобы избежать ненужных повторных вычислений и улучшить производительность. Подпишитесь на канал, чтобы не пропустить новые видео! #ReactJS #useMemo #Оптимизация #ВебРазработка #Программирование #ФильтрацияДанных
Необычные CSS Свойства: clip-path, filter и object-fit
Переглядів 634Місяць тому
В этом видео я расскажу вам о нескольких необычных CSS-свойствах, которые могут добавить интересные визуальные эффекты на вашу веб-страницу. Вы узнаете о свойствах clip-path, filter и object-fit, и как их использовать. Присоединяйтесь и улучшайте свои навыки в CSS! developer.mozilla.org/en-US/docs/Web/CSS/clip-path developer.mozilla.org/en-US/docs/Web/CSS/filter developer.mozilla.org/en-US/docs...
Throttle | Использование функции Throttle в JavaScript для оптимизации производительности
Переглядів 114Місяць тому
В этом видео я покажу, как использовать функцию throttle в JavaScript для оптимизации производительности. Вы узнаете, как ограничить частоту вызовов функций, таких как обработка событий прокрутки или изменения размера окна. Пошаговое объяснение кода и примеры помогут вам лучше понять этот полезный инструмент. Подписывайтесь, чтобы не пропустить новые видео! #JavaScript #WebDevelopment #CodingTi...
Debounce | Дебаунсинг в JavaScript: Улучшение производительности веб-приложений
Переглядів 1802 місяці тому
В этом видео мы рассмотрим технику дебаунсинга в JavaScript, которая помогает улучшить производительность веб-приложений, ограничивая частоту выполнения функций. Cоздам пример на основе функции поиска и покажу, как реализовать дебаунсинг для оптимизации обработки ввода. Подписывайтесь, чтобы узнать больше полезных приемов и трюков для веб-разработки! #JavaScript #WebDevelopment #CodingTips #Deb...
Самый легкий хук | Как использовать хук useId в React для создания уникальных идентификаторов
Переглядів 4112 місяці тому
В этом видео мы рассмотрим, как использовать хук useId в React для создания уникальных идентификаторов для элементов формы и меток. Обсудим преимущества использования useId, такие как улучшение доступности и предотвращение конфликтов идентификаторов. Подпишитесь на канал и ставьте лайки, если видео оказалось полезным! react.dev/reference/react/useId #ReactJS #ReactHooks #useId #WebDevelopment #...
Оптимизация React приложений с useCallback: Пример с дочерним компонентом
Переглядів 3012 місяці тому
В этом видео мы рассмотрим, как использование хука useCallback в React может помочь улучшить производительность нашего приложения. Я покажу пример, где повторное создание функции приводит к ненужным рендерам дочернего компонента, и как useCallback может это исправить. react.dev/reference/react/useCallback #React #useCallback #ReactHooks #JavaScript #ВебРазработка
Leetcode: Roman to Integer | JS | Римские числа в целые | Решение задачи Leetcode на JavaScript
Переглядів 1262 місяці тому
В этом видео я покажу, как решить задачу "Roman to Integer" с платформы Leetcode, используя JavaScript. Мы рассмотрим алгоритм перевода римских чисел в целые и разберем все детали решения. Присоединяйтесь, чтобы улучшить свои навыки программирования и подготовиться к техническим собеседованиям! #Leetcode #JavaScript #RomanToInteger #Программирование #Алгоритмы #Кодинг #Учеба
Введение в TypeScript: Создание Todo List с нуля | Гайд для начинающих
Переглядів 4832 місяці тому
В этом видео мы создадим простой Todo List с использованием TypeScript и React. Вы узнаете о преимуществах TypeScript, о том, как его использовать в React проектах, и как правильно типизировать свои компоненты. Присоединяйтесь и узнайте, как TypeScript может сделать ваш код более надежным и масштабируемым! Тайм-коды: 0:00 - Настройка проекта 0:58 - Основы TypeScript 3:20 - Готовим environment 5...
Как написать свою функцию map в JavaScript - Популярный вопрос на собеседованиях
Переглядів 3803 місяці тому
В этом видео мы разберем, как реализовать собственную функцию map в JavaScript - один из самых распространенных вопросов на собеседованиях по программированию. Мы пройдемся по каждому шагу, от проверки входных данных до итерации массива и применения callback функции. Присоединяйтесь к нам и узнайте, как написать свою функцию map с нуля! #JavaScript #Программирование #ФункцияMap #Собеседование #...
Как освоить React в 2024 году (Полный план обучения)
Переглядів 1,1 тис.3 місяці тому
В этом видео вы узнаете, что вам нужно знать на каждом этапе изучения React, какие библиотеки использовать и в каком порядке. Мы пройдем все этапы обучения, начиная с базовых знаний HTML, CSS и JavaScript, и заканчивая созданием полноценных приложений с использованием React. #React #ВебРазработка #Программирование #JavaScript #УчебноеВидео #Frontend #РазработкаПриложений #ПолныйСтек #ВебДизайн ...
Создание игры "Мемори" с помощью React | Учебник для начинающих
Переглядів 3763 місяці тому
Создание игры "Мемори" с помощью React | Учебник для начинающих
Создание игры "Крестики-Нолики" на React | Полное руководство
Переглядів 5763 місяці тому
Создание игры "Крестики-Нолики" на React | Полное руководство
Изучаем BINARY TREE | LEETCODE: 404. Sum of Left Leaves
Переглядів 1423 місяці тому
Изучаем BINARY TREE | LEETCODE: 404. Sum of Left Leaves
Изучаем React: Создаем Приложение с Покемонами!
Переглядів 6883 місяці тому
Изучаем React: Создаем Приложение с Покемонами!
Интернет магазин с регистрацией с помощью cookies и local storage | Урок по JavaScript
Переглядів 4933 місяці тому
Интернет магазин с регистрацией с помощью cookies и local storage | Урок по JavaScript
Cookies. Все, что нужно знать о Cookies: Настройка, Использование и Безопасность
Переглядів 5453 місяці тому
Cookies. Все, что нужно знать о Cookies: Настройка, Использование и Безопасность
Local Storage и Session Storage: Как Использовать и Что Лучше Хранить?
Переглядів 3763 місяці тому
Local Storage и Session Storage: Как Использовать и Что Лучше Хранить?
Изучаем React Query. Почему React Query лучше Redux для работы с серверными данными?
Переглядів 2353 місяці тому
Изучаем React Query. Почему React Query лучше Redux для работы с серверными данными?
Ошибки при использовании useState, которые всё ещё совершают начинающие React-разработчики.
Переглядів 1734 місяці тому
Ошибки при использовании useState, которые всё ещё совершают начинающие React-разработчики.
Sliding Window: Best Time to Buy and Sell Stock - Leetcode 121 - JavaScript
Переглядів 964 місяці тому
Sliding Window: Best Time to Buy and Sell Stock - Leetcode 121 - JavaScript
Введение в тестирование в React с помощью Jest
Переглядів 2074 місяці тому
Введение в тестирование в React с помощью Jest
React useTransition Hook Crash Course | Курс по хуку useTransition в React
Переглядів 2475 місяців тому
React useTransition Hook Crash Course | Курс по хуку useTransition в React
Почему я перестала использовать else и else if в практике. Как можно избежать этого?
Переглядів 2 тис.5 місяців тому
Почему я перестала использовать else и else if в практике. Как можно избежать этого?
TWO SUM II - Amazon Coding Interview Question - Leetcode 167 - JavaScript
Переглядів 1387 місяців тому
TWO SUM II - Amazon Coding Interview Question - Leetcode 167 - JavaScript
Как обучиться Styled Components: Быстрый Гайд
Переглядів 40010 місяців тому
Как обучиться Styled Components: Быстрый Гайд

КОМЕНТАРІ

  • @di_parhomchik
    @di_parhomchik 2 дні тому

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

  • @user-aidana93
    @user-aidana93 4 дні тому

    Добрый день!сделайте пожалуйста redux Toolkit

  • @andrio8511
    @andrio8511 9 днів тому

    А можно купить обучение у вас ?

  • @aleksey2793
    @aleksey2793 10 днів тому

    Какие цены на аутентификацию чз фаербейс?

  • @ИгорьХудолеев
    @ИгорьХудолеев 11 днів тому

    Махаббат, вы просто прелесть. Уроки очень интересные и лаконичные. Но иногда не хватает объяснений. Скажите, пожалуйста, почему мы вначале используем array from? Почему нельзя просто потом перебрать эту переменную через ForEach?

  • @nik_user75
    @nik_user75 23 дні тому

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

  • @Flipty18
    @Flipty18 23 дні тому

    Спасибо, очень хороший видеоурок

  • @RkKab-v1z
    @RkKab-v1z 29 днів тому

    Спасибо огромное, единственная кого мне очень интересно слушать а самое главное очь понятно ❤

  • @ДмитрийС-ш9б
    @ДмитрийС-ш9б 29 днів тому

    А когда object-fit стал необычным свойством? Очень даже часто используемое свойство

  • @VR_-gy7nw
    @VR_-gy7nw Місяць тому

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

  • @ynty.1
    @ynty.1 Місяць тому

    Здравствуйте можете подсказать пожалуйста на каком программе вы записываете видео ? если OBS то какие настройки у вас ?

  • @СтаниславГорячев-г1ъ

    Спасибо большое, вы очень большая молодец, продолжайте выпускать уроки

  • @AzatH-m1x
    @AzatH-m1x Місяць тому

    спасибо помогло очень я начинаю изучать программирования сейчас фронтэнд а потом бэкенд html, css , java script , react js 2024 гаду какие советы дадите??

  • @user-hw9cs6te5y
    @user-hw9cs6te5y Місяць тому

    Спасибо вам большое. Ваше видео оказалось самым понятным для меня. Удачи вам в развитии канала

  • @СтаниславГорячев-г1ъ

    Спасибо Вам большое за Ваши уроки

    • @developerkg
      @developerkg Місяць тому

      И вам за комментарий)

  • @Nurs_996
    @Nurs_996 Місяць тому

    спасибо за понятный и простой способ урока сделали

  • @МаксимПогорелов-е2л

    Доброго. Я так понимаю, урок был по последней версии React Query. Потому что у меня ругается на map, ну и после кучи console.log ясно, что есть такая ошибка - An error has occurred: ["toDos"] data is undefined - т.е. в видео todos (у меня он с большой буквой D) серый, он не импортируется, из-за чего data пустая..

  • @СмирновИван-щ9ц
    @СмирновИван-щ9ц Місяць тому

    Классный урок!

  • @azadov.05
    @azadov.05 Місяць тому

    с нетерпением жду курс по реакту от вас)

  • @tomvenom
    @tomvenom Місяць тому

    Планируете что то подобное для React сделать?)

    • @developerkg
      @developerkg Місяць тому

      @@tomvenom уже есть, в разделе React, первое видео 🙌🏽

  • @tomvenom
    @tomvenom Місяць тому

    Спасибо :)

  • @screwdriver3397
    @screwdriver3397 Місяць тому

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

  • @TIMONIX
    @TIMONIX Місяць тому

    А если я хочу сделать что-то вроде сессии? Раньше я работал с бекэнд разработчиком и он сам настраивал всю логику, а мне необходимо было просто прописать функцию где я доставал из куков sessionId и отправлял на сервер для проверки, если все что отправлял на сервер отрабатывало, то меня пропускало на сайт, а если нет, то на страницу авторизации. Скажите, тут оно само как-то думает или это нужно настроить отдельно? Если отдельно то как?

  • @tomvenom
    @tomvenom Місяць тому

    Привет. Скажите пожалуйста,сколько недель достаточно учить верстку,чтобы перейти на js? Какие курсы и материалы порекомендуете для изучения верстки? Благодарю заранее)

    • @developerkg
      @developerkg Місяць тому

      @@tomvenom здравствуйте 🤝 Давайте я сделаю видео гайд, выложу и вам будет легче ориентироваться по нему, искать в интернете информацию. Все можно найти на UA-cam🎥 до воскресения выложу)

    • @tomvenom
      @tomvenom Місяць тому

      @@developerkg благодарю :)

    • @developerkg
      @developerkg Місяць тому

      @@tomvenom ua-cam.com/video/acrlXREX6jw/v-deo.html

  • @GAZDIEV06
    @GAZDIEV06 Місяць тому

    классный ролик очень хорошо объясняет

  • @AnnaMIHALKE
    @AnnaMIHALKE Місяць тому

    Здравствуйте! Очень хорошо обьясняете, вопрос: а каким микрофоном вы пользуетесь?

    • @developerkg
      @developerkg Місяць тому

      @@AnnaMIHALKE здравствуйте, на этом видео я не использовала микрофон 🎙️ Сейчас использую Maono 192KHZ/24Bit

  • @АлексейЦ-ы4я
    @АлексейЦ-ы4я Місяць тому

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

  • @Pavelius
    @Pavelius Місяць тому

    Очень классно и полезно! Только прошу, текст в редакторе увеличивай, а то плохо видно..

    • @developerkg
      @developerkg Місяць тому

      @@Pavelius хахахах). Хорошо

  • @thesweetlife843
    @thesweetlife843 2 місяці тому

    какие странные id c двоеточиями по бокам...

  • @АлексейФедоров-я4ц
    @АлексейФедоров-я4ц 2 місяці тому

    не знал про этот хук, юзал uuid() обычно

  • @ultimateq8479
    @ultimateq8479 2 місяці тому

    Very informative 💪 can we have another one on throttle ?

    • @developerkg
      @developerkg 2 місяці тому

      @@ultimateq8479 Thank you, definitely 💯

  • @artemmarshalin6258
    @artemmarshalin6258 2 місяці тому

    Жир!

  • @МихаилКузнецов-т3р
    @МихаилКузнецов-т3р 2 місяці тому

    Спасибо большое) продолжай вести канал

  • @SergDjan
    @SergDjan 2 місяці тому

    Спасибо за урок! Мой первый опыт верстания с фигмы, конечно блок формы и футер я скопировал, но вроде разобрался., были нюансы в готовом коде с буквой s. Буду учиться дальше. а как теперь сделать его чтобы в при разных разрешениях не ломался? (телефон или планшет разрешение)

  • @tomvenom
    @tomvenom 2 місяці тому

    Привет. Занимаетесь ли менторством?)

    • @developerkg
      @developerkg 2 місяці тому

      Здравствуйте, в данное время нет )

  • @МаксимМинаков-я9о
    @МаксимМинаков-я9о 2 місяці тому

    Спасибо, прохожу ваш курс и мне очень интересно.

  • @svet0v
    @svet0v 2 місяці тому

    куки это не текстовые файлы, эта часть http запроса, который приходит к нам с сервера и далее отправляется с клиента в сервер тоже как часть http запроса

  • @АнтонОРТЗИ
    @АнтонОРТЗИ 2 місяці тому

    А у Вас телеграмм канал есть?

  • @VJ-yk9bp
    @VJ-yk9bp 2 місяці тому

    СПАСИБО!!!

  • @ReinoSipila
    @ReinoSipila 2 місяці тому

    А как вы думаете, стоит ли начинать с HTML и CSS или сразу углубляться в JavaScript? Лично я выбирал курсы для того, чтобы быстро освоить основы веб-разработки и начать работать. Рассматривал разные компании, но в итоге остановился на Skypro, потому что у них самые понятные и структурированные материалы. В итоге уже через пару месяцев смог устроиться на работу с хорошей зарплатой))

  • @danilchik_6129
    @danilchik_6129 2 місяці тому

    Классный видос, все хорошо структурировано и понятно объяснено. Было бы здорово, если бы звук был чуть громче)

  • @OksanaKorobkook
    @OksanaKorobkook 2 місяці тому

    Как я рада, что нашла это видео) Спасибо, очень толково и просто!

  • @АнтонОРТЗИ
    @АнтонОРТЗИ 2 місяці тому

    Интересно, почему vite не используете (там вроде быстрее)?

  • @tomvenom
    @tomvenom 2 місяці тому

    Привет. А Вы менторством занимаетесь?)

  • @kroda
    @kroda 2 місяці тому

    🫡

  • @hamhamster228
    @hamhamster228 2 місяці тому

    видос классный, информативный, спасибо большое. но хотелось бы 10:05 увидеть, как можно было реализовать с помощью ::after

  • @KikiJiki85
    @KikiJiki85 2 місяці тому

    Спасибо за полезное видео

  • @romansmerdyakov6531
    @romansmerdyakov6531 2 місяці тому

    Очень тихий звук

  • @Munchen888
    @Munchen888 2 місяці тому

    Спасибо за понятное объяснение! Хотелось бы уточнить один момент. Лучше же Footer и Navbar писать в виде компонентов, а не в виде функций? И сам App тоже в виде компонента.

  • @KikiJiki85
    @KikiJiki85 2 місяці тому

    Хорошее видео, спасибо