#5: React Sneakers - создаем простой интернет-магазин (junior)

[@MtChannel6wee]

На 2:09:00 используется 6 версия роутинга и правильная запись будет такая (в App.js): " " , также надо изменить import, добавить "Routes": import { Route, Routes } from "react-router-dom"; P.s для тех кто делает сейчас

[@tymofiipoberezhnyi6093]

Cпасибо тебе огромное!

[@NayroTV]

спс чел, вроде знаю но забываю что то ))

[@true227]

Дополню: начиная с 6 версии реакт роутер exact не надо указывать, он вшит по умолчанию теперь. Route здесь можно делать самозакрывающимся, т.е. одинарным. Еще у меня были ошибки при импорте Home в App, пишет что еще есть файл home , но его нет. Если изменить разрешение файла с jsx на js ошибка пропадает, но пока не знаю будут ли с этим проблемы в дальнейшем:)

[@ДенисШиринкин-у1ь]

Можно использовать ту версию, которую использует автор и не париться

[@lavrentiyrubtsov551]

@@true227 можно делать самозакрывающимся, а если не самозакрывающийся то можно ли так же как в видео? или обязательно теперь в element нужно компонент передавать?

[@tatianaagapkina8658]

Мне тааак нравится, как ты объясняешь! Отдельный кайф, что это все на базе красивого эстетичного дизайна. Бриллиант, а не курс. Лайк, подписка!

[@NayroTV]

@Archakov Blog таймкоды 17:00 key объяснение 00:00 делаем поиск 30:45 Контролируемый инпут 37:37 не Контролируемый инпут 42:00 фильтрация и toLowerCase 44:20 при добавлении в корзину мы сохраняем в mockapi 48:35 axios 51:50 зачем вот это передавать в бэк? 54:50 ораааал ахахха взлом века! 55:30 отображение в корзине из бд 59:05 удаление из корзины из бд 1:05:00 вёрстка пустой корзины 1:07:30 условный рендер 1:17:25 удаление из бэка содержимое корзины 1:14:00 итоги и что будем делять 1:14:48 ДЕЛАЕМ сохранение закладок 1:17:22 сохранять все закладки в массив закладок 1:42:08 react router dom 2:00:33 react router dom закончили объяснять 2:10:45 страница закладок 2:13:50 рендер фаворитов 2:40:10 в общем конец трансляции ну там далее объясняется jq нужен кому или не нужен или там чат и тп и тд

[@veronikas.1347]

Стыдно стало за таких "умников", которые вкидывали дичь. Это типа сам нихрена полезного не делаю, так и другим буду мешать. А вы большой молодец и делаете хорошее дело! П.С. если есть возможность немного приглушить звук клавиатуры - будет супер)

[@alexbork8659]

Это лучший канал по REACT ...... !!!!!! Ничего подобного я нигде не видел !!!!! СУПЕР ........... !!!!!!!!!!!!

[@gribashov8315]

Обидно, что появились такие челы, которые все время срывали урок. Самому неприятно стало, а сам mockAPI показался очень удобным

[@sempregiovane1]

настоящие сыны шлюх они

[@clojure_sith]

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

[@ArchakovBlog]

Спасибо за фидбек!) Поздравляю с работой 💪🏻

[@JesseJames-mh5kb]

Мега-понятно все объясняешь. Лучший из всех преподов, что я видел

[@СветланаАндреевна-х8р]

Спасибо за понятные уроки для джунов! лучший.

[@Evgeny..]

react js, интернет магазин, отличное видео. Спасибо за урок!

[@Jest_Zloi_Voli]

Спасибо тебе дорогой! Титанический труд прикладываешь!

[@triumphant5912]

Печально что есть такие люди, брат красавчик) Дел рез хийл)

[@yurizhdanov]

@ Archakov Blog спасибо за урок, доступно объясняете. По поводу мата - полностью поддерживаю вашу позицию, не опускайтесь до подъездного уровня Лебедева, оно того не стоит, и у вас отличная аудитория пусть пока меньше но намного качественнее

