Верстка главной для интернет магазина в React JS

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ •

  • @RaffolYKT
    @RaffolYKT 2 дні тому

    Это Б-база! :D
    Собираюсь переписывать на React проект с Laravel, чтобы потом оптимизировать под полный JS

  • @66luv6
    @66luv6 11 місяців тому +58

    пока учил реакт понял что забыл вёрстку

    • @JibekKyialbek_kyzy
      @JibekKyialbek_kyzy 10 місяців тому +3

      Жиза

    • @xvmmxv8049
      @xvmmxv8049 10 місяців тому

      жиза
      @@JibekKyialbek_kyzy

    • @WmJuliet
      @WmJuliet 9 місяців тому +2

      Прекрасно тебя понимаю

    • @online_earn376
      @online_earn376 4 місяці тому +2

      тоже самое брат

  • @zhukovaOlya
    @zhukovaOlya Рік тому +3

    Очень понравился стрим в таком формате, большое спасибо, верстала на одном дыхании, жду продолжения)🙏 Побольше бы таких проектов где верстка сразу в реакт)

  • @Алена-н3у6й
    @Алена-н3у6й Рік тому +2

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

  • @НиколайВязьмин-с8я
    @НиколайВязьмин-с8я Місяць тому

    Спасибо за стрим и практику по реакт. Ждем продолжения проекта . Доверстать проект и показать как мобильное меню на реакте делать нужно. А в целом все здорово. 👍👍👍 На будущее просьба. По больше стримов или роликов по js - реакту сделать чтобы было от лэдинга до многостраничника как делать. И совет новичкам дать как рассуждать и писать код нужно и особенно вариант продакшена рассмотреть . Есть определенные нюансы.

  • @veraVera777
    @veraVera777 Рік тому +1

    класс, надеюсь будет продолжение!

  • @rvitalia1
    @rvitalia1 Рік тому

    спасибо огромное... Хотелось бы увидеть продолжения!!! Очень хорошо преподносите....

  • @arslan-n
    @arslan-n Рік тому

    Очень круто, мне понравилось. Буду пробовать до верстать макет самостоятельно. Благодарю Вас 🙏

  • @VyacheslavChelnokov
    @VyacheslavChelnokov Рік тому +1

    Отличный стрим! Компонент с карточками очень полезен, прям посмотрел, и в слух сказал "... А что так можно было...))))". Очень полезный контент. Юрий огромное спасибо!!!!

  • @ЯнаТкач-у4с
    @ЯнаТкач-у4с Рік тому

    Огромное спасибо! Как всегда круто! 👍

  • @_GreenSnake_
    @_GreenSnake_ Рік тому +1

    Спасибо за Ваш труд

  • @БийназарКайназаров

    Классный урок! Спасибо!

  • @alEL321
    @alEL321 Рік тому

    Спасибо,как всегда интересно.

  • @sobakastar_proba
    @sobakastar_proba Рік тому

    Спасибо. познавательно и интересно.

  • @niksemenov5490
    @niksemenov5490 Рік тому +2

    Чтобы eCSStractor работал с JSX надо в его настройке "Attribute name "class" or "className" for jsx" выбрать className

  • @curious001
    @curious001 Рік тому

    1:16:40
    eCSStractor tsx for VSCode

  • @Paul-fe2gj
    @Paul-fe2gj Рік тому

    На самом деле есть расширение eCSStractor tsx for VSCode, после установки, он отлично переносит классы css

  • @Vladimir-lx7fv
    @Vladimir-lx7fv Рік тому +1

    А продолжение будет? Хотелось бы увидеть полную адаптацию. Видео класс...👍

  • @БийназарКайназаров

    Желал бы видеть верстку сайта с React JS логикой

  • @ТимерханХакимов
    @ТимерханХакимов 6 місяців тому

    Юрий шарит за базу Арсена Маркаряна
    неожиданно получается тоже офицер 😎

    • @WebCademy
      @WebCademy  6 місяців тому

      А я ясные дни, оставляю себе)

  • @АянРаисов-с2б
    @АянРаисов-с2б Рік тому

    Рахмет! за уроки!!! а дальше js будет?

  • @asdasd-hg3uz
    @asdasd-hg3uz 6 місяців тому

    Здраствуйте! Стримы больше по РЕАКТУ не проводите? Я бы с удовольствием глянул.

  • @kot19741
    @kot19741 Рік тому +1

    А будут ли Redux и др. подобные вещи ?

  • @abautomixone5690
    @abautomixone5690 7 місяців тому

    Много лишней повторяющей информации 😊

  • @jonydosh1189
    @jonydosh1189 Рік тому

    Скажите размеры в пикселях и шрифты в Фигме это отдельный макет или как то можно настроить в Фигме для отображения размеров ?

  • @replixshop6903
    @replixshop6903 Рік тому +1

    есть сниппет почти с таким же названием только для react ecsstractor jsx

  • @СтаниславГорячев-г1ъ

    Спасибо вам

  • @КоляГришакин-й1л

    привет, было же продолжение этого видео? не могу найти ни в телеграме ни на ютубе. подскажите удалили уже?

    • @WebCademy
      @WebCademy  Рік тому

      Здравствуйте. Продолжения не было.

    • @КоляГришакин-й1л
      @КоляГришакин-й1л Рік тому

      @@WebCademy о, спасибо. Мне что то показалось что были видео, но ладно, сам продолжаю))) до этого вы дали уже нужные знания;) спасибо за такие видео! Очень полезно

  • @xotkinsrus9383
    @xotkinsrus9383 Рік тому

    Здравствуйте, почему при работе в реакте не работают авто теги?

  • @ЕвгенийКулижников-ж2ф

    Что у Вас за тема в VSCode в данном уроке?

  • @МедныйТазик
    @МедныйТазик Рік тому +3

    Сейчас CRA не стоит использовать, даже на офф сайте реакта убрали про CRA(технически и морально устарел)

    • @ИгорьКлещев-ц7ш
      @ИгорьКлещев-ц7ш Рік тому

      О чем речь? Что за CRA? И что использовать вместо него?

    • @bake5448
      @bake5448 Рік тому

      ​@@ИгорьКлещев-ц7ш create-react-app.Viteможешь использовать

  • @movieclips9175
    @movieclips9175 9 місяців тому

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

  • @БерооОлпг
    @БерооОлпг Рік тому

    Добрый день,Скажите пожалуйста,сколько стоит сделать сайт интенет магазин с оптимезацией и совсем остальным и был первым когда забиваешь запрос

    • @WebCademy
      @WebCademy  Рік тому

      Добрый день. Очень объемный вопрос. Сам по себе магазин может стоить от 400$ до 2-4 тыс $ и более. Зависит какой, как и у кого заказывать. А первое место в выдаче - это SEO продвижение, котрое стоит отдельныго бюджета каждый месяц, и это зависит от ниши и также может быть в пределах 400 - 2000$ в месяц, зависит от стратегии продвижения. Или реклама которая дает результат сразу, но оплата идет за каждый клик.

  • @AleksanderSheyko
    @AleksanderSheyko Рік тому

    скачал макет, сделал копию фигма, но справа в углу не отображается вкладка inspect. Как сделать? Картинки норм скачал. Спасибо за урок.

  • @КутманКабылуулу-б1ц
    @КутманКабылуулу-б1ц 8 місяців тому

    Фотографии скачать в формате PNG или SVG?

    • @WebCademy
      @WebCademy  8 місяців тому

      Если без прозрачного фона то JPG. SVG - для вектора, как правило это иконки.

  • @monsherok
    @monsherok Рік тому

    Привет! Хотелось бы увидеть Реакт+Редакс (тулкит достаточно)

    • @КоляГришакин-й1л
      @КоляГришакин-й1л Рік тому

      пропиши реакт js пусть самурая. 1 часть смортри там редакс есть да и вообще реакт прокачаешь хорошо у Димыча

    • @monsherok
      @monsherok Рік тому

      @@КоляГришакин-й1л да я уже на next пишу 😅

    • @КоляГришакин-й1л
      @КоляГришакин-й1л Рік тому

      @@monsherok 😉👍

  • @MenuMoscow
    @MenuMoscow Рік тому

    уснул но вернулся

  • @ШахромХ-ц9з
    @ШахромХ-ц9з Рік тому +1

    cсылку на макета можно пж

  • @thebeerexpert_7923
    @thebeerexpert_7923 Рік тому

    Я, так как только начинаю в этом разбираться, хотел бы поинтересоваться, зачем нужно вообще использование React? Пояему нельзя сделать этот же проект чисто на html и css, для интерактива можно добаить простоц JS скрипт. Просто я действительно не понимаю, зачем нужен данный способ вёрстки

    • @WebCademy
      @WebCademy  Рік тому +3

      React нужен когда есть backend который по API отдает данные и мы пишем frontend который эти данные получает, зачастую в JSON формате и потом уже отрисовывает. Это действительно "отдельный" способ создания веб приложения и отличается от просто html шаблонов встроенных в CMS.

  • @Hawk6895
    @Hawk6895 Рік тому

    подскажите название тг канала не могу по ссылке зайти в тг

  • @КутманКабылуулу-в1з
    @КутманКабылуулу-в1з 8 місяців тому

    Почему-то у меня выдает ошибку

  • @mushnikov35
    @mushnikov35 Рік тому

    По идее смысла верстки инет магаза без ssr нет никакого, надо сразу next юзать тогда уж

  • @ЮрийБарабаш-г4д

    Все не работает. Почему? Я в отчаянии.

  • @ЕгорВершинин-о6ъ

    здравствуйте, объясните новичку, зачем вообще это на рекакте писать? почему не просто html/css?

    • @alext5030
      @alext5030 Рік тому

      1. "модно" и "хайпово".
      2. в последнее время стали появляться уникумы, которые мимо ванильного JS сразу React или Vue изучают. Т.е. JSX, т.е. жалкий огрызок JS.
      Потому что ванильный JS - это для лузеров, а вот жалкие ~6% сайтов в мире (Vue + React)t - это для крутых программистов.
      3. объективно все же немного проще и быстрее делать сайт на React, чем на ванильном JS, но... если не использовать всякую дичь типа Redux.
      P.S.: Сейчас кто-нибудь подскажет актуальную мифологию на тему "все должно быть на фреймворках"

    • @WebCademy
      @WebCademy  Рік тому +1

      Конкретно данный стрим - практика верстки в React JS. По поводу данного макета - на стриме отвечал на этот вопрос. Если проект планируется как SPA - то логично делать его на фреймворке. Если нет и нужна верстка нескольких страниц которые потом будут поставлены на CMS - тогда стоит верстать обычные HTML страницы, можно с Gulp сборкой.

    • @МедныйТазик
      @МедныйТазик Рік тому +2

      @@alext5030 че, не можешь найти работу верстальщиком?) раз так агришься на библиотеки и фреймворки(кстати, с таким комментом сразу выдал себя, что знания твои на нуле, максимум верстать умеешь)

  • @kennyvision5789
    @kennyvision5789 Рік тому

    можно на Vite запилить

    • @splcell
      @splcell Рік тому

      Vite не очень. У него шаг влево, шаг вправо ошибка

  • @Dioni-h5q
    @Dioni-h5q 4 місяці тому

    А материалов я так и не нашел(

  • @ТвойСоветчик
    @ТвойСоветчик Рік тому

    2:23:59

  • @MenuMoscow
    @MenuMoscow Рік тому +1

    а в десять реал с сити играют ))

  • @KerimAtajanov-q2c
    @KerimAtajanov-q2c Рік тому

    можете скинуть мне это макет.

  • @adilovazizbek5772
    @adilovazizbek5772 8 місяців тому

    в конце зависло упустил нужное (((

  • @ТимурНиколаев-я8ш
    @ТимурНиколаев-я8ш 9 місяців тому

    комментарий

  • @расулнигматов-р8з
    @расулнигматов-р8з Місяць тому

    Пажее помогите мне надо написать проект на реакте дайте любой сайт пожалуйста 🙏 я ща здохну

    • @WebCademy
      @WebCademy  Місяць тому

      Пожалуйста ua-cam.com/video/Iz1NvqG7wTc/v-deo.html

  • @ansiwnl
    @ansiwnl Рік тому

    .