51 - React JS практика - Users API
Вставка
- Опубліковано 25 кві 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
#restapi #reactjs #практика #примеры #уроки #курс
![ЛЕБЕДЕВ у ДУДЯ: муху не обманешь 😁 [Пародия]](http://i.ytimg.com/vi/E74h5fvVrqs/mqdefault.jpg)
Те самураи которые уже прошли пол пути достойны видеть Димыча ; )
так сказать перешли на одну степень выше
Достойны узреть своего сэнсэя! Фух фух!
Внатуре)
если кто не знал "npm install axios", одно из первых заклинаний которые изучал Альбус Дамблдор
Говорят в книге дневнике принца полукровки было заклинание ,,npm i axios,, )
Решил тоже оставить отзыв. Работаю версталой уже 3 года. Могу сверстать все что угодно, как угодно - слоника в макаке, кубик в кружочке, любые состояние. Спустя два года верстки понял, что надо двигаться дальше. Пошел по жесткому пути самообучения JS. Учился по learnjavascript справочнику. Это было настолько сухо, что я как-будто целый год песка себе в рот насыпал от такой сухой документации.
Научился, знаю большинство возможностей языка. Решил, что надо положить что-то поверх этих знаний. Случайно наткнулся на твой плейлист по реакту. Вот это бомбезно! Просто обалденно объясняешь(мне бы такие уроки во время изучения нативного языка...). Твои уроки идеально легли поверх моих знаний верстки и JS. Дотошно, с юморком, повторяя несколько раз, так, что даже такому тугоумному как я, все понятно с первого раза. Каждый твой практический урок я перезатираю и пишу по своему, но с применением тех знаний что получил из видео.
В общем молодец ты и спасибо тебе большое!
С версткой на фрилансе работал? Мало выходит?
@@Mamikonars Не работал, а работаю. В офисе, в достаточно крупной компании. Касательно денег - нет, по деньгам все нормально. Желание учить новое не связано с деньгами, мне просто нравится процесс. Если смогу найти работу как реакт-разработчик, что ж, значит это будет неплохим бонусом в виде повышения зарплаты :)
а слабо слоника в кубике????
codepen.io/Mamboleoo/full/oxaXdj/
Добрый день. Можете оставить почту или какие-нибудь другие контактные данные? Хотелось бы с вами проконсультироваться.
У кого дублируются пользователи, происходит это в редюсере users за счет конкатенации (склеивание - прибавление) массивов users, много ложных вариантов в комментах, типа отрубить React.strict.mode и другие. Это решается в 55 уроке на пагинации перезаписью массива, данными с сервера: строка: return { ...state, users: [...state.users, ...action.users] }, заменится return { ...state, users: action.users }. Все у Димыча под контролем. Let's go 2022
А как быть, если нужна не пагинация, а бесконечный скрол: чтобы рекорды дописывались, а не каждый раз отображались новые?
@@oleksandrakotenko2768 Пытаюсь в третий раз ответить - удаляются мои комментарии. 🤣🤣🤣 В общем событие scroll посмотри.
@@boris5164 Но вопрос не в событии scroll, а в конструкции return { ...state, users: action.users } - ведь таким образом всё будет каждый раз перетираться, а не добавяться в конец.
Вообще, я пока скролл отложила до лучших времён - тут надо или библиотеку или хуки применять.
Но чисто теоретически, от дублирующегося запроса эти изменения в редьюсере не помогут - запрос так и будет идти дважды, просто мы используем костыль при отрисовке. Как я это вижу
@@oleksandrakotenko2768 Я бы не назвал это костыль, скорее вариации на тему. И в этом нет ничего страшного, сам запрос к API формируется в контейнерной компоненте - указываем сколько узверей нам надо - по умолчанию взял скажем с сервера 10 -> событие scroll - > запросили 20 (обновили целиком state.users, так и так происходит rerender) я к тому что можно реализовать и так ...state, users: [...state.users, ...action.users] . Но тогда надо правильно настроить работу контейнерной компоненты с запросами к API. А вообще Димыч еще не одну сотню раз повторит "жизненный цикл компонент". Это про перерендер лишний и тд. Например очень помогает react-lifecycle-methods-diagram (прости, ссылку не могу прилепить, удаляют)
Спасибо, долго думал в чем проблема!!
кто поставил дизлайк тот грязная функция
Диспач ему в редюсер!!
их всего лишь пятеро ))))
или тот кусок html-ля)))))))))))
Компонента )
...тот
< Tupaya />
На 46-49 уроках был пройден первый пик сложности! Сейчас легче.
До этого урока дошли не все, а дальше еще меньше.
Спасибо за уроки! Приятно видеть тебя в уроке!
Я дошел) Несмотря на войну и то что пришлось покинуть родной дом(
@@evgeniymartynenko102 я тоже, бро
@@evgeniymartynenko102 @Losanto Mackenzie держитесь ребята! тоже дом пришлось покинуть, оставил два кота, жену и малую 6 мес. Кое как все равно стараюсь не сливаться и долбить код
Димыч научил меня любить ошибки. Ведь ошибка - лишняя возможность покопаться в проекте и самому дойти до её решения. Удивительный мир IT
Есть бага с аксисом, сейчас актуально так писать: import axios from 'axios'
Спасибо
2024 - ваш комментарий помог, спасибо
@@NK-xz2tm кодируй в WebStorm он сам прописывает импорты
Долго ждал этого выпуска! Социальная сеть уже потихоньку делается красивой и функциональной! Спасибо, бомбим дальше!!!!
Полчаса пролетели как мгновение, визуал Димыча еще на порядок поднимает энергетический заряд урока! Спасибо, с нетерпением ждем продолжения вкусных тем ))
Наконец- то потянули данные с сервака! Давно этого ждал! Дмитрий лучший! Всем удачи!
Спасибо тебе за твои труды. Обьяснения по-лучше, не сыскать.... да и после твоих обьяснений уже и не требуется ничего искать -все и так понятно) Огромное тебе спасибище)
Димыч, круто, что мы теперь видим и тебя, а не только код))) Отличные уроки, спасибо огромное!
Лучший курс по React Redux! Сейчас вообще все понятно) не терпится смотреть дальше) Ты самый крутой, Димыч!!!
Очень круто с вебкой!Это один с немногих видосов,который мне прям очень зашёл.
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
Кайфанула от видео и всего,что сделала! Как мне все это нравится!!! СПАСИБО за крутые уроки,Димıыч!
Спасибо огромное, буду рад поддержать тебя и то что ты делаешь!
Трудящийся достоин пропитания, а Димыч донатика и респекта за обучение!
Все действительно очень просто, когда рядом с нами Димыч🔥😁👍Огромное Спасибо тебе)))))
Ребят, я уже работаю. Все что даёт Дима и есть на работе. Более объемно. Я так ему благодарна... подписка в ютубе оформлена навсегда. Этот человек изменил мою жизнь!
Вы до конца прошли этот плейлист, чтоб устроитсья на работу?
@@MrSlipknot334 да. до 120 урока. и плюс я учусь в универе на информатике.
Thanks!
The best lessons of React & Redux!!!
React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props
Вот и лучший курс по React подъехал .Большое спасибо.
Спасибо Димыч, не боюсь новых уроков потому что ты классно и постепенно подаешь информацию, причем разжевываешь ее.Курс очень хороший.Спасибо!
Спасибо, Димыч! Урок посмотрел, конспект сделал, лайк поставил, теперь займусь кодом!
Здорово, что тебя стало видно!
React Redux. AJAX запросы, API, REST API
Супер крутые уроки по React js, как всегда the best!!!
Офигенно, всё получилось.Дима спасибо!!!Теперь ощущение,что ты офлайн преподаешь👍
Поработали с серверным API, написали запросы за данными о пользователях для нашего React-приложения, спасибо за урок!)
Благодаря рекомендованному в прошлом видео плейлисту по ajax запросам, этот урок ваще на из прошел. В очередной раз спасибо!
как бы там ни было с реактом у меня, когда будет первая зп где-то, я задоначу с первой же. такой курс предоставить бесплатно - это геройский поступок. шлю тебе энергетический поток благодарности и добра
Очень крутой видос! уже попонятней.. спасибо за урок! чувствую уже уверенность на счет информации и понимания архитектуры)
Лучшие уроки по Реакт!!!Спасибо огромное!!
Димыч всё круто! Всегда снимай в таком формате) и наконец-то я задоначу в проект
Спасибо за очередной классный урок по React Redux!!!
Это лучший курс по React!
только начал смотреть,увидел тебя , услышал что будешь мотивировать и сразу стало спокойно на душе и я заулыбался)))))спасибо!!!!!
Видео стало намного приятнее, когда тебя видно и ты объясняешь! Так понятнее
Спасибо, получилось, но чувствую себя немного неуверенно пока, до этого все ДЗ делал сам, все казалось не таким сложным. Понимания до этого момента, благодаря твоему курсу, на высоте :)
Курс супер крутой получился
Не хочется его бросать
Огромная благодарность автору
Димыч ты красава, приятно смотреть на тебя, спасибо за инфу, энергетику и удачи тебе в дальнейшем!!!
Рад видеть тебя!) Спасибо)
Димыч красава! Лайк за рестайл!!! Спасибо огромное за твой труд! Смотрю дальше!
спасибо Димыч за крутые уроки! Пол пути прошел, двигаюсь дальше
очень круто, что теперь подключена вебка, еще интереснее смотреть!)
Топчик!!! Кращі уроки по React Redux JS !!! Дякую!
Спасибо Димыч! Перешагнул половину курса, круто)
Лучший курс по React Redux. AJAX запросы, API, REST API.
Димыч, огромное тебе спасибо, что сделал мини-камеру в углу, чтоб обучение шло тет-а-тет. Это огромный минус всего образовательного контента по программированию, когда пялишься долгое время в экран с IDE. Если смотреть со стороны, то как будто ничего не происходит. А тут интерактив. Это очень круто, спасибо тебе!
Спасибо за твои труды! Иду дальше :)
Спасибо за инфу, всё как всегда очень круто!
Всё круто и понятно, иду дальше!
ОГРОМНАЯ ПРИ ОГРОМНАЯ БЛАГОДАРНОСТЬ ТЕБЕ ДИМЫЧ
Летим дальше! Спасибо
Все круто! Первый GET запрос на сервак! И мы счастливы!))))))
Спасибо Димыч, начинается настоящая магия )
Разгоняюсь с твоей помощью. Раньше смотрел видосы и не понимал, что я делаю. Теперь мне уже спокойней, постоянно приходит понимание. Спасибо Димыч!!!!!
//да да я
Лайк! Отличная тема, бомбим дальше!
Дмитрий привет! Всё получилось, решил проблемку с синтаксисом в SetUsersAC.
Запрос работает!
Проект поддержал! Бомби!
React JS практика - Users API
Спасибо, Димыч
Смотрю, учусь
самый лучший курс по Реакт и Редакс евер!
спасибо, Димыч!!! Ты доходчивее всех обьяснил эту тему!
Большое спасибо ! Классный урок !
Димыч ты лучший! Для меня самый интересный выпуск из 51))
Димыч, спасибо за курсы! React JS практика - Users API
2024-04-01 как приятно смотреть коротенькие уроки! только сегодня закончила с уроками по тудулисту в инкубаторе, куча информации по api, что текущее видео просто залетело, пару строк кода и готово =) #четверг #react #itincubator
Рад, что можно увидеть Димыча вживую. Создается эффект личного присутствия, и информация лучше усваивается.
Спасибо, все работает. Едем дальше. :-)
Начинается жара, спасибо!!)
Все получилось! Бомбим дальше
Два часа долбался с твоим сервером, пришлось написать свой на express. Все заработало, все круто!
Ура! Классно, что наконец есть окошко с Димычем
Спасибо за курс!
Круто Димыч очень, ты классный спикер, приятно смотреть и слушать :-)
17.04.24 Курс огонь огромное спасибо. В своё время учил c# с помощью курсов simpleCod - прекрасные курсы по чистому языку, но они не позволят приобрести навыки коммерческой разработки. А курсы Димыча реально имеют отношение к коммерческой разработке, да в 24 году уже часть стека по другому используются, но благодаря его курсу я уже параллельно клепаю проекты на React хоть и атсурсно. А все остальные курсы там теория и написание калькулятора. Так что огромное спасибо Димычу.до 51 урока дошёл за 2 недели
Димыч спасибо тебе огромное за твой труд.. Изучаю сам все актуально четко.. обязательно после предварительной подготовки запишусь тебе на курсы... Дай Бог тебе успехов во всех проектах!
у тебя нормально работает API Димыча?
@@filmsgood1865 да но я только на 50 уроке запрос по юзерам идёт
отлично! спасибо за урок
Спасибо за Ваш труд!
React tutorials, React REST API, The Best React courses in Russian, the Most powerful React REST API video. Димыч, спасибо. Хорошее видео! С физиономией лучше, еще более эмоционально и драйвовее получается!
Спасибо за урок!
Очень доступный и понятный урок.Красава!
Все получилось, бомбим дальше)
Самый лучший курс по react ! Спасибо Димыч!
++
React
Redux
Users API
курс React
разметка
Спасибо за урок :)
запросы получились, бомбим дальше. React Димыча -лучший!!
шаг за шагом, урок за уроком к финишу. хотя по факту это только начало. спасибо за урок
Супер, спасибо!
Спасибо за уроки
Спасибо, все четко и понятно)
Спасибо, круто! Все получилось.
Спасибо за урок))
Рад тебя видеть ))
Мой первый удачный API call via axios (React js) запрос на сервак, Спасибо, Димыч!
Алекс, жги!!!
@@ITKAMASUTRA подскажите подж-ста какой http нужно написать ?
Курс очень хороший.Спасибо!!!!
spasibo za urok - React JS практика - Users API
Спасибо огромное Димыч, ты крут!)
Просто о сложном. Огонь))
Запросы на сервер, API, react, get запросы
Супер, Димыч!
react js, users api
Дімич, шо я хотів сказать. ти просто МЄГА КРУТИЙ чувак, дякую тобі величезне за твій здоровенний труд!!! Почав дивитись твої відоси ще з JS, тепер цей курс, це просто взрив башки))) Ти розбудив в мені мрію дитинства, коли я ще в років 12 пробував зробити свій перший сайт, але нажаль не вистачило розуму, чи пинка під сраку щоб йти по цьому шляху до сьогодні. Але ТИ, ти знову нагадав мені про IT, хоча в той час я називав цю сферу просто-комп'ютерщік, і я її 1000000000000000% доведу до кінця, і стану самураєм завдяки тобі.
Блін, я впевнений, що ти точно ввійдеш в історію як самий обєзбашений чувак, який зробив мільйони людей щасливими)))
Дякую, дякую, дякую. Мільйони тобі підписників, і стільки ж донатів...
І ще, прошу вибачення, що не віздє ставлю лайки, і залишаю комєнти. Полюбому виправлю все як приїду з заробіток, я скачав всі твої відоси і хєрачу React сидячи в кабіні вантажівки...
Ще раз дякую.
Спасибо за фидбек, самурай! Успехов в обучении и в бою! Летим 🚀
Все супер! Бомбим! Вжух-вжух-вжух!!!
Спасибо за урок!)
Спасибо за видео!