[@АлександрБабенков-д8э]

Очень хороший курс . Очень подробно все рассказываеться , спасибо .Очень круто

[@kb0396]

Какой кайфовый курс! Спасибо!

[@serg-k]

так сделал 1:50:00 1 в индекс.жс обернуть апп BrowserRouter 2 и в апп можно сделать так проимпортить не забудь

[@argentum2521]

когда обернул browserRouter, то терминал пишет , что browserrouter is not defined. подскажи пожалуйста, или скинь пж код в index.js

[@serg-k]

@@argentum2521 ну а вы его банально вызвали ? импортировали ? дебажте смотрите что не так, разбивайте на маленькие части, /* скрывайте код */ что бы быть уверенным в том что он все ломает и копайтесь, в этом весь прикол

[@Artemtricks540]

​короч, в index - делаем все как автор сказал, в апп делаем все как написал Сергей, только еще импорт прикручиваем import { Routes, Route} from "react-router-dom"; далее делаем как автор говорит)

[@ShoTHIk]

Кстати, компонент Switch, который мы вытаскивали из реакт-роутер-дом уже не актуален(вернее актуален только для версий роутер дом ниже 6ой). Вместо него прописывал Routes. Дальше компонент upd: Код выше касается новой версии реакт роутер дом 6.0 и выше.

[@nickkeller9314]

Тоже вчера это обнаружил) и кстати забавно, что он роуты в Switch не обернул, и у него работает все тем не менее)

[@ShoTHIk]

@@nickkeller9314 видимо, у него версия роутера ниже 6ой установилась. Видеозаписи то уже больше чем полгода, роутер с того момента обновился, наверное, как и сам реакт собственно.

[@hilarion_aggey]

А как исправить эту ошибку, как правильнее прописать, чтобы всё заработало снова?

[@ShoTHIk]

@@hilarion_aggey я ж написал код выше. Если версия роутера 6.0 и больше, то вместо Switch пишеш Routes. Дальше пишеш

[@hilarion_aggey]

@@ShoTHIk А, точно, спасибо)

[@semeteyboronbaev6184]

Человек сидит старается донести так чётко до нас всё что надо знать для Junior разработчика, а там чел передаёт в axios объект с названием хуита, ну не делай так а, просто стыдно так, что до сих пор существуют такие люди как ты

[@void6237]

Один раз может быть еще смешно, но дальше это очень мешает

[@max_wbw]

Отдельная благодарочка за mokky 👍

[@sentirpasseul1527]

У кого ошибка на 40:49 где делаем фильтр для поиска. У меня было неправильно указано название переменной. У меня в объекте items хранится переменная под названием "name" - то есть это ключ, у которого в значении хранится название товара. Необходимо в фильтре написать не item.title.includes, а item.name.includes (Потому что на бэке у нас есть name в json-объекте items, а не title)

[@СарварМахаматрахимов]

пасиб 20 минут сидел и не понимал

[@azamumarov182]

АХАХАХАХАХ БОЖЕЕЕ такая глупая и очевидная ошибка, чел спасибо, сидел голову ломал

[@gamergamer.8893]

Огромное спасибо

[@clojure_sith]

Столкнулся с проблемой, что при фильтрации айтемов перестают показываться вообще какие-либо элементы на странице. Это происходило, когда я в сразу прописывал все аргументы для Home: (items, searchValue, onChangeSearchInput и пр). Потом я попробовал передать все в классическом виде пропсами (props) и при вызове вручную писал: props.items, props.onAddToCart. Мне помогло. Решение не лучшее, но если по-другому не получается, как вариант можно использовать.

[@serhiishm]

Тоже была эта ошибка, просто не поставил фигурные скобки { } в аргументах HOME

[@siriusvelikolepniy5188]

Человечище такой контент делает, а вы... Спасибо за уроки

[@coldshein1111]

