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

  Рет қаралды 69,679

IT-KAMASUTRA

IT-KAMASUTRA

Күн бұрын

Пікірлер
@NJenyaBMW
@NJenyaBMW 5 жыл бұрын
формат хоть и не стандартный у тебя, Димыч, но он сука лучший )
@stanislavndreev2831
@stanislavndreev2831 3 жыл бұрын
Время от времени всем нам нужно отдохнуть от сложных архитектурных вещей, и просто загрузить прелоадер) Спасибо за урок!)
@АндрейКомаров-т8х
@АндрейКомаров-т8х 5 ай бұрын
Димыч - ЧЕЛОВЕЧИЩЕ! Громаднейший респект из четверга ИНКУБАТОРА! год 2024. Хоть и просела IT - сфера, но нет худа без добра. Возможно это как-то притормозило развитие индустрии и оставило этот курс актуальным по сей день и благодаря этому, тем кто долго думал могут воспользоваться моментом и пройти БЕСПЛАТНО АКТУАЛЬНЫЙ курс #React#Redux
@АннаЛелеко-ы3ю
@АннаЛелеко-ы3ю 4 жыл бұрын
Намагаюсь працювати таким чином - прослухала вступ від Дімича, наче зрозуміла, що він хоче далі показати, зупиняю відео і роблю завдання самостійно, якщо не виходить - продовжую дивитись...На цьому ролику тупанула - назвала метод і значення в стейті однаково (isFetching) і півгодини шукала, чому в мене не пропадає прелоадер, адже по алгоритму все зробила так само))) А взагалі підтримаю всіх - курс просто надзвичайний. Важко не зрозуміти те, що прямо розжовується і мало не в рот кладеться
@olegzidane7099
@olegzidane7099 4 жыл бұрын
это круто на самом деле, отличные способности, мышление! потому что материала много, и даже чтобы вникнуть и просто повторять код нужно очень много времени
@Quentinrei
@Quentinrei 2 жыл бұрын
По видосам мы были у Димыча на кухне, сегодня в гостиной, я чувствую себя его соседом, который иногда заходит в гости ) React, Redux, API, JS, TS, best of the best
@dxnght
@dxnght 4 жыл бұрын
Сейчас такой график страшный, что раз в неделю удаётся позаниматься нормально. Ребята, не сдавайтесь, всё будет и вы справитесь! Димыч, спасибо за твои труды! Пыхтим-бомбим, даже, если медленновато
@ИванБорисов-б1ж
@ИванБорисов-б1ж 5 жыл бұрын
Спасибо! 3 день подряд видосы пилишь. Надеюсь продолжишь в том же духе! Самый топовый препод
@grigodoes
@grigodoes 4 жыл бұрын
Если кому то нужно, чтоб старые пользователи исчезали, а новые появлялись только после ответа. То можно сделать так: { this.props.isFetching ? : null } - было. { this.props.isFetching ? : } - стало.
@vladislavhirsa9094
@vladislavhirsa9094 5 жыл бұрын
Я сделал с помощью библиотеки 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 });
@sabatr1989
@sabatr1989 5 жыл бұрын
20:12 "Патамушта...патамушта...почему 0_o" мвахаах, я чуть со стула не упал от смеха)
@AliaksandrAndreyeu
@AliaksandrAndreyeu 3 жыл бұрын
Спасибо. Живе Беларусь
@СафроноваМарина-л9э
@СафроноваМарина-л9э 5 жыл бұрын
Спасибо за курс)))☺
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Пожалуйста, Марина!
@ДмитроПасічнюк
@ДмитроПасічнюк 3 жыл бұрын
Пока смотрим как писать проект параллельно увидим весь интерьер квартиры Димыча, кошечке лак)
@pashabezk
@pashabezk 2 жыл бұрын
2022. Здорово пройти что-то простое после нескольких сложных тем. Спасибо большое!
@rostikoffchannel
@rostikoffchannel 2 жыл бұрын
не говори 100%
@AndreiLaurou
@AndreiLaurou 5 жыл бұрын
молодец. И дело хорошее делаешь и рассказываешь позитивно )
@SpeedGodQ
@SpeedGodQ 4 жыл бұрын
только на этом уроке осознал, насколькр же круто это всё. ты не просто пишешь код, а складываешь некий "лего" конструктор, ну или пазлики)
@is_eliseeva
@is_eliseeva Жыл бұрын
спасибо за урок! лечу дальше! 17-02-2023
@trojdenid9580
@trojdenid9580 4 жыл бұрын
32:55 - вся суть программирования: "сеньору проще взять, один раз пофиксить за 5-10 минут, полчаса, полдня")))
@gonqii
@gonqii 2 жыл бұрын
ахахахаххааххаха
@tevi6667
@tevi6667 2 жыл бұрын
неделя, месяц, год))
@volodymyrsus
@volodymyrsus 2 жыл бұрын
Thanks! The best lessons of React & Redux!!! React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props, Preloader, loader-gif, isFetching indication
@bystryisokol1546
@bystryisokol1546 5 жыл бұрын
Как всегда всё получается. Как вceгда like.
@denkodatskyi3381
@denkodatskyi3381 5 жыл бұрын
React JS Preloader, loader-gif, isFetching indication The BEST!!! =)
@КириллВычужанин
@КириллВычужанин 2 жыл бұрын
isFetching, он в пропсах сидит и мы такие зае... и мы такие... улыбнуло) Огромное спасибо за курс
@mystexx
@mystexx 4 жыл бұрын
Димыч, спасибо! Маленькими шагами двигаемся по-тихоньку. Обнял :)
@ЛусінеАтаджанян
@ЛусінеАтаджанян 3 жыл бұрын
Создание анимации загрузки в реакт приложении. Гифка для загрузки. Preloader. isFetching. Лучший курс по React.JS. react. Дима, большое спасибо за проделанную работу
@adrenalineMSC
@adrenalineMSC 4 жыл бұрын
Теория о программистах и их котах подтверждается, не может быть хороший программист и без кота : ) Отличные курсы, друг, ты лучший в своём роде!
@shsh01212
@shsh01212 4 жыл бұрын
блииин, люблю только собак(((
@gameroom6690
@gameroom6690 4 жыл бұрын
за все видяшки как будто побывал у димыча в гостях и дома и на работе)
@ДмитрийКибешев
@ДмитрийКибешев 3 жыл бұрын
React JS - пример Preloader, loader-gif, isFetching indication Спасибо, Димыч! Смотрю, учусь!
@arthuru4I
@arthuru4I 5 жыл бұрын
Как всегда, лучший курс по React Redux, важно что охватываешь постоянно новинки, жду с нетерпением thunk и tsx (по работе нужно будет скоро - понятно пойду по документации, stackOwerFlow - но ты с нюансами объяснишь, до которых, временами, нужно месяцами доходить). Продолжай в том же духе!)
@ГеннадийПетров-ж4ы
@ГеннадийПетров-ж4ы 5 жыл бұрын
Четко, потихоньку начинаю понимать, спасибо, Димыч!)
@dimitriitkach7697
@dimitriitkach7697 4 жыл бұрын
spasibo za urok - React JS - пример Preloader, loader-gif, isFetching indication
@БорисЦ-ю8ы
@БорисЦ-ю8ы 5 жыл бұрын
Пишу комментарий когда посмотрю на несколько раз и сделаю все сам по памяти. Общие рекомендации по разработке тоже очень ценны! Очень! Preloader, loader-gif, isFetching indication круто!
@nachalponimat
@nachalponimat 4 жыл бұрын
Спасибо! React JS, Preloader, loader-gif, isFetching indication
@АлексейДолматов-м3я
@АлексейДолматов-м3я 4 жыл бұрын
React js Preloader, loader-gif, isFetching indication Всё доступно и понятно! Однозначно лайкос!
@АрсенОсипов-ж6щ
@АрсенОсипов-ж6щ 2 жыл бұрын
State, Store, Dispatch ,Connect, Action, Route, Provider, Reducer, mapStateToProps, mapDispatchToProps, {...state}, Props React Redux Практика JavaScript курс React Веб разработка разметка Спасибо за урок :)
@GrourDenis
@GrourDenis 3 жыл бұрын
Кайфово, позитивно...! React JS - Preloader, loader-gif, isFetching indication
@qwertypoiu1337
@qwertypoiu1337 5 жыл бұрын
Отличный пример создания лоадера на react! (надеюсь, при поиске будет подсовывать это видео :D)
@sergeyistominov5880
@sergeyistominov5880 2 жыл бұрын
плюсик для лучшего ранжирования в react-комьюнити =)
@Titanidze17
@Titanidze17 5 жыл бұрын
Спасибо за уроки. Забыл раньше сказать, но ты мне глаза открыл на пропсы и стейт. Кучу документаии прочитал не мог 2+2 сложить в этом вопросе, даже местами запутался и лег спать с мыселью "нифга так и не понял, в чем вообще у них разница между пропс и стейт...."
@ctumyji9737
@ctumyji9737 5 жыл бұрын
Супер! Все получилось! Спасибо за урок, полетел дальше! :) #reactjs #практика
@АндрейГонин
@АндрейГонин 4 жыл бұрын
еще до начала этого урока решил потренироваться и написал обработку пагинации. теперь выводится не 215 кнопок пагинации, а текущая +/- 3. Спасибо за этот курс!! Качается не только знание React и Redux, но и базовый JS, AJAX, а так же архитектурное мышление(оно мне кажется даже важнее конкретных фреймворков и библиотек)
@theWorldIsMultivariate
@theWorldIsMultivariate 2 жыл бұрын
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
@n0escape
@n0escape Жыл бұрын
Прошел и этот урок, всегда любил на сайте пытаться добавлять прелоадеры, но не знал как правильно их делать. Интересно и спасибо. Совет всем кто будет проходить и проходит курс: всегда внимательно следите куда вы отправляете данные ( неважно, из пропса или из сервера ), ибо я потратил минут 30 на поиск того, почему не отправляется параметр isFetching, а оказалось, что просто забіл добавить его в mapStateToProps
@tazalov
@tazalov Жыл бұрын
тайпскрипт помогает сходу такие штуки отлавливать
@n0escape
@n0escape Жыл бұрын
@@tazalov к сожалению я не настолько крут, чтобы еще и тайпскрипт юзать
@АртёмРусалеев-ж2ь
@АртёмРусалеев-ж2ь 4 жыл бұрын
"ай и сейчас расскажу" лайкос))))
@Macheten
@Macheten 3 ай бұрын
Как же я намучался с экшн креатором) При копировании я забыл поменять type, еле нашёл причину бага. Буду теперь внимательнее писать) Спасибо, Димыч! Всё как всегда понятно, бомбим дальше!
@MikhailKuklenkov
@MikhailKuklenkov Жыл бұрын
Царский лайк, Дима. Объяснил по красоте) Гнем свою линию и не сворачиваем!
@sashaya6114
@sashaya6114 5 жыл бұрын
React, Preloader, loader-gif, isFetching indication спасибо = )
@qwerty12377789
@qwerty12377789 3 жыл бұрын
Долго хранил я у себя этот лайк, берег его как зеницу ока, даже чебуреки в него заворачивал и как контейнер для стока жира в гриле использовал. В общем, мой старый добрый лайк стал жирным. Держи его, "не потеряй его и не сломай" и пусть он принесет еще тысячу лайков на твоем канале
@ВикторКлименко-щ9ф
@ВикторКлименко-щ9ф 3 жыл бұрын
57 - React JS - пример Preloader, loader-gif, isFetching indication
@IgniosTyumen
@IgniosTyumen 5 жыл бұрын
Традиционный лайк за лучшие уроки по ReactJS=) Если можно было бы поставить доп лайк за скорость - он бы уже стоял. Думал, начну пилить проект для работы потренироваться в перерывах между видео, а тут уже новый видос=Р
@ИринаШабулдаева-л6в
@ИринаШабулдаева-л6в 2 жыл бұрын
Preloader, loader-gif, isFetching indication. Спасибо, 2022 - идем дальше
@slavapush
@slavapush 5 жыл бұрын
Отлично соображаешь! Я бы значительно дольше парился с ошибкой подгрузки лоадера
@РоманБобков-ж7ы
@РоманБобков-ж7ы 4 жыл бұрын
Дмитрий, ты молодец. Потихоньку картина в голове вырисовывается.
@АндрейФилимончик-ю9у
@АндрейФилимончик-ю9у 3 жыл бұрын
Все супер, едем дальше! Preloader, loader-gif, isFetching
@tar7sha
@tar7sha 3 жыл бұрын
Дай Бог тобі здоров'я!!! Дуже круто, що акцентуєш та повторяєш чому isFetching в action creator.
@ЛесяМельниченко-й8д
@ЛесяМельниченко-й8д 3 жыл бұрын
React JS - пример Preloader, loader-gif, isFetching indication Спасибооо!!!
@mrmicolka
@mrmicolka 4 жыл бұрын
Тянем дальше. Спасибо)
@ДенисБеспалов-п8щ
@ДенисБеспалов-п8щ 4 жыл бұрын
Супер! Обожаю такие штуки делать! Оч нравится визуализация) Preloader, loader-gif isFetching React
@is_eliseeva
@is_eliseeva 7 ай бұрын
2024-04-17 парампампам вижу свой коммент от 17 февраля 2023 года, забавно, год прошел, сейчас я в четверге. как же я рада, что учусь в инкубаторе! #react #preloader
@ЯДИграет
@ЯДИграет 5 жыл бұрын
Спасибо за отличный курс! Очень помогаешь новичкам! Жирный палец вверх!
@shamilsalakhutdinov5519
@shamilsalakhutdinov5519 4 жыл бұрын
Спасибо за урок! React redux js preloader
@ИльяЮров
@ИльяЮров 2 жыл бұрын
Preloader, loader-gif, isFetching indication! Спасибо за урок!
@andreyantonovich379
@andreyantonovich379 3 жыл бұрын
Спасибо за урок,круто!Бомбим дальше!
@technical777
@technical777 4 жыл бұрын
Димыч спасибо за видосы ! Обнял, поднял, поставил ! -> Принял, понял, побежал ! Бомбим дальше ! 💻
@andreiribac6284
@andreiribac6284 3 жыл бұрын
Спасибо за советы и поддержку! Димыч ты лучший! Всем привет из 2021 года!
@bugaga8144
@bugaga8144 3 жыл бұрын
Под каждым выпуском можно писать один и тот же комментарий, это лучший курс по React в интернете
@sergsergey4251
@sergsergey4251 4 жыл бұрын
Спасибо, отличный курс! React JS - Preloader, loader-gif, isFetching indication. Бомбим дальше ©
@mariia6820
@mariia6820 5 жыл бұрын
Спасибо огромное!!!Лучший курс по Реакту!
@Napol3691
@Napol3691 2 жыл бұрын
Моё почтение Дмитрий
@ivanmiarkulau8320
@ivanmiarkulau8320 3 жыл бұрын
Реализовали Preloader в нашем React-приложении, который информирует нас о процессе загрузки данных с сервера, спасибо за урок!)
@ДимаИванов-и4ь
@ДимаИванов-и4ь Жыл бұрын
Preloader, loader-gif, isFetching indication Очень крутой урок
@egorepir
@egorepir 3 жыл бұрын
Блин так намучился с импортом картинки , она почему-то не отображалась сидел тыкал, и так импортировал разными способами. Перебилдил проект все заработало , круто. Спасибо за видео, очень много интересного узнаю
@ShoolMinecraft
@ShoolMinecraft 4 жыл бұрын
Меня зацепило, хоть и имею хороший опыт по Реакту, молодец!
@ГалинаКузнецова-н1и
@ГалинаКузнецова-н1и Жыл бұрын
Спасибо Дима!!!Летим дальше
@K2_PS
@K2_PS 2 жыл бұрын
Круто сенкс! Preloader, loader-gif, isFetching indication
@alekseytyapkin5197
@alekseytyapkin5197 5 жыл бұрын
Ха-ха, как только прошел твой урок постраничного вывода, сделал, чтобы список пользователей подгружался при скролле блока и реализовал прелоадер, и вот ты рассказываешь про это, материал заходит на ура! Спасибо тебе!
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Супер, красавчик!
@derrylsshowhh3249
@derrylsshowhh3249 2 жыл бұрын
Мега полезный ролик!Спасибо)
@alexroman3120
@alexroman3120 4 жыл бұрын
Кот тоже учит React, Redux. Кот-самурай вжух вжух вжух. Димыч топыч!)))
@fargutvest
@fargutvest 4 жыл бұрын
Wait indicator круто, спасибо! React Redux Preloader
@feddim9624
@feddim9624 4 жыл бұрын
#React JS#Preloader, #loader-gif, #isFetching #indication Спасибо за уроки!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!)
@serg11oz
@serg11oz 4 жыл бұрын
React js, Preloader - всё круто!
@sandorkligan2208
@sandorkligan2208 2 жыл бұрын
Всё получилось, спасибо! Лучшие курсы React Redux
@mykhailostepanishchev6472
@mykhailostepanishchev6472 4 жыл бұрын
Интересно,полезно,спасибо Дмитрий!
@StanislavObrazcoff
@StanislavObrazcoff 5 жыл бұрын
Спасибо за видео. Меняются интерьеры :) Кстати, звук здесь похуже, чем в предыдущих.
@ИгорьГладкий-и8ь
@ИгорьГладкий-и8ь 3 жыл бұрын
в конце зачетно сказал про реакт.. ребята все внимание на Реакт! ты силач мужик! спасибо тебе искренне
@kaysar787
@kaysar787 4 жыл бұрын
"Ты просто пользователь, ты ж тупой" :D
@artempavlenko5147
@artempavlenko5147 4 жыл бұрын
Kaysar 😂
@lemuriecnoname
@lemuriecnoname 4 жыл бұрын
Тоже улыбнуло
@artemy5594
@artemy5594 3 жыл бұрын
Очень полезный совет, про бомбить чисто по реакту!
@AbaiIlyasov
@AbaiIlyasov 8 ай бұрын
Всё круто и понятно, иду дальше!
@egorepir
@egorepir 3 жыл бұрын
Рад что есть такие люди как ты Димыч, летим
@Mitya-b4p
@Mitya-b4p 2 жыл бұрын
2022 условный рендеринг лучший курс по React + Redux
@alexey2769
@alexey2769 3 жыл бұрын
react redux уроки. Спасибо! двигаюсь дальше
@Brinzovik
@Brinzovik 3 жыл бұрын
React JS - пример Preloader, loader-gif, isFetching indication
@kitralin9987
@kitralin9987 3 жыл бұрын
крутой урок, в начале урока написал сам как думал - заработало а потом уже подрефакторил как у димыча, так просто меньше кода)) Спасибо за труд.
@ПавелТкаченко-т5о
@ПавелТкаченко-т5о 3 жыл бұрын
лайк отдельно для котейки. уроки минимального технического английского. спасибо за урок. react redux preloader state
@Noname-di9hc
@Noname-di9hc 4 жыл бұрын
Шел 6-ой день и 57 лекция. В голове без остановки играет "Реакт, реакт знать будешь круто....", закрываю глаза и вижу только код, а тут еще и смотрел не залогинившись на KZbin. Ох, Димыч, подкинул ты работенки, теперь надо за прошлые видео проставить лайки. Смотрю на 1.75х, полет нормальный.
@olegzidane7099
@olegzidane7099 4 жыл бұрын
за 6 дней 57 уроков, и не потерялся по коду???
@Noname-di9hc
@Noname-di9hc 4 жыл бұрын
@@olegzidane7099 я изучал Angular 1, Angular 2 и могу сказать, что реакт мне кажется самым доступным из фреймворков.
@olegzidane7099
@olegzidane7099 4 жыл бұрын
@@Noname-di9hc ааа, ну тогда да
@romanpol3336
@romanpol3336 3 жыл бұрын
Cпасибо, Димыч, ты лучший! Бомбим дальше! React JS - Preloader, loader-gif, isFetching indication
@Nazar5545
@Nazar5545 5 жыл бұрын
Незаметно для себя стал рекламировать друзьям твой канал! Круто!) Спасибо..
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Пожалуйста и спасибо)
@ole_oli
@ole_oli 3 жыл бұрын
Спасибо Димыч. Продолжаю учиться.
@midnightstar_zoriana
@midnightstar_zoriana 11 ай бұрын
спасибо!!
@yurikorabel5435
@yurikorabel5435 3 жыл бұрын
сделали красоту. Всегда мечтал о таких крутилках, но не знал как они делаются. Все оказалось так просто! Супер! Все эти мелкие "присыпочки", добавочки очень настраивают на позитивный лад! Димыч, супер!
@chtotutunas432
@chtotutunas432 2 жыл бұрын
Позитивный, несложный , нужный урок! Дал сил двигаться дальше !
58 - React JS - mapDispatchToProps лайф-хак
18:23
IT-KAMASUTRA
Рет қаралды 48 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 3 МЛН
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 152 МЛН
SIZE DOESN’T MATTER @benjaminjiujitsu
00:46
Natan por Aí
Рет қаралды 4,1 МЛН
Lazy days…
00:24
Anwar Jibawi
Рет қаралды 6 МЛН
59 - React JS - profile page, ajax, api
43:24
IT-KAMASUTRA
Рет қаралды 84 М.
69 - React JS - High Order Component (hoc)
28:35
IT-KAMASUTRA
Рет қаралды 68 М.
39 - Уроки, Курс React JS - action creator, action type
25:37
60 - React JS - withRouter, props.match.params
30:24
IT-KAMASUTRA
Рет қаралды 79 М.
61 - React JS - cookie, login в теории, auth/me
38:52
IT-KAMASUTRA
Рет қаралды 116 М.
64 - React JS - практика, button disabled (follow\unfollow)
23:42
71 - React JS - setState, local state
35:45
IT-KAMASUTRA
Рет қаралды 55 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 3 МЛН