Проект работает, всё повторила как на видео, она молодец. Не зря потратила время…. Я пересмотрела много работ программистов и поняла, что готова повторять и учиться у ней, у других уже нет смысла повторять по 9-12 часов, один проект. За 4 часа она показала работу, которая для начинающих программистов, необходима ❤
Хорошая практика, всё чётко и понятно, мне понравилось работать с toolkit, впервые попробовал. В целом скажу что этот практикум явно не для новичков, а для тех кто хоть немного шарит за реакт и редакс, многие недоучки по любому пишут коменты что мол, нет семантики, вёрстка отстой и прочее, душнилам скажу сразу, здесь максимально пох...на вёрстку и прочее, хотите верстать, смотрите уроки HTML/CSS, хотите быть прогером, учитесь писать BLL совместно с UI. Единственный минус в том что нет чёткого разделения на контейнерные и презентационные компоненты, а так всё классно👍🔥
боже, как же вкусно КАК ЖЕ Я РАД ЧТО ЭТО НЕ ПОПУЛЯРНОЕ ВИДЕО))) потому что если это посмотрят все, то все станут умными, и будет ещё сложнее найти ворк
спасибо за наглядное применение react и redux. Иногда есть не понимание использование какой либо логике. Было бы лучше если бы это объяснялось для чего\или почему так используется.
Надеялся здесь найти реализацию фиксированной шапки при скроле страницы с использованием interseption observer. Почему то никто не хочет говорить по поводу этой темы. Типа пользователю чтобы начать поиск нужно обратно скролить до самого верха
По импортам хочу подсказать. Привет) Если автоматически не вылазает подсказка когда импортируешь файл, то выдели название файла, что ты печатаешь, нажми ctr + space и по идее появится подсказка с автоимпортом. Может поможет и упростит работу ^^
Чтобы '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)
@@ЕгоровДенис-д4ш ну кстати, без шуток, я учусь с человеком, который не любит Front-end, но чтобы сделать свое портфолио, он его понял за неделю - 2 Использовал: Redux, ReactTS, Nest и много других букв, которых я честно ещё не знаю, могу ссылку на его репозиторий дать, там увидишь стэк
я год и больше училась React,JS,HTML,CSS,a вот теперь бросила, жалко конечно, столько труда, силы и ресурсов вложила🥲. Всем рекомендую сначала найти работу, потом начать учиться, потому что сейчас найти работу новичку почти нереально😏.🙏🙏🙏
Ты конечно молодец, и спасибо тебе за видео урок. Но хотелось бы что бы все писалось в видео, в том числе и стили, если видео кажется слишком долгим то разделить на две( или более ) части
Привет, такой вопрос - только что всё работало, сейчас смотрю - в запрос getProducts прилетает всего штук 10-15 элементов и то неправильные и все одинаковые, т.е кто-то по удалял посты и добавил новые и то некорректно из-за чего ломается приложение, не знаешь это так и останется или через определенное время посты все данные в апи возвращаются в свое прежнее состояние??
привки всем , а может кто сталкивался с ошибкой редукс Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers?
Привіт! Відео ТОП!! Підкажи будь ласка на 25:14 хвилині не дуже зрозуміло як ти вставляєш svg зі sprite, які гарячі комбінації використовуєш ? поділись будь ласа
Отличный урок, только такая проблема раньше всë работало, а теперь апи, возвращает 403 ошибку, и не грузит картинки товаров, если посмотреть что в консоли, то картинки есть. Бред какой-то, раньше же всë работало
Видос о том как девушка записывает на видео проект, сделанный собой раннее, только на видео практически без объяснений. Потому что ей солнышко посветило и она решила побыстрее записать видос и свалить.
если я буду объяснять каждую строку, то умножай длительность видео на 3 ну, и цель не объяснять каждую мелочь, а показать, как создавать проект, остальное можно загуглить (надеюсь, там не забинили)
Я переделывала проект несколько раз, так как вроде все повторяла, но все же улетал мой проект куда-то, переделала, все работает. Когда что-то не получалось, я скачала уже готовую работу с гитхаба, ссылка есть в видео и сверяла по нему. Если есть хотя бы 20% знания в реакта, то трудностей не возникнет откуда скачивать и куда вставлять. Томкович, действительно молодец 👏
Начнем с того, что автор тупо пишет чей-то код. Нет гарантии, что это именно она его писала, но не суть - много кто так делает. Прикол в том, что вещи, которые реально нужно было объяснить, не были затронуты. Некоторые вещи писались без объяснений. Я понимаю, что приходя на этот видос, мы уже не 0 в Redux или RTK Query, но тогда зачем рассказывать, почему там не написан полный URL, и при этом не рассказать, зачем написаны типы для эндпоинтов? Допустим, мы такие уникумы, что знаем, зачем типы , но не знаем, как писать URL для запросов. Но автор банально в большинстве случаев не рассказывала, зачем создаются те или иные функции , например, что такое related. Зачем функция shuffle? Это только один пример, а их было много. Я не понял, и мне приходилось много раз идти и разбирать это в ChatGPT. Видос неплохой, но не для начинающих. Лично от меня добавлю, что задевало мои триггеры - это супер громкая клавиатура и постоянное дрочилово ею, типа Alt+Tabов, и то, что автор моментами выговаривала буквы как малое дитё. 5 из 10. + как совет рекомендую убрать камеру в угол а то бывало что закрывало код
Готовый код - 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
Проект работает, всё повторила как на видео, она молодец.
Не зря потратила время…. Я пересмотрела много работ программистов и поняла, что готова повторять и учиться у ней, у других уже нет смысла повторять по 9-12 часов, один проект. За 4 часа она показала работу, которая для начинающих программистов, необходима ❤
А сколько времени у вас ушло на повтор этого проекта? я вот думаю тоже повторять все, у меня диплом 17 июня)))
Где мы брали стили? github недоступен (
Хорошая практика, всё чётко и понятно, мне понравилось работать с toolkit, впервые попробовал. В целом скажу что этот практикум явно не для новичков, а для тех кто хоть немного шарит за реакт и редакс, многие недоучки по любому пишут коменты что мол, нет семантики, вёрстка отстой и прочее, душнилам скажу сразу, здесь максимально пох...на вёрстку и прочее, хотите верстать, смотрите уроки HTML/CSS, хотите быть прогером, учитесь писать BLL совместно с UI. Единственный минус в том что нет чёткого разделения на контейнерные и презентационные компоненты, а так всё классно👍🔥
ёклмн, ты просто находка, у тебя столько годных гайдов, боже мой, как же я тебя раньше не видел.
боже, как же вкусно
КАК ЖЕ Я РАД ЧТО ЭТО НЕ ПОПУЛЯРНОЕ ВИДЕО))) потому что если это посмотрят все, то все станут умными, и будет ещё сложнее найти ворк
ахахха
поверьте конкуренция не такая большая, если это дело вашей жизни, то вам везде двери открыты
@@powerjavascriptman Согласен с вами :)
Ну что нашлась работа для тебя спустя год?
спасибо за наглядное применение react и redux. Иногда есть не понимание использование какой либо логике. Было бы лучше если бы это объяснялось для чего\или почему так используется.
Отлично, всегда жду твои видео
спасибо)
вот что я скажу... на первый срок прежде чем смотреть поставлю сразу лайк) когда будет время смотрю ролик сначала и + коммент
практическое применение реакта!!! это отлично, всегда лучше учиться на практике и с реальными примерами
Лайк, не глядя😎🔥
Спасибо ❤
проект супер.Продублируйте стили пожалуйста.
Спасибо! Отличное видео чтобы научится набирать код. Обяснения не завезли.
Математичный видос! Однозначно лайк + подписка 🔥
круто видео! было бы круто если еще можно было комментить свои действия, так как многое непонятно
спасибо, буду ждать версию с Typescript-ом
SUPER👏
Надеялся здесь найти реализацию фиксированной шапки при скроле страницы с использованием interseption observer. Почему то никто не хочет говорить по поводу этой темы.
Типа пользователю чтобы начать поиск нужно обратно скролить до самого верха
Спасибо большое. Обязательно посмотрю 🤩🤩🤩
Благодарю, должно понравиться!
Блин, ну что за милота :3
спасибо ☺
класный проект , и ты тоже👍
у тя все будет хорошо, обещаю. Продолжай)
Было здорово, чтобы я нифига не учил, а вы на работу вместо меня ходили.
Навеяло комментами😅
все круто, но почему-то у меня категорий не 5, а 35..🤔 как это пофиксить?
Топчик! Спасибо!
Фигассе, какой контент, а я не готов ещё. React ещё не изучил
Самое время начать!
@@Tomkovich 100%
Наконец то долгожданное видео
По импортам хочу подсказать.
Привет) Если автоматически не вылазает подсказка когда импортируешь файл, то выдели название файла, что ты печатаешь, нажми ctr + space и по идее появится подсказка с автоимпортом. Может поможет и упростит работу ^^
Ох ты 3 часа просто мое почтение
Да, да, я тоже знаю другие теги - **Пишет вместо footer section**
Люблю умных людей. Спасибо за видео 🥰.Хочу так же быстро писать коды🙄...❤
холосо)))
Спасибо за видео ! Ждем новых с реакт !
о как раз на днях тебя вспоминал) доделал с нуля твой макет с видео. как же я намучался с свайпером мм
только мучения нас сделают лучшими
чотко))) лови лайк от СЕООНЛИ!
Спасибо! Все получилось!
Можете объяснить как на 10:15 она с помощью rafce создает и потом сразу же как будто сжимает код чтобы скобки перед return исчезли
Чтобы '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)
Было бы здорово, если бы вы комментировали каждое действие свое. Это очень здорово бы нам помогало:)
И так понятно. Если нужно прям разжевать всё, то смотри арчакова
@@РинатЯрмухаметов спасибо большое за рекомендацию:)
@@РинатЯрмухаметов thanks
Спасибо! только начал курс, но уже респект за yarn
4 часа, кайф))
Наслаждайтесь
сколько раз кончил?)
@@boycovclub 13523 раза
а будет гайд сто стэком react+ts,
mobx?
Я сделал это! Спасибо за практику!
Спасибо, подписался!
Спасибо за подписочку
спасибо большое за урок!
29:37 Help meeee - мать успокойся хахахахаха😂😂😂😂
Хотел на ваш телеграм канал зайти, а его нету, нету пользователя с таким именем😔
API поломали. Не могу продолжить урок. Пожалуйста, исправьте это.
вот ну круто же, все по полочкам 😀
Спасибо за видос, это 100% жирный + в Вашу карму)))
Желаю успехов и добра:)
Привет, можно такой вопрос... А сколько времени необходимо было вам чтобы достичь такого уровня в программирований?
недели две-три.
@@ilwl9018 ахахахах
@@ilwl9018 ахахах год или 2 тут я учил месяца 4 html css, js учил 3 месяца (не вникал) потом react пока что 6 мес
@@ЕгоровДенис-д4ш ну кстати, без шуток, я учусь с человеком, который не любит Front-end, но чтобы сделать свое портфолио, он его понял за неделю - 2
Использовал: Redux, ReactTS, Nest и много других букв, которых я честно ещё не знаю, могу ссылку на его репозиторий дать, там увидишь стэк
@@LegoMasterteam4 месяца учить html/css? Оно учится за вечер
Спасибо за видео) все получилось
Хорррошо
🤗
Где стили взять?
Дорогая Яна, если что-то не импортируется, поставьте курсор в конце слова и нажмите на ctrl и пробел.
оно тоже так не работает, похоже пора переходить на другой редактор кода 😀
😀@@Tomkovich
я год и больше училась React,JS,HTML,CSS,a вот теперь бросила, жалко конечно, столько труда, силы и ресурсов вложила🥲. Всем рекомендую сначала найти работу, потом начать учиться, потому что сейчас найти работу новичку почти нереально😏.🙏🙏🙏
стили уже не получиться скачать страницы на гитхабе нет((((
стили скачать не возможно на github ошибка 404
Добрый день,Скажите пожалуйста,сколько стоит сделать сайт интенет магазин с оптимезацией и совсем остальным и был первым когда забиваешь запрос
У меня вопрос. Зачем магазин писать на реакте, если там нет ssr, такое надо на next'е писать иначе поисквые роботы не проиндексируют контент?
у меня какая-то хрень в категориях, касасы и маркосы, кто знает как убрать?
{
"statusCode": 400,
"message": "Validation failed (numeric string is expected)",
"error": "Bad Request"
} что делать? данные не приходят.
Иконки с svg почему-то не отображаются, вот просто пустота, можете объяснить как это исправить ?
и у меня не отображается , у меня еще проблема с UserForm никак не кликается и не скрывается в чем проблема не могу понять
концовка топ
Не спойлери, я мотать не собираюсь
@@AntonioBenderas ок
@@narek1771 о, только заметил, аватарка ТОП! Wu-Tang foeva
Привет ✌️
В этом видео нет функционала, когда при заказе, продавцу приходит имеил со списком заказанного товара?
Привет,скажи пожалуйста,делали ли ты добавление товара в избранное?
у вас используется jwt авторизация ?
Ты конечно молодец, и спасибо тебе за видео урок. Но хотелось бы что бы все писалось в видео, в том числе и стили, если видео кажется слишком долгим то разделить на две( или более ) части
пиши свои стили или используй библиотеки
я не могу найти этот репозиторий
тут корзина работает только в локальном стейте? Не идут данные на сервер?
Вопрос почему в ютубе на Vue нет сочных ярких проектов все какое то блеклое и пасмурное очень мало... одни какие то CRM и TODO
стример как относишься к новому роутеру с лоадером и экшеном? пробывала?
Крутое видео) что за цветовая тема в редакторе?
Привет, а что за волшебный спрайт, который видоизменяется)))) Есть список, значков для этого спрайта?
Информативно все как все таки React упрощает JS ...
В компоненте Poster.jsx указаны стили и но стилей для text и button нету
я сейчас вообще без продуктов и трендов - просто черные квадратики
Super
Прошу прощения, можно указать в футере свое имя? "Designed by "''me"", Пожалуйста?
Как впарить такое заказчику если 95% просят вордресс тильду и битрикс. морду к вордпрессу на этом нарисовать?
Реально фриланс найти на подобном стеке или только дядя?
Зачем вы используете обычные ссылки вместо NavLink???
Привет, такой вопрос - только что всё работало, сейчас смотрю - в запрос getProducts прилетает всего штук 10-15 элементов и то неправильные и все одинаковые, т.е кто-то по удалял посты и добавил новые и то некорректно из-за чего ломается приложение, не знаешь это так и останется или через определенное время посты все данные в апи возвращаются в свое прежнее состояние??
незнаю, актуально вам или нет, нужно использывать {list.slice(от, до).map(({ id, name }) =>())}
Теперь я понимаю, почему ИТ в Беларуси такие хреновые.
Не понял тебя, причём тут Беларусь? И почему плохо то?
привки всем , а может кто сталкивался с ошибкой редукс Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers?
Привіт! Відео ТОП!!
Підкажи будь ласка на 25:14 хвилині не дуже зрозуміло як ти вставляєш svg зі sprite, які гарячі комбінації використовуєш ? поділись будь ласа
Now time have categories : shoes and electronics yet, where is all categories?
Только не исчезай на долго, скучно без тебя..
Отличный урок, только такая проблема раньше всë работало, а теперь апи, возвращает 403 ошибку, и не грузит картинки товаров, если посмотреть что в консоли, то картинки есть. Бред какой-то, раньше же всë работало
Видос о том как девушка записывает на видео проект, сделанный собой раннее, только на видео практически без объяснений. Потому что ей солнышко посветило и она решила побыстрее записать видос и свалить.
если я буду объяснять каждую строку, то умножай длительность видео на 3
ну, и цель не объяснять каждую мелочь, а показать, как создавать проект, остальное можно загуглить (надеюсь, там не забинили)
Видео по практике, если хотя бы что-то соображаешь в реакте, все довольно просто идет
Я переделывала проект несколько раз, так как вроде все повторяла, но все же улетал мой проект куда-то, переделала, все работает.
Когда что-то не получалось, я скачала уже готовую работу с гитхаба, ссылка есть в видео и сверяла по нему. Если есть хотя бы 20% знания в реакта, то трудностей не возникнет откуда скачивать и куда вставлять.
Томкович, действительно молодец 👏
разве у такого магазина будет нормальное SEO ?
чтобы вызвать меню подсказок ctrl + пробел
Привет красоточка, урок классный! моё почтение)
Мне кажется или видео оборвался в моменте создания этой функции?
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)
}
}
)
Спасибо за урок! Тысячу лайков за увеличенный шрифт))))
Где взять готовый код всего сайта, со всем функционалом ?
смотри закреплённый коммент
не могу забрать стили в гите, /stuff отдаёт 404, кто нибудь позязя скиньте актуалочку
Как хорошо закрепить знания и скилы из урока? думаю написать похожий проект и подглядывать в свой код , идея норм или есть варианты получше?
Попробуй так, найди или напиши сам версту, а затем примени это, я так делал с двумя, или тремя уроками
почему не через vite проект?
1:27
"npx create..."
ебать, по-моему, в первый раз на ютубе сталкиваюсь с русскоговорящим разрабом, который знает алфавит. Только за это лайк бахнул))
в сети есть данный код ?
Огромное спасибо за урок! А что касается SEO оптимизации.. Будет ли такой сайт виден для поисковых систем?
нет, т.к. это SPA. вообще интернет магазины обычно пишут на Next.js для использования SSR, тогда можно будет делать SEO
@@salam_javascript Ок, спасибо. Просто видела в одной статье, что вроде как гугловские боты уже научились их читать. Не знаю, насколько это правда..
@@olgapan386 бот видит только один див root, поэтому сайт написанный на реакте не оптимизирован для SEO
Начнем с того, что автор тупо пишет чей-то код. Нет гарантии, что это именно она его писала, но не суть - много кто так делает. Прикол в том, что вещи, которые реально нужно было объяснить, не были затронуты. Некоторые вещи писались без объяснений. Я понимаю, что приходя на этот видос, мы уже не 0 в Redux или RTK Query, но тогда зачем рассказывать, почему там не написан полный URL, и при этом не рассказать, зачем написаны типы для эндпоинтов? Допустим, мы такие уникумы, что знаем, зачем типы , но не знаем, как писать URL для запросов. Но автор банально в большинстве случаев не рассказывала, зачем создаются те или иные функции , например, что такое related. Зачем функция shuffle? Это только один пример, а их было много. Я не понял, и мне приходилось много раз идти и разбирать это в ChatGPT. Видос неплохой, но не для начинающих. Лично от меня добавлю, что задевало мои триггеры - это супер громкая клавиатура и постоянное дрочилово ею, типа Alt+Tabов, и то, что автор моментами выговаривала буквы как малое дитё. 5 из 10.
+ как совет рекомендую убрать камеру в угол а то бывало что закрывало код
У меня почемуто через этот FAKE API уже другие данные идут, можно как-то исправить?
к сожалению, нет, это API создано не мной :(
Спасибо за ответ, а можно узнать как ты создала свои products? А то не могу разобраться с этим