Очень понятно все объясняешь, отличный кантэнт!!!

[@SHIRZA1]

БаракаЛлах брат, Спасибо огромное за труд брат👍🏿👍🏿👍🏿👍🏿👍🏿👍🏿👍🏿

[@vagiz]

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

[@kenanhaciyev3759]

Спасибо, четкие уроки

[@skirrsolo4077]

Решение проблемы Error: [Home] is not a Route component. All component children of Routes must be a Route or Fragment :

[@timetorok]

Спасибо!😉

[@МаксимСоловьев-с9н]

еще import {Routes, Route} from 'react-router-dom';

[@ДенисНоркин-ю5в]

Корзину можно зафиксировать .overlay {position: fixed;}

[@igorsenichev3779]

спасибо, но тогда возникает проблема, что если в корзине больше 8 кросовок, то кнопка с ценой и процентом пропадают внизу и до них скролл не доходит, пока не удалишь несколько кросовок... А без fixed товары выезжают за пределы ))))

[@lidijajezova2025]

@@igorsenichev3779 можно сделать скролл на список

[@ivanavlasevich9005]

@@lidijajezova2025 самое интересное, что скролл раньше был :D

[@kristinag1513]

Для чего мы добавили await в методе onAddToFavorite? понимаю, что там какой то рассинхрон по порядковым номерам айдишников, но не могу понять где именно он

[@ТалантАсанкулов-ы2м]

Привует !)) хочу записаться на твой курс. Как записаться ?

[@simonsyoutube2003]

Дошел до середины урока понял что mockapi уже немогу использовать из за лимита баз, теперь как быть не знаю)

[@kapusta9999]

Создаешь новый аккаунт и туда новую ветку) я так сделал все работает

[@simonsyoutube2003]

@@kapusta9999 гениально) спасибо!

[@JackShepards]

2:00:00 В новой версии ругается. Нужно сделать так

[@SmallWish]

Теперь дичь какая-то, очень неудобно

[@МаксимСоловьев-с9н]

еще import {Routes, Route} from 'react-router-dom';

[@argentum2521]

эххх. чтобы создать 3 ресурс в mockApi favorite, то надо купить подписку. а подписку через российскую карту нельзя купить

[@jr-fb5lo]

json server ставьте, очень легко это делается и функционал такой же, но без ограничений

[@user-qi8dt2lw2n]

я сделал проще, создал еще акк через гугл акк и просто туда добавил favorite

[@rdncry9213]

Спасибо большое за труд, ты крут!) Возникла непонятная ошибка при подключении axios: если добавить в корзину более чем 1 объект, то при удалении одного из них выдаёт ошибку 404 и корзина одним кликом очищается полностью, хотя на сервере все объекты на месте. Если объект в корзине всего один, то работает как надо. При обновлении страницы корзина снова полная. То ли mockAPI не справляется, то ли я не знаю... Через fetch всё работало нормально. Кто-нибудь с таким сталкивался?

[@Tony-kd3ko]

Дружище, проблему решил?)) Я уже битый день страдаю))))

[@АлександрСмирнов-ь8ю5х]

@@Tony-kd3ko такая же проблема)

[@adammunaev6340]

у меня если добавить товар и не обновляя сайт сразу попытаться удалить товар, то в mockApi вместо id передается undefined

[@АлександрСмирнов-ь8ю5х]

@@adammunaev6340 да, у меня тоже самое Думаю у всех также, в туториале он пробует удалять элементы только после обновления страницы

[@Mtbker-hn7ci]

@@АлександрСмирнов-ь8ю5х При добавлении пары кроссовок в корзину мы передаем объект без id, тк id нам выдаем mockApi. При обновлении страницы мы получаем массив объектов наших кроссовок в корзине с id-шниками. Чтобы удаление работало при добавлении кроссовок в корзину мы сразу в массив должны записывать id, но как его получать я пока не понял.

[@druf5962]

