Практика React JS #3 - Вывод всех товаров

Рет қаралды 44,513

Күн бұрын

Какой магазин без товаров? Вы создадите массив с товарами. Дополнительно вы выполните перебор массива и вывод всех товаров на основной странице интернет магазина.
✅ Полезные ссылки:
- Урок на сайте itProger: itproger.com/course/reactjs-s...
⏰ Тайм-коды:
00:00 - Начало
00:18 - Массив с товарами
04:00 - Компонент «Items»
06:30 - Компонент «Item»
08:50 - Вывод товара на странице
11:10 - Работа с фото
13:00 - Добавление стилей
20:05 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

Пікірлер: 78

@iamguno 2 жыл бұрын

георгий вы большой молодец что не сдаётесь и стараетесь. вдохновляете )

@user-tg1ge6oi2v Жыл бұрын

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

@top-mma-news 2 жыл бұрын

Классовые компоненты в 22 году, серьезно? Надеюсь это было сделано для общего представления и в 4 уроке будут функциональные компоненты

@user-bd8ph2nh5b 2 жыл бұрын

Нет, он просто на реакте никогда не писал

@angelavolskaya4543 2 жыл бұрын

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

@top-mma-news 2 жыл бұрын

@@angelavolskaya4543 лол, функциональные компоненты усложняют код? Оо

@fesenkoas Жыл бұрын

@@angelavolskaya4543 в функционале легче, и когда еще и хуки вообще изи, я сразу пишу в функционале

@favoriteforyou2438 11 ай бұрын

Спасибо мужик!❤ Ты крутой!!!!

@user-bc7dm3ux9g Жыл бұрын

Если кто из новичков смотрит этот видосик и не вдупляет почему после перезагрузки у нас белая страничка, а у него всё нормально, то чекните свою строчку class App extends React.Component { Лично у меня нихрена не работало, потому что я там случайно скобочки поставил и было вот так class App extends React.Component() {

@Kankantypebeats Жыл бұрын

От души Андрей, я уже начал волноваться

@SadBatya 11 ай бұрын

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

@a_o_channelallahmanov954 6 ай бұрын

@user-qm3fe7fb5s Ай бұрын

Лучший

@intention-man 2 жыл бұрын

Полезно!

@user-ek8wb6qb8u 2 жыл бұрын

Лучший!!!!!!!!!!!!!!!!!!!!

@AfironG 6 ай бұрын

ты лучший

@a_mexdiev 2 жыл бұрын

спасибо

@perevoznikovalexey1420 11 ай бұрын

было бы здорово, если бы ты оставлял исходники. Массив товаров например, фотографии

@user-yf2er5vr8q 2 жыл бұрын

super

@PiterProduction 11 ай бұрын

Дякую🎉❤

@1311avenue_ 3 ай бұрын

7:36 после сохранения пропали товары, как фиксить? В консоли разраба выводятся только div

@serhioramires3166 5 ай бұрын

"Мне наравится фоормат конструктора" А кого интересует что Вам нравится. Реакт уходит от классов в сторону компонент.

@Richard-gr1iv 2 жыл бұрын

Ахаха, и половина народу написало про классы) ну реально, лучше делай на хуках, информативнее будет и полезнее)

@user-us9qw8nm7n 2 ай бұрын

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

@user-jn7wb6bl5x 2 жыл бұрын

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

@fesenkoas Жыл бұрын

тот момент когда решил рискнуть сделав все функционале сразу с хуками, и думаю стоить показать деструктуризацию пропсов,

@Light-tx6kz 9 ай бұрын

У тебя совсем крыша поехала. Цепляйся за хук войны и побеждай.

@vitaliy_514 2 жыл бұрын

Знает ли кто как поключить интернет магазин к бд на open server?

@eugenearbatsky1891 5 ай бұрын

Мне кажется зря вы стали использовать классовые компоненты вместо функциональных

@ainazchannel4960 2 жыл бұрын

Сделай еще одно видео по телеграмм боту пожааалуйста)

@vd7533 2 жыл бұрын

Насколько класовые компоненты используются сейчас? Вроде все уже перезодят на хуки

@malfinbeats 2 жыл бұрын

В новых проектах не используются классовый подход (т.е. он старый). Почти что все перешли на Хуки - это быстро, удобно.

@gevorggrigoryan5021 Жыл бұрын

у меня на экране фотографии стул диван не выводит что делать

@nikitaermolenko7813 Жыл бұрын

Можно вопрос? Как в REACT приложении вообще подключиться к базе данных и вывести оттуда, допустим, задачки если это условный туду лист? Я нихера не нашел про react + php толком, я фронтендер, но не очень нравится когда после перезагрузки инфа пропадает и массив очищается:) Как я делал ранее: openserver, в нем папка domains, там уже папка проекта, в ней js и php файлы, все ок.. А как запихнуть php в react? Я пытался открыть react приложение через openserver, но чет не очень:( Или как?? Я даже особо не представляю структуру этого всего Желательно способ актуальный для реальной работы:)

