57 - React JS - пример Preloader, loader-gif, isFetching indication

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ม.ค. 2025

ความคิดเห็น • 548

  • @NJenyaBMW
    @NJenyaBMW 5 ปีที่แล้ว +159

    формат хоть и не стандартный у тебя, Димыч, но он сука лучший )

  • @stanislavndreev2831
    @stanislavndreev2831 3 ปีที่แล้ว +36

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

  • @ДмитроПасічнюк
    @ДмитроПасічнюк 3 ปีที่แล้ว +42

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

  • @АндрейКомаров-т8х
    @АндрейКомаров-т8х 7 หลายเดือนก่อน +2

    Димыч - ЧЕЛОВЕЧИЩЕ! Громаднейший респект из четверга ИНКУБАТОРА! год 2024. Хоть и просела IT - сфера, но нет худа без добра. Возможно это как-то притормозило развитие индустрии и оставило этот курс актуальным по сей день и благодаря этому, тем кто долго думал могут воспользоваться моментом и пройти БЕСПЛАТНО АКТУАЛЬНЫЙ курс #React#Redux

  • @ИванБорисов-б1ж
    @ИванБорисов-б1ж 5 ปีที่แล้ว +75

    Спасибо! 3 день подряд видосы пилишь. Надеюсь продолжишь в том же духе!
    Самый топовый препод

  • @Quentinrei
    @Quentinrei 3 ปีที่แล้ว +3

    По видосам мы были у Димыча на кухне, сегодня в гостиной, я чувствую себя его соседом, который иногда заходит в гости )
    React, Redux, API, JS, TS, best of the best

  • @sabatr1989
    @sabatr1989 5 ปีที่แล้ว +28

    20:12 "Патамушта...патамушта...почему 0_o" мвахаах, я чуть со стула не упал от смеха)

  • @dxnght
    @dxnght 4 ปีที่แล้ว +28

    Сейчас такой график страшный, что раз в неделю удаётся позаниматься нормально. Ребята, не сдавайтесь, всё будет и вы справитесь! Димыч, спасибо за твои труды! Пыхтим-бомбим, даже, если медленновато

  • @AndreiLaurou
    @AndreiLaurou 5 ปีที่แล้ว +43

    молодец. И дело хорошее делаешь и рассказываешь позитивно )

  • @PavelChupryna
    @PavelChupryna หลายเดือนก่อน

    Благодарю за курс! Летим дальше!

  • @pashabezk
    @pashabezk 2 ปีที่แล้ว +9

    2022. Здорово пройти что-то простое после нескольких сложных тем. Спасибо большое!

  • @СафроноваМарина-л9э
    @СафроноваМарина-л9э 5 ปีที่แล้ว +42

    Спасибо за курс)))☺

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 ปีที่แล้ว +1

      Пожалуйста, Марина!

  • @volodymyrsus
    @volodymyrsus 3 ปีที่แล้ว +1

    Thanks!
    The best lessons of React & Redux!!!
    React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props, Preloader, loader-gif, isFetching indication

  • @Macheten
    @Macheten 4 หลายเดือนก่อน

    Как же я намучался с экшн креатором) При копировании я забыл поменять type, еле нашёл причину бага. Буду теперь внимательнее писать) Спасибо, Димыч! Всё как всегда понятно, бомбим дальше!

  • @AliaksandrAndreyeu
    @AliaksandrAndreyeu 4 ปีที่แล้ว +6

    Спасибо. Живе Беларусь

  • @SpeedGodQ
    @SpeedGodQ 4 ปีที่แล้ว +18

    только на этом уроке осознал, насколькр же круто это всё. ты не просто пишешь код, а складываешь некий "лего" конструктор, ну или пазлики)

  • @arthuru4I
    @arthuru4I 5 ปีที่แล้ว +8

    Как всегда, лучший курс по React Redux, важно что охватываешь постоянно новинки, жду с нетерпением thunk и tsx (по работе нужно будет скоро - понятно пойду по документации, stackOwerFlow - но ты с нюансами объяснишь, до которых, временами, нужно месяцами доходить). Продолжай в том же духе!)

  • @grigodoes
    @grigodoes 4 ปีที่แล้ว +36

    Если кому то нужно, чтоб старые пользователи исчезали, а новые появлялись только после ответа. То можно сделать так:
    { this.props.isFetching ? : null } - было.
    { this.props.isFetching ? : } - стало.

  • @mystexx
    @mystexx 5 ปีที่แล้ว +6

    Димыч, спасибо! Маленькими шагами двигаемся по-тихоньку. Обнял :)

  • @is_eliseeva
    @is_eliseeva ปีที่แล้ว +1

    спасибо за урок! лечу дальше! 17-02-2023

  • @АннаЛелеко-ы3ю
    @АннаЛелеко-ы3ю 4 ปีที่แล้ว +1

    Намагаюсь працювати таким чином - прослухала вступ від Дімича, наче зрозуміла, що він хоче далі показати, зупиняю відео і роблю завдання самостійно, якщо не виходить - продовжую дивитись...На цьому ролику тупанула - назвала метод і значення в стейті однаково (isFetching) і півгодини шукала, чому в мене не пропадає прелоадер, адже по алгоритму все зробила так само))) А взагалі підтримаю всіх - курс просто надзвичайний. Важко не зрозуміти те, що прямо розжовується і мало не в рот кладеться

    • @olegzidane7099
      @olegzidane7099 4 ปีที่แล้ว

      это круто на самом деле, отличные способности, мышление! потому что материала много, и даже чтобы вникнуть и просто повторять код нужно очень много времени

  • @ЛусінеАтаджанян
    @ЛусінеАтаджанян 3 ปีที่แล้ว +1

    Создание анимации загрузки в реакт приложении. Гифка для загрузки. Preloader. isFetching. Лучший курс по React.JS. react. Дима, большое спасибо за проделанную работу

  • @adrenalineMSC
    @adrenalineMSC 4 ปีที่แล้ว +9

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

    • @shsh01212
      @shsh01212 4 ปีที่แล้ว +1

      блииин, люблю только собак(((

  • @trojdenid9580
    @trojdenid9580 4 ปีที่แล้ว +34

    32:55 - вся суть программирования: "сеньору проще взять, один раз пофиксить за 5-10 минут, полчаса, полдня")))

    • @gonqii
      @gonqii 2 ปีที่แล้ว

      ахахахаххааххаха

    • @tevi6667
      @tevi6667 2 ปีที่แล้ว +2

      неделя, месяц, год))

  • @ДмитрийКибешев
    @ДмитрийКибешев 3 ปีที่แล้ว +2

    React JS - пример Preloader, loader-gif, isFetching indication
    Спасибо, Димыч!
    Смотрю, учусь!

  • @КириллВычужанин
    @КириллВычужанин 2 ปีที่แล้ว +1

    isFetching, он в пропсах сидит и мы такие зае... и мы такие...
    улыбнуло)
    Огромное спасибо за курс

  • @gameroom6690
    @gameroom6690 4 ปีที่แล้ว +1

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

  • @bystryisokol1546
    @bystryisokol1546 5 ปีที่แล้ว +32

    Как всегда всё получается. Как вceгда like.

  • @qwertypoiu1337
    @qwertypoiu1337 5 ปีที่แล้ว +6

    Отличный пример создания лоадера на react! (надеюсь, при поиске будет подсовывать это видео :D)

  • @theWorldIsMultivariate
    @theWorldIsMultivariate 2 ปีที่แล้ว +2

    Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!

  • @ГеннадийПетров-ж4ы
    @ГеннадийПетров-ж4ы 5 ปีที่แล้ว +12

    Четко, потихоньку начинаю понимать, спасибо, Димыч!)

  • @IgniosTyumen
    @IgniosTyumen 5 ปีที่แล้ว +4

    Традиционный лайк за лучшие уроки по ReactJS=) Если можно было бы поставить доп лайк за скорость - он бы уже стоял. Думал, начну пилить проект для работы потренироваться в перерывах между видео, а тут уже новый видос=Р

  • @АртёмРусалеев-ж2ь
    @АртёмРусалеев-ж2ь 4 ปีที่แล้ว +16

    "ай и сейчас расскажу" лайкос))))

  • @ctumyji9737
    @ctumyji9737 5 ปีที่แล้ว +6

    Супер! Все получилось! Спасибо за урок, полетел дальше! :)
    #reactjs #практика

  • @alexroman3120
    @alexroman3120 4 ปีที่แล้ว +1

    Кот тоже учит React, Redux. Кот-самурай вжух вжух вжух. Димыч топыч!)))

  • @tar7sha
    @tar7sha 3 ปีที่แล้ว

    Дай Бог тобі здоров'я!!! Дуже круто, що акцентуєш та повторяєш чому isFetching в action creator.

  • @АлексейДолматов-м3я
    @АлексейДолматов-м3я 5 ปีที่แล้ว +3

    React js Preloader, loader-gif, isFetching indication Всё доступно и понятно! Однозначно лайкос!

  • @kaysar787
    @kaysar787 4 ปีที่แล้ว +72

    "Ты просто пользователь, ты ж тупой" :D

  • @MikhailKuklenkov
    @MikhailKuklenkov ปีที่แล้ว

    Царский лайк, Дима. Объяснил по красоте) Гнем свою линию и не сворачиваем!

  • @БорисЦ-ю8ы
    @БорисЦ-ю8ы 5 ปีที่แล้ว

    Пишу комментарий когда посмотрю на несколько раз и сделаю все сам по памяти.
    Общие рекомендации по разработке тоже очень ценны! Очень!
    Preloader, loader-gif, isFetching indication круто!

  • @StanislavObrazcoff
    @StanislavObrazcoff 5 ปีที่แล้ว +2

    Спасибо за видео. Меняются интерьеры :) Кстати, звук здесь похуже, чем в предыдущих.

  • @denkodatskyi3381
    @denkodatskyi3381 5 ปีที่แล้ว +9

    React JS
    Preloader, loader-gif, isFetching indication
    The BEST!!! =)

  • @ГалинаКузнецова-н1и
    @ГалинаКузнецова-н1и ปีที่แล้ว

    Спасибо Дима!!!Летим дальше

  • @Titanidze17
    @Titanidze17 5 ปีที่แล้ว +3

    Спасибо за уроки. Забыл раньше сказать, но ты мне глаза открыл на пропсы и стейт. Кучу документаии прочитал не мог 2+2 сложить в этом вопросе, даже местами запутался и лег спать с мыселью "нифга так и не понял, в чем вообще у них разница между пропс и стейт...."

  • @АндрейГонин
    @АндрейГонин 4 ปีที่แล้ว

    еще до начала этого урока решил потренироваться и написал обработку пагинации. теперь выводится не 215 кнопок пагинации, а текущая +/- 3. Спасибо за этот курс!! Качается не только знание React и Redux, но и базовый JS, AJAX, а так же архитектурное мышление(оно мне кажется даже важнее конкретных фреймворков и библиотек)

  • @egorepir
    @egorepir 4 ปีที่แล้ว

    Рад что есть такие люди как ты Димыч, летим

  • @qwerty12377789
    @qwerty12377789 3 ปีที่แล้ว +1

    Долго хранил я у себя этот лайк, берег его как зеницу ока, даже чебуреки в него заворачивал и как контейнер для стока жира в гриле использовал. В общем, мой старый добрый лайк стал жирным. Держи его, "не потеряй его и не сломай" и пусть он принесет еще тысячу лайков на твоем канале

  • @GrourDenis
    @GrourDenis 3 ปีที่แล้ว

    Кайфово, позитивно...!
    React JS - Preloader, loader-gif, isFetching indication

  • @Nazar5545
    @Nazar5545 5 ปีที่แล้ว +1

    Незаметно для себя стал рекламировать друзьям твой канал! Круто!) Спасибо..

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 ปีที่แล้ว

      Пожалуйста и спасибо)

  • @egorepir
    @egorepir 4 ปีที่แล้ว

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

  • @andreiribac6284
    @andreiribac6284 3 ปีที่แล้ว +1

    Спасибо за советы и поддержку! Димыч ты лучший! Всем привет из 2021 года!

  • @emranakalaev8689
    @emranakalaev8689 3 ปีที่แล้ว

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

  • @РоманБобков-ж7ы
    @РоманБобков-ж7ы 4 ปีที่แล้ว

    Дмитрий, ты молодец. Потихоньку картина в голове вырисовывается.

  • @vladislavhirsa9094
    @vladislavhirsa9094 5 ปีที่แล้ว +11

    Я сделал с помощью библиотеки react-loadable, и все очень круто получается.
    Example:
    Loading.js >>>>>>>>
    import React from 'react'
    import LoadingImg from './components/Img/loadingGif.gif'
    const Loading = () => {
    return
    }
    export default Loading;
    ............................................................
    App.js >>>>
    // import UsersConteiner from './components/Users/UsersConteiner';
    import Loadable from 'react-loadable';
    import Loading from './Loading';
    const UsersConteiner = Loadable ({
    loader: () => import('./components/Users/UsersConteiner'),
    loading: Loading
    });

  • @ДенисБеспалов-п8щ
    @ДенисБеспалов-п8щ 4 ปีที่แล้ว

    Супер! Обожаю такие штуки делать! Оч нравится визуализация)
    Preloader,
    loader-gif
    isFetching
    React

  • @derrylsshowhh3249
    @derrylsshowhh3249 2 ปีที่แล้ว +1

    Мега полезный ролик!Спасибо)

  • @mrmicolka
    @mrmicolka 4 ปีที่แล้ว +2

    Тянем дальше. Спасибо)

  • @andreyantonovich379
    @andreyantonovich379 3 ปีที่แล้ว +1

    Спасибо за урок,круто!Бомбим дальше!

  • @AbaiIlyasov
    @AbaiIlyasov 10 หลายเดือนก่อน

    Всё круто и понятно, иду дальше!

  • @Lok1goD
    @Lok1goD 2 ปีที่แล้ว

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

    • @rostikoffchannel
      @rostikoffchannel 2 ปีที่แล้ว

      не знаю все работает....

  • @mistrz7856
    @mistrz7856 3 ปีที่แล้ว

    Бомбим дальше, здоровья тебе!

  • @ivanmiarkulau8320
    @ivanmiarkulau8320 3 ปีที่แล้ว

    Реализовали Preloader в нашем React-приложении, который информирует нас о процессе загрузки данных с сервера, спасибо за урок!)

  • @mykhailostepanishchev6472
    @mykhailostepanishchev6472 4 ปีที่แล้ว +1

    Интересно,полезно,спасибо Дмитрий!

  • @technical777
    @technical777 4 ปีที่แล้ว +2

    Димыч спасибо за видосы !
    Обнял, поднял, поставил ! -> Принял, понял, побежал !
    Бомбим дальше ! 💻

  • @ЯДИграет
    @ЯДИграет 5 ปีที่แล้ว +2

    Спасибо за отличный курс! Очень помогаешь новичкам! Жирный палец вверх!

  • @slavapush
    @slavapush 5 ปีที่แล้ว +5

    Отлично соображаешь! Я бы значительно дольше парился с ошибкой подгрузки лоадера

  • @n0escape
    @n0escape ปีที่แล้ว

    Прошел и этот урок, всегда любил на сайте пытаться добавлять прелоадеры, но не знал как правильно их делать. Интересно и спасибо. Совет всем кто будет проходить и проходит курс: всегда внимательно следите куда вы отправляете данные ( неважно, из пропса или из сервера ), ибо я потратил минут 30 на поиск того, почему не отправляется параметр isFetching, а оказалось, что просто забіл добавить его в mapStateToProps

    • @tazalov
      @tazalov ปีที่แล้ว

      тайпскрипт помогает сходу такие штуки отлавливать

    • @n0escape
      @n0escape ปีที่แล้ว

      @@tazalov к сожалению я не настолько крут, чтобы еще и тайпскрипт юзать

  • @chtotutunas432
    @chtotutunas432 2 ปีที่แล้ว

    Позитивный, несложный , нужный урок! Дал сил двигаться дальше !

  • @mariia6820
    @mariia6820 5 ปีที่แล้ว +2

    Спасибо огромное!!!Лучший курс по Реакту!

  • @sandorkligan2208
    @sandorkligan2208 2 ปีที่แล้ว

    Всё получилось, спасибо! Лучшие курсы React Redux

  • @АндрейФилимончик-ю9у
    @АндрейФилимончик-ю9у 3 ปีที่แล้ว

    Все супер, едем дальше!
    Preloader, loader-gif, isFetching

  • @ShoolMinecraft
    @ShoolMinecraft 4 ปีที่แล้ว +2

    Меня зацепило, хоть и имею хороший опыт по Реакту, молодец!

  • @alekseytyapkin5197
    @alekseytyapkin5197 5 ปีที่แล้ว

    Ха-ха, как только прошел твой урок постраничного вывода, сделал, чтобы список пользователей подгружался при скролле блока и реализовал прелоадер, и вот ты рассказываешь про это, материал заходит на ура! Спасибо тебе!

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 ปีที่แล้ว +1

      Супер, красавчик!

  • @seriogaromanchykov9451
    @seriogaromanchykov9451 ปีที่แล้ว

    Дима. Объяснил по красоте)

  • @АрсенОсипов-ж6щ
    @АрсенОсипов-ж6щ 3 ปีที่แล้ว

    State, Store, Dispatch ,Connect, Action, Route, Provider, Reducer, mapStateToProps, mapDispatchToProps, {...state}, Props React
    Redux
    Практика
    JavaScript
    курс React
    Веб разработка
    разметка
    Спасибо за урок :)

  • @ИльяЮров
    @ИльяЮров 2 ปีที่แล้ว

    Preloader, loader-gif, isFetching indication!
    Спасибо за урок!

  • @romanpol3336
    @romanpol3336 3 ปีที่แล้ว

    Cпасибо, Димыч, ты лучший! Бомбим дальше!
    React JS - Preloader, loader-gif, isFetching indication

  • @ole_oli
    @ole_oli 4 ปีที่แล้ว

    Спасибо Димыч. Продолжаю учиться.

  • @matthewperry8233
    @matthewperry8233 4 ปีที่แล้ว +1

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

  • @kitralin9987
    @kitralin9987 3 ปีที่แล้ว

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

  • @Executioner2126
    @Executioner2126 3 ปีที่แล้ว

    У меня на работе сайт есть, и я разговаривал с проектором этого сайта, и прям почувствовал свои знания, я смог доказать что на react сайт будет быстрей работать) Спасибо Димыч)))

  • @konstantinkuksov914
    @konstantinkuksov914 4 ปีที่แล้ว

    Только понял, что пропустил этот урок, когда комменты писал за прошедшие 8 уроков. Хорошо, что следующий урок про лайфхак обособленный, а так бы не понимал что происходит)))

  • @СергейДудкин-ъ1я
    @СергейДудкин-ъ1я 4 ปีที่แล้ว

    Спасибо Димыч!! Летим дальше!!!

  • @dimitriitkach7697
    @dimitriitkach7697 4 ปีที่แล้ว

    spasibo za urok - React JS - пример Preloader, loader-gif, isFetching indication

  • @ИгорьГладкий-и8ь
    @ИгорьГладкий-и8ь 3 ปีที่แล้ว

    в конце зачетно сказал про реакт.. ребята все внимание на Реакт! ты силач мужик! спасибо тебе искренне

  • @Noname-di9hc
    @Noname-di9hc 4 ปีที่แล้ว

    Шел 6-ой день и 57 лекция. В голове без остановки играет "Реакт, реакт знать будешь круто....", закрываю глаза и вижу только код, а тут еще и смотрел не залогинившись на TH-cam. Ох, Димыч, подкинул ты работенки, теперь надо за прошлые видео проставить лайки. Смотрю на 1.75х, полет нормальный.

    • @olegzidane7099
      @olegzidane7099 4 ปีที่แล้ว

      за 6 дней 57 уроков, и не потерялся по коду???

    • @Noname-di9hc
      @Noname-di9hc 4 ปีที่แล้ว

      @@olegzidane7099 я изучал Angular 1, Angular 2 и могу сказать, что реакт мне кажется самым доступным из фреймворков.

    • @olegzidane7099
      @olegzidane7099 4 ปีที่แล้ว

      @@Noname-di9hc ааа, ну тогда да

  • @nachalponimat
    @nachalponimat 4 ปีที่แล้ว +1

    Спасибо!
    React JS, Preloader, loader-gif, isFetching indication

  • @K2_PS
    @K2_PS 2 ปีที่แล้ว

    Круто сенкс! Preloader, loader-gif, isFetching indication

  • @sergeyistominov5880
    @sergeyistominov5880 3 ปีที่แล้ว +2

    плюсик для лучшего ранжирования в react-комьюнити =)

  • @ІгорСнігур-х1л
    @ІгорСнігур-х1л 5 ปีที่แล้ว +1

    Спасибо за уроки по React ! бомблю дальше :)

  • @MrVagula
    @MrVagula 3 ปีที่แล้ว

    Димыч, спасибо. За этот нестандартный формат твои подписчики тебя и ценят. Все законспектировано и понятно, двигаем дальше.
    Ключевые слова: Preloader, loader-gif, isFetching indication

  • @yurikorabel5435
    @yurikorabel5435 3 ปีที่แล้ว

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

  • @ДимаИванов-и4ь
    @ДимаИванов-и4ь ปีที่แล้ว

    Preloader, loader-gif, isFetching indication Очень крутой урок

  • @zuzoki864
    @zuzoki864 ปีที่แล้ว

    Братан, спасибо тебе большое. Ты лучший Preloader, loader-gif, isFetching indication

  • @Napol3691
    @Napol3691 3 ปีที่แล้ว +1

    Моё почтение Дмитрий

  • @shamilsalakhutdinov5519
    @shamilsalakhutdinov5519 4 ปีที่แล้ว +1

    Спасибо за урок! React redux js preloader

  • @kub1k
    @kub1k 5 ปีที่แล้ว +1

    Спасибо за курс

  • @botamadimova1316
    @botamadimova1316 4 ปีที่แล้ว

    как можно ставить дизлайк?!!! Если ты чего-то не понял, это не значит, что видео заслуживает дизлайка. Давайте уважать труд Димыча! курс выложен бесплатно и достоин БИГ ЛАЙКА! Ребята, присоединяйтесь, давайте залайкаем :-)

  • @Багвматрицегребанойреальности

    Крутой курс!

  • @sergsergey4251
    @sergsergey4251 4 ปีที่แล้ว

    Спасибо, отличный курс!
    React JS
    - Preloader, loader-gif, isFetching indication.
    Бомбим дальше ©