53:57 Я удалил позиции из схемы с мокапи, но у меня всеравно при методе пост появляется изуродованный массив. Мокапи по умолчанию вставляет айдишники везде. Как сделать что бы строго тот массив что я пощу оставался в базе, без изменений?

[@EvilYou]

От id никак не избавиться. Я просто использую свой айдишник (сделал еще одно свойство - itemId).

[@ppolqx1487]

Привет у меня такая проблема что у меня не показывают карточки , эта проблема началась что при клике добавлялось в кoрзину ,все норм работает ошибок нету mockapi чекал там тоже все норм можете подсказать в чем проблема?

[@umalishonuy7977]

У меня как то неправильно работает удаление айтемов с корзины, когда кликаешь на крестик, то вместо id в ссылку для метода delete передается undefined, а если обновить страницу то начинает нормально работать, и удалять элементы с мокапи. Через несколько сек опять перестает, почему так хз((((

[@mrMettadon]

У меня тоже самое. Получилось пофиксить?

[@umalishonuy7977]

@@mrMettadon продолжай смотреть уроки, он потом вернется к этому вопросу)

[@mrMettadon]

@@umalishonuy7977 понял, спасибо)

[@ShoTHIk]

Та же фигня. Думаю тут проблема с мокАпи, а именно настройка endpoint. Еще не смотрел как решили проблему, колупал сам её, но безуспешно. Пытался играться с шаблонами входящего JSON, дефолтный Object ID переименовывал в индекс, а как входящим параметром передавал свой айди, но при удалении потом пишет ошибку удаления по индексу 10 (индекс я сделал чтоб начинался не с 1 а с 10),- undefined индекс, даже после перезагрузки страницы, хотя реально он (айди) там есть, просто загвоздка в эндпоинте, я думаю. Буду смотреть как Арчи справился) upd: посмотрел. проблема решается с помощью async/await. мог бы и сам догадаться :(

[@SHIRZA1]

@Umalishonuy А у вас не ломался overflow: auto; на корзине, там скролл исчез, и никак не получается обратно предцепить, хоть даже не трогал, родительские элементы проверял с ними всё нормально

[@nadiiabeskurskaya8233]

чтобы верстка не ломалась, используйте react fragments ..... вместо div'ов. При рендере они исчезают и верстка не нарушается

[@Stanislav-d5j]

Спасибо!

[@atlasua2021]

За видео лайк!

[@atlasua2021]

Для тех кто делает карточки со своим генерированным ID. 1. Создайте состояние "счетчик". 2. В функции "добавления в корзину", к счетчику, прибавляйте +1. 3. В функции "добавление в корзину", замените значение "ID" на значение "счетчик". 4. В функции "удалить из корзины", просто удалите карту по ID и запрос так же по ID. 5. И обязательно! Если в функции "удалить из корзины", удаляемое ID совпадает с ID последнего элемента "корзины", отнимите счетчик -1! 6. Если корзина пуска, обнулите счетчик. Так как автору п***й и он пользуется индексом в map, пользуйтесь.

[@ИсламХасуев-ъ3и]

Откуда достать исходники?Нуу корзину, которую он вставлял, не мог найти в телеге

[@INTTable]

сам бы сверстал

[@fatale2ror55]

на гите, ссылка в телеге

[@yurizhdanov]

спасибо за знания!

[@АняАвдей-о9б]

@Archakov Blog :"Cannot read property 'toLowerCase' of undefined". как пофиксить на 1:10:12. ??

[@vladisalvsandrozd9891]

Скинь фрагмент кода, помогу

[@vladisalvsandrozd9891]

Скорее всего ты title не получила, поэтому и ругается, мол "undefined"

[@nikolaytydir2203]

надо добавить в начало "import React from 'react';"

[@Zeka1710]

Кто-то решил эту проблему?

[@nikolaytydir2203]

@@Zeka1710 выше ж написал что надо

[@creese85]

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

[@ДмитрийА-э6н]

У кого с axios запросами стали возникать вопросы, как решили проблему? Стоит что-то добавить/удалить сразу ошибка

[@ayyorgames]

где тайм коды ? (

[@Divanniy.Trader]

ВЗЛЕТАЕЕЕЕЕМ !!)))

