спасибо за наглядное применение react и redux. Иногда есть не понимание использование какой либо логике. Было бы лучше если бы это объяснялось для чего\или почему так используется.
Хорошая практика, всё чётко и понятно, мне понравилось работать с toolkit, впервые попробовал. В целом скажу что этот практикум явно не для новичков, а для тех кто хоть немного шарит за реакт и редакс, многие недоучки по любому пишут коменты что мол, нет семантики, вёрстка отстой и прочее, душнилам скажу сразу, здесь максимально пох...на вёрстку и прочее, хотите верстать, смотрите уроки HTML/CSS, хотите быть прогером, учитесь писать BLL совместно с UI. Единственный минус в том что нет чёткого разделения на контейнерные и презентационные компоненты, а так всё классно👍🔥
Проект работает, всё повторила как на видео, она молодец. Не зря потратила время…. Я пересмотрела много работ программистов и поняла, что готова повторять и учиться у ней, у других уже нет смысла повторять по 9-12 часов, один проект. За 4 часа она показала работу, которая для начинающих программистов, необходима ❤
По импортам хочу подсказать. Привет) Если автоматически не вылазает подсказка когда импортируешь файл, то выдели название файла, что ты печатаешь, нажми ctr + space и по идее появится подсказка с автоимпортом. Может поможет и упростит работу ^^
Надеялся здесь найти реализацию фиксированной шапки при скроле страницы с использованием interseption observer. Почему то никто не хочет говорить по поводу этой темы. Типа пользователю чтобы начать поиск нужно обратно скролить до самого верха
Компоне́нта - составляющая чего-либо; термин, используемый в математике и физике; сфера употребления термина компонента у́же, чем слова компонент, и включает в себя только терминологические контексты. Компоне́нт (от лат. componens, род.п. componentis «составляющий») - составная часть, элемент чего-либо. В программировании - множество классов и языковых конструкций, объединенных по общему признаку, предназначенного для повторного использования и развёртывания.
Чтобы 'rafce' работал поставь расширение 'ES7 React/Redux/GraphQL/React-Native snippets'. Там еще много чего в нем, для автозаполнения. Скобки она убрала просто Alt+Shift+F...У меня стоит 'Prettier - Code formatter', он так же делает. Вернее я его поставил, после этого видоса). Еще он отступы лишние убирает и точки с запятой проставляет. Это все для VSC, для остальных не знаю)
Кто смотрит в начале 2024 года - API работает норм (если просто ввести в строку броузера), а при выводе на 49 минуте в sidebar ничего не выводит. При обычном console.log видно, что в console.log(list) приходит три раза - первые два пустой массив, и потом уже приходит массив обьектов категорий. Кто знает, как решить вопрос, чтобы эти пустые массивы не выводились?
тоже 3 раза приходит, пока не разобрался в чем проблема( list Array(0)length: 0[[Prototype]]: Array(0) history.ts:501 No routes matched location "/products/15" warning @ history.ts:501 Sidebar.jsx:12 list Array(0)length: 0[[Prototype]]: Array(0) Sidebar.jsx:12 list Array(6)
Ты конечно молодец, и спасибо тебе за видео урок. Но хотелось бы что бы все писалось в видео, в том числе и стили, если видео кажется слишком долгим то разделить на две( или более ) части
привки всем , а может кто сталкивался с ошибкой редукс Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers?
боже, как же вкусно КАК ЖЕ Я РАД ЧТО ЭТО НЕ ПОПУЛЯРНОЕ ВИДЕО))) потому что если это посмотрят все, то все станут умными, и будет ещё сложнее найти ворк
Привет, такой вопрос - только что всё работало, сейчас смотрю - в запрос getProducts прилетает всего штук 10-15 элементов и то неправильные и все одинаковые, т.е кто-то по удалял посты и добавил новые и то некорректно из-за чего ломается приложение, не знаешь это так и останется или через определенное время посты все данные в апи возвращаются в свое прежнее состояние??
Привіт! Відео ТОП!! Підкажи будь ласка на 25:14 хвилині не дуже зрозуміло як ти вставляєш svg зі sprite, які гарячі комбінації використовуєш ? поділись будь ласа
@@user-yf3yt6hp3e ну кстати, без шуток, я учусь с человеком, который не любит Front-end, но чтобы сделать свое портфолио, он его понял за неделю - 2 Использовал: Redux, ReactTS, Nest и много других букв, которых я честно ещё не знаю, могу ссылку на его репозиторий дать, там увидишь стэк
я год и больше училась React,JS,HTML,CSS,a вот теперь бросила, жалко конечно, столько труда, силы и ресурсов вложила🥲. Всем рекомендую сначала найти работу, потом начать учиться, потому что сейчас найти работу новичку почти нереально😏.🙏🙏🙏
Готовый код - github.com/tamkovich-yana/stuff
Макет - www.figma.com/file/7itpNsHVP5LPUpK4ENDYkv/Shop?node-id=0%3A1&t=i8nKSaWzeNTqTOnX-0
Документация API - fakeapi.platzi.com/en/rest/introduction
ёклмн, ты просто находка, у тебя столько годных гайдов, боже мой, как же я тебя раньше не видел.
Отлично, всегда жду твои видео
спасибо)
Спасибо за видео ! Ждем новых с реакт !
Спасибо за видос, это 100% жирный + в Вашу карму)))
Желаю успехов и добра:)
практическое применение реакта!!! это отлично, всегда лучше учиться на практике и с реальными примерами
Лайк, не глядя😎🔥
Спасибо ❤
Топчик! Спасибо!
Спасибо! только начал курс, но уже респект за yarn
Спасибо большое. Обязательно посмотрю 🤩🤩🤩
Благодарю, должно понравиться!
спасибо, буду ждать версию с Typescript-ом
SUPER👏
Математичный видос! Однозначно лайк + подписка 🔥
круто видео! было бы круто если еще можно было комментить свои действия, так как многое непонятно
Спасибо за видео) все получилось
Спасибо! Все получилось!
Ох ты 3 часа просто мое почтение
у тя все будет хорошо, обещаю. Продолжай)
Люблю умных людей. Спасибо за видео 🥰.Хочу так же быстро писать коды🙄...❤
Я сделал это! Спасибо за практику!
спасибо большое за урок!
чотко))) лови лайк от СЕООНЛИ!
1:27
"npx create..."
ебать, по-моему, в первый раз на ютубе сталкиваюсь с русскоговорящим разрабом, который знает алфавит. Только за это лайк бахнул))
Блин, ну что за милота :3
спасибо ☺
спасибо за наглядное применение react и redux. Иногда есть не понимание использование какой либо логике. Было бы лучше если бы это объяснялось для чего\или почему так используется.
вот ну круто же, все по полочкам 😀
вот что я скажу... на первый срок прежде чем смотреть поставлю сразу лайк) когда будет время смотрю ролик сначала и + коммент
Спасибо, подписался!
Спасибо за подписочку
Хорошая практика, всё чётко и понятно, мне понравилось работать с toolkit, впервые попробовал. В целом скажу что этот практикум явно не для новичков, а для тех кто хоть немного шарит за реакт и редакс, многие недоучки по любому пишут коменты что мол, нет семантики, вёрстка отстой и прочее, душнилам скажу сразу, здесь максимально пох...на вёрстку и прочее, хотите верстать, смотрите уроки HTML/CSS, хотите быть прогером, учитесь писать BLL совместно с UI. Единственный минус в том что нет чёткого разделения на контейнерные и презентационные компоненты, а так всё классно👍🔥
о как раз на днях тебя вспоминал) доделал с нуля твой макет с видео. как же я намучался с свайпером мм
только мучения нас сделают лучшими
Проект работает, всё повторила как на видео, она молодец.
Не зря потратила время…. Я пересмотрела много работ программистов и поняла, что готова повторять и учиться у ней, у других уже нет смысла повторять по 9-12 часов, один проект. За 4 часа она показала работу, которая для начинающих программистов, необходима ❤
А сколько времени у вас ушло на повтор этого проекта? я вот думаю тоже повторять все, у меня диплом 17 июня)))
Хорррошо
🤗
Наконец то долгожданное видео
Super
холосо)))
4 часа, кайф))
Наслаждайтесь
сколько раз кончил?)
@@boycovclub 13523 раза
По импортам хочу подсказать.
Привет) Если автоматически не вылазает подсказка когда импортируешь файл, то выдели название файла, что ты печатаешь, нажми ctr + space и по идее появится подсказка с автоимпортом. Может поможет и упростит работу ^^
Было здорово, чтобы я нифига не учил, а вы на работу вместо меня ходили.
Навеяло комментами😅
nice bro
👏👍
Добрый день,Скажите пожалуйста,сколько стоит сделать сайт интенет магазин с оптимезацией и совсем остальным и был первым когда забиваешь запрос
Надеялся здесь найти реализацию фиксированной шапки при скроле страницы с использованием interseption observer. Почему то никто не хочет говорить по поводу этой темы.
Типа пользователю чтобы начать поиск нужно обратно скролить до самого верха
В компоненте Poster.jsx указаны стили и но стилей для text и button нету
Привет,скажи пожалуйста,делали ли ты добавление товара в избранное?
{
"statusCode": 400,
"message": "Validation failed (numeric string is expected)",
"error": "Bad Request"
} что делать? данные не приходят.
Привет ✌️
В этом видео нет функционала, когда при заказе, продавцу приходит имеил со списком заказанного товара?
у меня какая-то хрень в категориях, касасы и маркосы, кто знает как убрать?
все круто, но почему-то у меня категорий не 5, а 35..🤔 как это пофиксить?
концовка топ
Не спойлери, я мотать не собираюсь
@@AntonioBenderas ок
@@narek1771 о, только заметил, аватарка ТОП! Wu-Tang foeva
Компоне́нта - составляющая чего-либо; термин, используемый в математике и физике; сфера употребления термина компонента у́же, чем слова компонент, и включает в себя только терминологические контексты. Компоне́нт (от лат. componens, род.п. componentis «составляющий») - составная часть, элемент чего-либо. В программировании - множество классов и языковых конструкций, объединенных по общему признаку, предназначенного для повторного использования и развёртывания.
Фигассе, какой контент, а я не готов ещё. React ещё не изучил
Самое время начать!
@@Tomkovich 100%
Информативно все как все таки React упрощает JS ...
тут корзина работает только в локальном стейте? Не идут данные на сервер?
Вопрос почему в ютубе на Vue нет сочных ярких проектов все какое то блеклое и пасмурное очень мало... одни какие то CRM и TODO
Можете объяснить как на 10:15 она с помощью rafce создает и потом сразу же как будто сжимает код чтобы скобки перед return исчезли
Чтобы 'rafce' работал поставь расширение 'ES7 React/Redux/GraphQL/React-Native snippets'. Там еще много чего в нем, для автозаполнения. Скобки она убрала просто Alt+Shift+F...У меня стоит 'Prettier - Code formatter', он так же делает. Вернее я его поставил, после этого видоса). Еще он отступы лишние убирает и точки с запятой проставляет. Это все для VSC, для остальных не знаю)
Крутое видео) что за цветовая тема в редакторе?
29:37 Help meeee - мать успокойся хахахахаха😂😂😂😂
bim bim bum bum :D easy
Было бы здорово, если бы вы комментировали каждое действие свое. Это очень здорово бы нам помогало:)
И так понятно. Если нужно прям разжевать всё, то смотри арчакова
@@user-mz5ny3xf3l спасибо большое за рекомендацию:)
@@user-mz5ny3xf3l thanks
Кто смотрит в начале 2024 года - API работает норм (если просто ввести в строку броузера), а при выводе на 49 минуте в sidebar ничего не выводит. При обычном console.log видно, что в console.log(list) приходит три раза - первые два пустой массив, и потом уже приходит массив обьектов категорий. Кто знает, как решить вопрос, чтобы эти пустые массивы не выводились?
тоже 3 раза приходит, пока не разобрался в чем проблема(
list Array(0)length: 0[[Prototype]]: Array(0)
history.ts:501 No routes matched location "/products/15"
warning @ history.ts:501
Sidebar.jsx:12 list Array(0)length: 0[[Prototype]]: Array(0)
Sidebar.jsx:12 list Array(6)
а будет гайд сто стэком react+ts,
mobx?
Привет, а что за волшебный спрайт, который видоизменяется)))) Есть список, значков для этого спрайта?
Прошу прощения, можно указать в футере свое имя? "Designed by "''me"", Пожалуйста?
Ты конечно молодец, и спасибо тебе за видео урок. Но хотелось бы что бы все писалось в видео, в том числе и стили, если видео кажется слишком долгим то разделить на две( или более ) части
пиши свои стили или используй библиотеки
привки всем , а может кто сталкивался с ошибкой редукс Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers?
API поломали. Не могу продолжить урок. Пожалуйста, исправьте это.
стример как относишься к новому роутеру с лоадером и экшеном? пробывала?
+саб
+ Вам к профессионализму
боже, как же вкусно
КАК ЖЕ Я РАД ЧТО ЭТО НЕ ПОПУЛЯРНОЕ ВИДЕО))) потому что если это посмотрят все, то все станут умными, и будет ещё сложнее найти ворк
ахахха
поверьте конкуренция не такая большая, если это дело вашей жизни, то вам везде двери открыты
@@powerjavascriptman Согласен с вами :)
Ну что нашлась работа для тебя спустя год?
Да, да, я тоже знаю другие теги - **Пишет вместо footer section**
Spasiba bolshoe sestra
Спасибо за урок! Тысячу лайков за увеличенный шрифт))))
Иконки с svg почему-то не отображаются, вот просто пустота, можете объяснить как это исправить ?
и у меня не отображается , у меня еще проблема с UserForm никак не кликается и не скрывается в чем проблема не могу понять
Привет, такой вопрос - только что всё работало, сейчас смотрю - в запрос getProducts прилетает всего штук 10-15 элементов и то неправильные и все одинаковые, т.е кто-то по удалял посты и добавил новые и то некорректно из-за чего ломается приложение, не знаешь это так и останется или через определенное время посты все данные в апи возвращаются в свое прежнее состояние??
незнаю, актуально вам или нет, нужно использывать {list.slice(от, до).map(({ id, name }) =>())}
у вас используется jwt авторизация ?
в сети есть данный код ?
Привет красоточка, урок классный! моё почтение)
Мне кажется или видео оборвался в моменте создания этой функции?
export const createUser = createAsyncThunk(
"users/createUser",
async (payload, thunkAPI) => {
try {
const response = await axios.post(`${BASE_URL}/users`, payload);
return response.data;
} catch (error) {
console.log(error);
return thunkAPI.rejectWithValue(error)
}
}
)
Привіт! Відео ТОП!!
Підкажи будь ласка на 25:14 хвилині не дуже зрозуміло як ти вставляєш svg зі sprite, які гарячі комбінації використовуєш ? поділись будь ласа
Только не исчезай на долго, скучно без тебя..
в файле Product.jsx мы делаем , но в стилях класса purchase нету
purchases
У меня вопрос. Зачем магазин писать на реакте, если там нет ssr, такое надо на next'е писать иначе поисквые роботы не проиндексируют контент?
так се
3:45:16 лучший момент видео
Как хорошо закрепить знания и скилы из урока? думаю написать похожий проект и подглядывать в свой код , идея норм или есть варианты получше?
Попробуй так, найди или напиши сам версту, а затем примени это, я так делал с двумя, или тремя уроками
почему не через vite проект?
чтобы вызвать меню подсказок ctrl + пробел
Как его запустить?
Где взять готовый код всего сайта, со всем функционалом ?
смотри закреплённый коммент
Привет, можно такой вопрос... А сколько времени необходимо было вам чтобы достичь такого уровня в программирований?
недели две-три.
@@ilwl9018 ахахахах
@@ilwl9018 ахахах год или 2 тут я учил месяца 4 html css, js учил 3 месяца (не вникал) потом react пока что 6 мес
@@user-yf3yt6hp3e ну кстати, без шуток, я учусь с человеком, который не любит Front-end, но чтобы сделать свое портфолио, он его понял за неделю - 2
Использовал: Redux, ReactTS, Nest и много других букв, которых я честно ещё не знаю, могу ссылку на его репозиторий дать, там увидишь стэк
@@LegoMasterteam4 месяца учить html/css? Оно учится за вечер
Зачем вы используете обычные ссылки вместо NavLink???
Огромное спасибо за урок! А что касается SEO оптимизации.. Будет ли такой сайт виден для поисковых систем?
нет, т.к. это SPA. вообще интернет магазины обычно пишут на Next.js для использования SSR, тогда можно будет делать SEO
@@salam_javascript Ок, спасибо. Просто видела в одной статье, что вроде как гугловские боты уже научились их читать. Не знаю, насколько это правда..
@@olgapan386 бот видит только один див root, поэтому сайт написанный на реакте не оптимизирован для SEO
У неё в гитхабе нету проекта я там хотел скачать css файлы откуда брать?
все там есть лучше смотри
я сейчас вообще без продуктов и трендов - просто черные квадратики
я не могу найти этот репозиторий
Now time have categories : shoes and electronics yet, where is all categories?
Дорогая Яна, если что-то не импортируется, поставьте курсор в конце слова и нажмите на ctrl и пробел.
оно тоже так не работает, похоже пора переходить на другой редактор кода 😀
😀@@Tomkovich
я год и больше училась React,JS,HTML,CSS,a вот теперь бросила, жалко конечно, столько труда, силы и ресурсов вложила🥲. Всем рекомендую сначала найти работу, потом начать учиться, потому что сейчас найти работу новичку почти нереально😏.🙏🙏🙏
У меня почемуто через этот FAKE API уже другие данные идут, можно как-то исправить?
к сожалению, нет, это API создано не мной :(
Спасибо за ответ, а можно узнать как ты создала свои products? А то не могу разобраться с этим
44:23 неверно
От души, как посмотрю отпишусь, ну и как инет появится)
Жду!
а это норм когда в одном компоненте куча useEffect и useState?
да
SHELKUNCHIK