@IvanIvanov-rf1vx Жыл бұрын

React и PHP интегрируем бекенд и фронтенд - на ютубе есть такое видео

@user-zb9qy9yc4b 3 ай бұрын

Обычно пишут классовые компоненты, но потом говорят, что функциональные проще/легче/оптимизированнее и переписывают на функции, а тут наоборот😂 Ты же на Оке ездишь? И компьютер у тебя пентиум второй с кнопкой турбо? А чё бы и нет?😂

@user-hr9kc1vw3m 10 ай бұрын

Классовые компоненты, серьезно?

@IcTeLL 11 ай бұрын

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

@silverain1864 10 ай бұрын

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

@deniskozhurkin4621 2 жыл бұрын

У меня после подключения react и ввода первогл кода в items.js вначале экран стал пустым, а потом появилась ошибка, потом после перезапуска просто пустой экран. Кто нибудь знает как это исправить?

@Executioner2126 Жыл бұрын

пропсы не прокинул скорее всего

@_tokio_682 Жыл бұрын

@@Executioner2126 Таже проблема, не могли бы вы рассказать по подробнее

@user-ot7dt8by9r 11 ай бұрын

Прописал пропс в Items. Вот пример export class Items extends Component { render(props) {

@user-tm3bb6zs1y 12 күн бұрын

пропали картинки путь все как у вас не показывают картинки

@user-mo2lo1xl6j Жыл бұрын

Почему после того как прописала все в Item.js весь контент пропал и просто пустой фон?

@royarmstrong6 Жыл бұрын

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

@Executioner2126 Жыл бұрын

Зайка, пропсы прокинь

@user-rd7yr1mq7o 2 ай бұрын

Что делать если белая страница

@kinnk3635 Жыл бұрын

Такой вопрос header и footer не правильней ли указывать расширение jsx, вроде компоненты, еще смутили классы, + в документации react примеры часто тоже классовые, а так спасибо за труд

@vovaorlovsky9419 Жыл бұрын

разницы нету как называть, оно всё ровно измениться в js, а за преобразования отвечает Реакт

@kinnk3635 Жыл бұрын

@@vovaorlovsky9419 дэ, действительно транспилятору все равно jsx или js, благодарю 😉

@vovaorlovsky9419 Жыл бұрын

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

@vovaorlovsky9419 Жыл бұрын

jsx придумали разрешения для обозначения файла чтобы разработчику было понятно когда открывает проект что юзают jsx, но уже эта технология прижилась и смысл отпал для обозначения файла и основном используют js и всё

@Richard-gr1iv 2 жыл бұрын

Сча бы на классах писать)

@exelione2229 3 ай бұрын

1:17 ну ясно

@bek0435 2 жыл бұрын

@Гоша Дударь сделай видео о создание блокчейна! Было бы классно 👍🏻

@user-bd8ph2nh5b 2 жыл бұрын

Зачем вам видео о блокчейне от человека который в этом ничего не понимает

@SNSDfOu 10 ай бұрын

@@user-bd8ph2nh5b просто так

@REDH3ADd Жыл бұрын

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

@AmericanDragon134 2 жыл бұрын

Почему не используется проста Функциональный компонент

@TheTarasik 2 жыл бұрын

Автор старожил

@malfinbeats 2 жыл бұрын

согласен, с функциями быстрее и понятнее

@Richard-gr1iv 2 жыл бұрын

Чето по какой то старой методе видос делаешь) не обязательно закидывать img в паблик) ну и alt у тега img как минимум для SEO стоит указывать)

@fesenkoas Жыл бұрын

ну и в хуках можно уже все делать, классы уже не актуально

@Syrolub 2 жыл бұрын

Классові компоненти в 2022 році використовувати не актуально, краще використовувати хуки.

@user-vm8ky9tq8d Жыл бұрын

надо бы доллар перед ценой, а не после

@migast3739 2 жыл бұрын

НАЙС Я 4

@elkhann 2 жыл бұрын

Класс?? Сколько лет этому видео?

@mezgoodle 2 жыл бұрын

ну документація теж містить інформацію про класи

@iznaur_18 2 жыл бұрын

он переводит англоязычные старые видео и переписывает код поэтому старый подход

@user-kq4lw4kh3c Жыл бұрын

@Danny-uc6kx 2 жыл бұрын

ну драсте, классы в середине 2022 года?

@user-fw1ws8lr8n Ай бұрын

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

@true227 6 ай бұрын

1:30 ролику год, а чувак продолжает учить нубов на классовых компонентах...можно закрывать и идти искать актуальные ролики

@grigaw Ай бұрын

img elements must have an alt prop, either with meaningful text, or an empty string for decorative images помогите, высвечивается предупреждение, когда прописал