[@lifego4692]

Не подскажете, почему при нажатии на удаление только одного элемента из корзина сразу удаляются все?

[@Дмитро-в7э]

@Archakov Blog

[@void6237]

Решение: Вот код на будущее тем, кто столкнется с такой проблемой axios.post("ссылка на mockAPI", obj).then(res =>setCartItems(prev => [...prev, res.data])) Таким образом мы записываем не наш массив с новым объектом, а ответ с mockApi, где уже есть id

[@void6237]

Это если что я взял у другого человека

[@RomanovDm]

Я не знаю на сколько это актуально будет, но ты мог бы присвоить ссылки переменным и указывать их в запросе? так никто адресс не спалит, для следующих уроков

[@DeonDark33]

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

[@АнастасияСоловьева-ф6р]

Расширение JSON Formatter, скачиваешь, и оно автоматически форматирует

[@Murzabekov555]

что делать если выходит ошибка (Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase') )?

[@temamx]

Красавчик

[@kanyshaiosmonova2008]

Thank you very much

[@andriireverchuk1993]

Привет, вот ты рассказываешь о том что якобы стал поздно тимлидом в 26, мне 26 я только учусь и смотрю твои ролики и тимлид для меня что то нереальное, начал искать работу боюсь идти на собеседование . Ах да курс классный спасибо!

[@fatale2ror55]

Мне вообще 29, много раз брался что то учить, много раз прыгал на другие языки или сферы. Только последние полгода на фронте остановился и ничего не хочется другого. Жаль конечно, что столько времени потеряно на всякую дичь. Кто моложе прочитает, не тупите, лучше щас постараться, чтобы потом не жалеть

[@майнкрафт-к2и]

@@fatale2ror55 А мне вообще 35 и я не унываю!)))Верю в хорошее будущее!))

[@РустамАетбаев-р4к]

38...

[@svetlanaganzha78]

45)))

[@UchimVmeste.]

@@svetlanaganzha7837 лет , начал 3 года назад

[@LizzyBrio]

Спасибо большое, что не материшься)

[@zizawer1446]

А есть ответ на то что почему React подгружает с сервака по два раза items и favorites хоть и сделано все через useEffect. Из за чего один и тот же items грузится дважды. ps. был бы очень признателен за ответ или хоть какой то совет.

[@ArchakovBlog]

Удали из index.js StrictMode

[@zizawer1446]

@@ArchakovBlog it's work!! //спасибо большое

[@mst9301]

@@zizawer1446 мне не помогло , в корзину добавляется нормально и в массив тоже item, а вот закладки добавляется по 2 штуки и в массив favorites тоже по 2 штуки

[@РоманОрел-ш1ш]

Большое спасибо за отсутствие мата!!! Это к вопросу на 2:50 (почему не материшся?)

[@notoxickekw]

Подскажите пожалуйста, проблема с избранными. В mock API не отображаются товары при добавлении. следовательно и на самом сайте также. ссылка верная, код также. Открыл саму документацию mock API но там конечно же пусто. У кого то была такая проблема?

[@aaafff4533]

у меня вообще mockApi предлагает подписку, якобы у меня уже целых 2 проекта. Теперь не знаю что делать

[@UserDev12]

Такая же фигня при добавлении в корзину mockAPI не обновляет данные и получается вместо id приходит undefined и все карточки в корзине разом удаляются.

[@didikha]

