57 - React JS - пример Preloader, loader-gif, isFetching indication
Вставка
- Опубліковано 16 тра 2019
- 🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Ребят, важно дать пользователю обратную связь, какой-то намёк, что, мол, подожди, мы отправили на сервак запрос, всё обрабатывается, но нужно подождать. Именно для этого и показывают всякие крутилки, блокировки кнопок или их прячут и на их месте показывают крутилку) и так далее. Мы с вами всё это будем делать регулярно на всех страницах почти)) А сегодня небольшое введение в проблему!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#презентационная #reactjs #практика #примеры #уроки #курс
формат хоть и не стандартный у тебя, Димыч, но он сука лучший )
Пока смотрим как писать проект параллельно увидим весь интерьер квартиры Димыча, кошечке лак)
Время от времени всем нам нужно отдохнуть от сложных архитектурных вещей, и просто загрузить прелоадер) Спасибо за урок!)
Сейчас такой график страшный, что раз в неделю удаётся позаниматься нормально. Ребята, не сдавайтесь, всё будет и вы справитесь! Димыч, спасибо за твои труды! Пыхтим-бомбим, даже, если медленновато
20:12 "Патамушта...патамушта...почему 0_o" мвахаах, я чуть со стула не упал от смеха)
32:55 - вся суть программирования: "сеньору проще взять, один раз пофиксить за 5-10 минут, полчаса, полдня")))
ахахахаххааххаха
неделя, месяц, год))
Если кому то нужно, чтоб старые пользователи исчезали, а новые появлялись только после ответа. То можно сделать так:
{ this.props.isFetching ? : null } - было.
{ this.props.isFetching ? : } - стало.
"Ты просто пользователь, ты ж тупой" :D
Kaysar 😂
Тоже улыбнуло
По видосам мы были у Димыча на кухне, сегодня в гостиной, я чувствую себя его соседом, который иногда заходит в гости )
React, Redux, API, JS, TS, best of the best
Спасибо! 3 день подряд видосы пилишь. Надеюсь продолжишь в том же духе!
Самый топовый препод
Димыч - ЧЕЛОВЕЧИЩЕ! Громаднейший респект из четверга ИНКУБАТОРА! год 2024. Хоть и просела IT - сфера, но нет худа без добра. Возможно это как-то притормозило развитие индустрии и оставило этот курс актуальным по сей день и благодаря этому, тем кто долго думал могут воспользоваться моментом и пройти БЕСПЛАТНО АКТУАЛЬНЫЙ курс #React#Redux
только на этом уроке осознал, насколькр же круто это всё. ты не просто пишешь код, а складываешь некий "лего" конструктор, ну или пазлики)
Спасибо за курс)))☺
Пожалуйста, Марина!
Я сделал с помощью библиотеки 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
});
молодец. И дело хорошее делаешь и рассказываешь позитивно )
2024-04-17 парампампам вижу свой коммент от 17 февраля 2023 года, забавно, год прошел, сейчас я в четверге. как же я рада, что учусь в инкубаторе! #react #preloader
Четко, потихоньку начинаю понимать, спасибо, Димыч!)
Супер! Все получилось! Спасибо за урок, полетел дальше! :)
#reactjs #практика
Спасибо за видео. Меняются интерьеры :) Кстати, звук здесь похуже, чем в предыдущих.
Димыч, спасибо! Маленькими шагами двигаемся по-тихоньку. Обнял :)
"ай и сейчас расскажу" лайкос))))
Отличный пример создания лоадера на react! (надеюсь, при поиске будет подсовывать это видео :D)
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
Традиционный лайк за лучшие уроки по ReactJS=) Если можно было бы поставить доп лайк за скорость - он бы уже стоял. Думал, начну пилить проект для работы потренироваться в перерывах между видео, а тут уже новый видос=Р
Димыч спасибо за уроки по React и самое главное что объясняешь как, что и почему учить. Типа учите React и ни на что пока что не отвлекаться. Это очень важно, а то как смотришь вакансии там такой список, что все хочется учить)
Как всегда всё получается. Как вceгда like.
React js Preloader, loader-gif, isFetching indication Всё доступно и понятно! Однозначно лайкос!
Как всегда, лучший курс по React Redux, важно что охватываешь постоянно новинки, жду с нетерпением thunk и tsx (по работе нужно будет скоро - понятно пойду по документации, stackOwerFlow - но ты с нюансами объяснишь, до которых, временами, нужно месяцами доходить). Продолжай в том же духе!)
Спасибо за отличный курс! Очень помогаешь новичкам! Жирный палец вверх!
React JS - пример Preloader, loader-gif, isFetching indication
Спасибо, Димыч!
Смотрю, учусь!
Спасибо. Живе Беларусь
Спасибо огромное!!!Лучший курс по Реакту!
Меня зацепило, хоть и имею хороший опыт по Реакту, молодец!
Пишу комментарий когда посмотрю на несколько раз и сделаю все сам по памяти.
Общие рекомендации по разработке тоже очень ценны! Очень!
Preloader, loader-gif, isFetching indication круто!
Спасибо за урок,круто!Бомбим дальше!
Царский лайк, Дима. Объяснил по красоте) Гнем свою линию и не сворачиваем!
Thanks!
The best lessons of React & Redux!!!
React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props, Preloader, loader-gif, isFetching indication
Спасибо за курс React JS!)
Спасибо за уроки по React ! бомблю дальше :)
Спасибо, отличный курс!
React JS
- Preloader, loader-gif, isFetching indication.
Бомбим дальше ©
Позитивный, несложный , нужный урок! Дал сил двигаться дальше !
сделали красоту. Всегда мечтал о таких крутилках, но не знал как они делаются. Все оказалось так просто! Супер! Все эти мелкие "присыпочки", добавочки очень настраивают на позитивный лад! Димыч, супер!
Дмитрий, ты молодец. Потихоньку картина в голове вырисовывается.
2022. Здорово пройти что-то простое после нескольких сложных тем. Спасибо большое!
не говори 100%
Реализовали Preloader в нашем React-приложении, который информирует нас о процессе загрузки данных с сервера, спасибо за урок!)
Супер! Обожаю такие штуки делать! Оч нравится визуализация)
Preloader,
loader-gif
isFetching
React
Всё круто и понятно, иду дальше!
Братан, как всегда лучший! Спасибо, мне сейчас как раз актуально
Дай Бог тобі здоров'я!!! Дуже круто, що акцентуєш та повторяєш чому isFetching в action creator.
Создание анимации загрузки в реакт приложении. Гифка для загрузки. Preloader. isFetching. Лучший курс по React.JS. react. Дима, большое спасибо за проделанную работу
Спасибо за уроки. Забыл раньше сказать, но ты мне глаза открыл на пропсы и стейт. Кучу документаии прочитал не мог 2+2 сложить в этом вопросе, даже местами запутался и лег спать с мыселью "нифга так и не понял, в чем вообще у них разница между пропс и стейт...."
И настроение поднимается от твоих шуток )) Отличные уроки с юмором #react #redux #js #2020js
Cпасибо, Димыч, ты лучший! Бомбим дальше!
React JS - Preloader, loader-gif, isFetching indication
Спасибо Димыч! Лучший курс по React JS Redux preloader loader isFetching
Спасибо за советы и поддержку! Димыч ты лучший! Всем привет из 2021 года!
Спасибо за лучшие уроки!
Огромное спасибо за курс). Бомблю дальше
React JS
Preloader, loader-gif, isFetching indication
The BEST!!! =)
Спасибо, Димыч, за знания и мотивацию!
Спасибо тебе огромное за твой труд! Смотрю дальше!
Интересно,полезно,спасибо Дмитрий!
Всё получилось, спасибо! Лучшие курсы React Redux
Отдельное спасибо за пояснения в наименовании переменных!
Самый лучший курс по react ! Спасибо Димыч!
Бесспорно лайк 🔥 лучший курс react redux 🤘
Теория о программистах и их котах подтверждается, не может быть хороший программист и без кота : )
Отличные курсы, друг, ты лучший в своём роде!
блииин, люблю только собак(((
Димыч спасибо за видосы !
Обнял, поднял, поставил ! -> Принял, понял, побежал !
Бомбим дальше ! 💻
Рад что есть такие люди как ты Димыч, летим
Все супер, едем дальше!
Preloader, loader-gif, isFetching
Мега полезный ролик!Спасибо)
спасибо за урок! лечу дальше! 17-02-2023
крутой урок, в начале урока написал сам как думал - заработало а потом уже подрефакторил как у димыча, так просто меньше кода)) Спасибо за труд.
Крутой курс!
Тянем дальше. Спасибо)
Димыч, спасибо. За этот нестандартный формат твои подписчики тебя и ценят. Все законспектировано и понятно, двигаем дальше.
Ключевые слова: Preloader, loader-gif, isFetching indication
Отлично соображаешь! Я бы значительно дольше парился с ошибкой подгрузки лоадера
еще до начала этого урока решил потренироваться и написал обработку пагинации. теперь выводится не 215 кнопок пагинации, а текущая +/- 3. Спасибо за этот курс!! Качается не только знание React и Redux, но и базовый JS, AJAX, а так же архитектурное мышление(оно мне кажется даже важнее конкретных фреймворков и библиотек)
Кайфово, позитивно...!
React JS - Preloader, loader-gif, isFetching indication
Preloader, loader-gif, isFetching indication!
Спасибо за урок!
Спасибо за курс
Спасибо!
React JS, Preloader, loader-gif, isFetching indication
Супер урок как всегда:) Но можешь говорить в уроках что мы в итоге не будем использовать, а что будем) К примеру использовали style.module, а будем использовать style-components:)
Какой позитивный тьютор Димыч! Я последний раз такое удовольствие получал когда смотрел сериал Mr Robot... Но там я просто смотрел и узнавал много интересных фишек, а тут я еще и пишу код!!! Классный React сериал получается.... Спасибо за видео, за подачу материала, за старания, вообще за идею такую интересную - учить Реакт и пилить проект!!!
за все видяшки как будто побывал у димыча в гостях и дома и на работе)
Спасибо за огромную работу!!!
Незаметно для себя стал рекламировать друзьям твой канал! Круто!) Спасибо..
Пожалуйста и спасибо)
Спасибо Дима!!!Летим дальше
Афигенный урок! СПАСИБО =)
Спасибо за напутственные слова и мотивацию
Было полезно! Лайк, едем дальше! 😀
Спасибо за твой труд, Димыч :)
Иду дальше :)
Wait indicator круто, спасибо! React Redux Preloader
Большое реактивное спасибо, Димыч!
У меня на работе сайт есть, и я разговаривал с проектором этого сайта, и прям почувствовал свои знания, я смог доказать что на react сайт будет быстрей работать) Спасибо Димыч)))
Братан, спасибо тебе большое. Ты лучший Preloader, loader-gif, isFetching indication
Перед просмотром нового видео сначала лайк и коммент)
вжух вжух самураи!
Спасибо Димыч!! Летим дальше!!!
Димыч, красавчик. Бомбим Реакт и только Реакт!!
Сделал лоадер самостоятельно ещё перед предыдущим уроком, конечно с соблюдением всех принципов и архитектур, как знал)) Кстати на Loader.io ты просто выбрал платный экземпляр, там также много бесплатных, спасибо за уроки!
Большое спасибо за урок! )