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

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.i...
Back-end
it-incubator.i...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
API: social-network...
Ребят, важно дать пользователю обратную связь, какой-то намёк, что, мол, подожди, мы отправили на сервак запрос, всё обрабатывается, но нужно подождать. Именно для этого и показывают всякие крутилки, блокировки кнопок или их прячут и на их месте показывают крутилку) и так далее. Мы с вами всё это будем делать регулярно на всех страницах почти)) А сегодня небольшое введение в проблему!
Уроки по React JS: • Курс "React JS - путь ...
Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#презентационная #reactjs #практика #примеры #уроки #курс

[@NJenyaBMW]

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

[@ДмитроПасічнюк]

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

[@stanislavndreev2831]

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

[@dxnght]

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

[@trojdenid9580]

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

[@gonqii]

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

[@tevi6667]

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

[@Quentinrei]

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

[@sabatr1989]

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

[@kaysar787]

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

[@artempavlenko5147]

Kaysar 😂

[@lemuriecnoname]

Тоже улыбнуло

[@АндрейКомаров-т8х]

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

[@vladislavhirsa9094]

Я сделал с помощью библиотеки 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 });

[@AliaksandrAndreyeu]

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

[@ИванБорисов-б1ж]

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

[@СафроноваМарина-л9э]

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

[@ITKAMASUTRA]

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

[@bystryisokol1546]

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

[@АннаЛелеко-ы3ю]

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

[@olegzidane7099]

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

[@SpeedGodQ]

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

[@grigodoes]

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

[@AndreiLaurou]

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

[@pashabezk]

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

[@rostikoffchannel]

не говори 100%

[@is_eliseeva]

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

[@Macheten]

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

[@АртёмРусалеев-ж2ь]

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

[@volodymyrsus]

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

[@mystexx]

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

[@gameroom6690]

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

[@denkodatskyi3381]

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

[@ГалинаКузнецова-н1и]

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

[@ГеннадийПетров-ж4ы]

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

[@qwertypoiu1337]

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

[@AbaiIlyasov]

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

[@КириллВычужанин]

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

[@arthuru4I]

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

[@ДмитрийКибешев]

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

[@ЛусінеАтаджанян]

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

[@adrenalineMSC]

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

[@shsh01212]

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

[@ctumyji9737]

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

[@dimitriitkach7697]

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

[@egorepir]

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

[@АлексейДолматов-м3я]

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

[@Titanidze17]

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

[@is_eliseeva]

2024-04-17 парампампам вижу свой коммент от 17 февраля 2023 года, забавно, год прошел, сейчас я в четверге. как же я рада, что учусь в инкубаторе! #react #preloader

[@theWorldIsMultivariate]

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

[@n0escape]

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

[@tazalov]

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

[@n0escape]

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

[@slavapush]

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

[@АрсенОсипов-ж6щ]

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

[@sergeyistominov5880]

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

[@mrmicolka]

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

[@IgniosTyumen]

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

[@ole_oli]

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

[@egorepir]

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

[@АндрейГонин]

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

[@NK-xz2tm]

Формат - огонь! Спасибо #react

[@ИринаШабулдаева-л6в]

Preloader, loader-gif, isFetching indication. Спасибо, 2022 - идем дальше

[@MikhailKuklenkov]

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

[@Napol3691]

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

[@БорисЦ-ю8ы]

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

[@grandmaster-yo-yo]

Красавчик!Спасибо за уроки

[@АртемийЛукин-г4ы]

Летим !

[@andreiribac6284]

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

[@ЯДИграет]

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

[@mistrz7856]

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

[@andreyantonovich379]

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

[@shamilsalakhutdinov5519]

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

[@derrylsshowhh3249]

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

[@emranakalaev8689]

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

[@qwerty12377789]

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

[@nachalponimat]

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

[@mariia6820]

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

[@РоманБобков-ж7ы]

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

[@ihorvitaliyovytch7959]

Отлично, спасибо, иду дальше.

[@technical777]

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

[@seriogaromanchykov9451]

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

[@АндрейФилимончик-ю9у]

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

[@Nazar5545]

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

[@ITKAMASUTRA]

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

[@alexroman3120]

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

[@ShoolMinecraft]

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

[@ДенисБеспалов-п8щ]

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

[@GrourDenis]

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

[@feddim9624]

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

[@ДимаИванов-и4ь]

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

[@sandorkligan2208]

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

[@ИванДанилов-д5р]

Наконец то спустя месяц ...наверное ....я прошел этот урок. Времени вообще не хватает( Уволюсь с работы и буду заново проходить весь курс, чтоб от зубов отскакивало. Пока учишь одно, забывается другое.

[@dmitrylebedev2691]

увольняться не стоит, а вот начать заниматься по утрам стоит)

[@rostikoffchannel]

уволился?

[@ИванДанилов-д5р]

@@rostikoffchannel да

[@StanislavObrazcoff]

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

[@ИльяЮров]

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

[@СергейДудкин-ъ1я]

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

[@sashaya6114]

React, Preloader, loader-gif, isFetching indication спасибо = )

[@kub1k]

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

[@midnightstar_zoriana]

спасибо!!

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

Крутой курс!

[@serg11oz]

React js, Preloader - всё круто!

[@tar7sha]

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

[@ЛесяМельниченко-й8д]

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

[@artemy5594]

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

[@fargutvest]

Wait indicator круто, спасибо! React Redux Preloader

[@alexey2769]

react redux уроки. Спасибо! двигаюсь дальше

[@ДенисВладимирович-ы2ъ]

Спасибо Лечу дальше!!!

[@GameDi-rq5pn]

Дякую Дімич!

[@nuralimarzybekov2380]

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

[@alekseytyapkin5197]

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

[@ITKAMASUTRA]

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

[@ИгорьГладкий-и8ь]

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