@@aaafff4533то же самое( решил проблему?

[@aaafff4533]

@@didikha да просто создал второй аккаунт и с ним работал

[@oleksiik4473]

Работаю верстальщиком, и да согласен vue проще, но увы рынок хочет react, думаю что vue просто не хватает хайпа.

[@SNSDfOu]

а почему чатик отключен (((((

[@marymin7813]

1:06:01 - верстка пустой корзины

[@jamjam3337]

👍

[@YulVilaya]

вы сказали сделали это проект на vue 3? было бы здорово увидеть этот проект тоже

[@SNSDfOu]

на гитхабе есть

[@Rehobam]

братва зарегайтесь со 2 акк и там создайте favorites

[@alexeyfilippov42]

мм в новой версии router'а все немного иначе, пытаюсь разобраться

[@alishukov5555]

🔥🔥

[@godaylor]

у меня короче мини-тильт, мокапи создали ограничения на ветки в их бд, и теперь чтобы сделать favorites, они просят, чтобы я ввёл карточку, с которой спишутся денюшки *плак-плак*

[@godaylor]

а новый (второй) проект в мокапи тоже нельзя сделать. You have reached project/resource limit for a free plan.)))))))))))))). придется другую бд использовать. но будет мне как дз, а то я всё 1 в 1 по твоему уроку делаю) ладно-ладно, я всё равно планирую по итогу сайт под себя переделать, как минимум тёмным, а тут еще все фотки светлые

[@sashayakimov6]

@@godaylor Я зарегал новый аккаунт и там добавил уже favorites

[@godaylor]

@@sashayakimov6 красава

[@godaylor]

@@sashayakimov6 от души бро

[@KravchenkoDev]

У разных людей по идее будут одинаковое содержание корзины, так ведь?

[@YulVilaya]

подскажите , а в каком уроке мы сделали скролл в корзине? у меня почему то нет скролла 48:25

[@Чиф-б3й]

в css пропиши overflow: auto;

[@ermekergazin811]

У кого react Dom router тоже не работает?

[@SNSDfOu]

там обнова вышла

[@YulVilaya]

мне почему - то axios автоматически не создал id

[@Penguih-k4p]

Может я неправильно понял, но смысл использовать mockapi для корзины и избранного? По логике они ж у всех пользователей будут одинаковыми, так что лучше использовать локалхост?

[@ArchakovBlog]

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

[@Penguih-k4p]

@@ArchakovBlog понял, спасибо, я у себя уже на локелсервере сделал, тоже интересно получилось)

[@КамильМиникеев-ю4д]

А как после удаления из корзины товара менять зеленую галочку на карточке товара на иконку плюса обратно?

[@КамильМиникеев-ю4д]

в 6 уроке это сделаем, ок)

[@andriizatsepin6137]

Для тех, у кого возникли проблемы с react-router-dom, как решение, можно в документе package.json найти этот npm пакет и прописать насильно версию, какую нужно использовать - "react-router-dom": "^5.2.0" Полтора часа крутил, вертел новый react-router-dom 6-й версии и никак не понял, как оно работает.

[@ИванИванов-й2в3у]

Привет, просто прописать в package.json и все?

[@andriizatsepin6137]

@@ИванИванов-й2в3у я прописал и потом запустил npm install. но вот щас делаю пиццу, установил 6 версию react-router и решил разобраться. В целом, несложно при наличии документации.

[@Ибрагим-вввв09]

👍👍👍👍👍👍👍👍👍👍

[@aktotuttttt]

А как вместо index что-то умное передать? Что например? Какой key?

[@VladymyrDiukarev-o2o]

если есть какое-то уникальное значение объекта, то передаёшь его. Например если у каждого объекта свои id, то передаёшь key={obj.id}. Если уникального ниче нет то индекс, но это при условии что ты не будешь никак менять массив объектов в будущем.

[@nikolaytydir2203]

есть специальные npm пакеты для ключей, которые генерируют уникальные ключи

[@nikolaytydir2203]

@@Paranoid_mp3 ю велком

[@ВладиславСергеевич-п6ж]

Спасибо за уроки. Можешь сделать Пиццу и Кроссовки на Vue 3, а для бэка использовать Firebase, чтобы и проще было и нагляднее? И вообще было бы хорошо делать и уроки по Vue :=)

[@nastasiya_pant]

Вылезла ошибка на 2:12:00, после создания компонента Home, "items. filter is not a function", хелпаните по-братски

[@Riku_dota]

как я понял ты передаешь в пропсы items функцию filter тогда тебе нужно посмотреть родительские компоненты. скорее всего где-то просто забыла добавить этот пропс

[@armann9]

Здравствуйте столкнулся с такой же проблемой, у вас получилось решить?

[@wispard]

та же самая ошибка...

[@wispard]

@@armann9 нашел решение, пропсы которые мы передаем в Home нужно обернуть в фигурные скобки { }

[@armann9]

@@wispard Спасибо помогло, но теперь сам Хоум не отображается почему то)))

[@svitoch_blockchain]

Жаль , что нет х3 (

[@БабкенГеворгян-ю9ю]

какая у тебя тема на vs code ?

[@andriizatsepin6137]

Moka - говорили в начале урока.

[@КириллМолев-д1м]

Подскажи название твоей темы vs code? Как пишется?

[@YuriLopata]

Mokka

[@Ибрагим-вввв09]

👍👍👍👍👍👍👍👍👍👍👍👍

[@lifego4692]

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

[@Host-Tach]

Из за того что роутер изменился за 2 года сложно разобраться новичку.

[@МихаилСабуров-ы1в]

Эх mockApi не разрешает создать 3 ресурс Закладки, пишет что превышен лимит

[@ArchakovBlog]

я разработал свой сервис, используй mokky.dev

[@МихаилСабуров-ы1в]

@@ArchakovBlog спасибо огромное. Ещё вопрос. Добавляю товары в корзину штук 6, начинаю удалять axios ругается ошибка 404. Если один товар то все норм. Что это может быть?

[@ArmTool]

@@ArchakovBlog не работает почему то

[@handyfrontend]

@@ArchakovBlog что то некст ошибку выдает

[@vovaorlovsky9419]

потому что мокапи айди свои прикручивает по порядку, а не айди товара, там проблема самого мокаки@@МихаилСабуров-ы1в

[@александрвовкодав-э3ф]

автор поясни почему у меня база данных на сайте обновляется тока после перезагрузки. в mock api она сразу добавляется а на сам сайт только после перезагрузки

[@ArchakovBlog]

Потому что ты должен написать соответствующий функционал, чтобы обновления подгружались по мере обновления данных

[@NivaiZRUS]

@@ArchakovBlog Можешь подсказать в каком направлении двигаться, чтобы это реализовать?)

[@pablo8896]

@@ArchakovBlog как это сделать?

[@dimka3628]

Хех, а я то думал почему некоторые страницы такие быстрые, вот оно где собака зарыта... А может мне кто-то объяснить почему все сайты в таком случае не на реакте с этим роутингом? xD лэндинги понимаю почему, они и так быстрые, а остальные?

[@arturogatti4462]

Он здесь id не правильно передает в корзину

[@Host-Tach]

54:34 у меня не создает автоматически id. До перезагрузки id не дается автоматически. У тебя там id а уменя undefined

[@alexsatm05]

У меня тоже была такая проблема. Нужно в базы данных items самому написать id, потом в Card при map передать id={item.id}, и в самом компоненте Card в пропсах написать id

[@Host-Tach]

@@alexsatm05 Но в видео он такого не делал. Я не понимаю почему он в видео не сталкивается с такой проблемой

[@Host-Tach]

@@alexsatm05 ты глянь на 54:20. У него не прописано id в пропсах

[@alexsatm05]

​​@@Host-Tach да я заметила, но эта видео было записано 2 года назад, наверно с тех пор что то изменилось

[@Host-Tach]

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

[@MskHeat]

React router неактуален, шестая версия вышла. Те у кого не получается не пугайтесь на ютубе есть обучение

[@РусланШпак-н1ш]

У меня проблема при удалении айтемов из корзины, при обновлении страницы все нормально работает, но если без обновления сначала добавить айтем в корзину, а потом попытаться его удалить ничего не получается, в консоли пишет, что не может найти айтем по айди, хотя в массиве он есть. Кто-то знает как это пофиксить?

[@НЕфартовый-с8б]

Пофиксил в итоге? У меня без обновления удаляются сразу все товары, потом обновляешь и товары снова в корзине, но уже корректно удаляет

[@РусланШпак-н1ш]

@@НЕфартовый-с8б да пофиксил, я просто забыл передать id в методе onPlus :)

[@Арсений-й5х3ы]

@@РусланШпак-н1ш друг,такая же проблема, подскажи пожалуйста,где именно ты забыл его передать в методе onPlus. Сам попробовал добавить,но ничего не изменилось,автор тоже id нигде не передаёт, насколько я вижу

[@Арсений-й5х3ы]

Всё,решил, в mockapi items добавил id. Но теперь вылазит ошибка к консоли,если удалять несколько одинаковых елементов. Однако по смыслу сайта,эта функция и не нужна,но то что ошибка в консоли- не приятно

[@di0kGG]

@@РусланШпак-н1ш а как передать подскажи пж все перепробовал не получается(

[@kova837]

items.filter is not a function кто то знает как решить эту проблему?

[@KhokhlovNikita]

Я пропсы, которые мы передаем в Home, обернул в фигурные скобки - в этом была ошибка. То есть, Home({items, searchValue, setSearchValue, onChangeSearchInput, onAddToFavorite, onAddToCart})

[@ПавелБулдачёв]

@@KhokhlovNikita Cпасибо тебе за ответ. Полдня ковырялся, а ответ как обычно на поверхности. Все время забываю про эти скобки

[@wispard]

@@KhokhlovNikita спасибо большое)

[@shazu3270]

В один момент автор начал просто копировать и вставлять код. В итоге мне пришлось дропать этот проект

[@anton-vr5xw]

топ

[@vladisalvsandrozd9891]

Есть тут пограммисты, кто пробовал реализовать проверку на наличие товар в корзине - отпишитесь) Если не делать проверку, то есть возможность добавить несколько одинаковых товаров, а при удалении получается что несколько товаров с одинаковым id и вылазит баг(

[@nikita00750]

Все удаляются по клику? У меня сейчас так

[@Человек-р9ц]

@@nikita00750 ну как? в будущем это пофиксим?

[@wispard]

Ребят,хелпаните, у меня ошибка item.title.toLowerCase(...).includes(...).map is not a function. Не знаю как решить её,может сталкивался кто с этим? UDP: проблему решил)

[@wispard]

@@oksana-l7c привет,было давно,но вроде проблема была в круглой скобке

[@mst9301]

если у вас проблема с удалением товаров и они удаляются все пока не перезагрузишь страницу то вот решения const onAddToCart = (obj) => { axios.post('тут своя ссылка на зопросс', obj) .then(res => setCartItems(prev => [...prev, res.data])) }

[@frominorchannel4452]

Ты-герой,я час ебался с этим багом и не мог пофиксить

[@mr.zxzxzxz3816]

ну шаришь красавчик!

[@ivanavlasevich9005]

ля, как ты меня спас, братка, спасибо. Искал ответ 3 часа хD

[@polivokser]

Спасибо большое!

[@larenes]

[@demptd13]

2022: Uncaught TypeError: items.filter is not a function

[@maxrazin2628]

Решил ?

[@demptd13]

@@maxrazin2628 да 😅

[@maxrazin2628]

@@demptd13 подскажи пожалуйста, а то я сижу уже часа два 😅

[@skirrsolo4077]

@@maxrazin2628 может скобки забыл. у меня так работает setCartItems((prev) => prev.filter((item) => item.id !== id));

[@demptd13]

@@maxrazin2628 уже точно не помню, но проблема была с моей стороны

[@bossmusa9075]

1:10:50

[@bossmusa9075]

2:02:14

[@itschoolnevotag7377]

43:13