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

[@66luv6]

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

[@JibekKyialbek_kyzy]

Жиза

[@xvmmxv8049]

жиза @@JibekKyialbek_kyzy

[@WmJuliet]

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

[@online_earn376]

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

[@MagistrTheOne]

Баааза

[@RaffolYKT]

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

[@zhukovaOlya]

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

[@Алена-н3у6й]

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

[@veraVera777]

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

[@НиколайВязьмин-с8я]

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

[@rvitalia1]

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

[@_GreenSnake_]

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

[@arslan-n]

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

[@ЯнаТкач-у4с]

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

[@alEL321]

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

[@sobakastar_proba]

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

[@БийназарКайназаров]

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

[@VyacheslavChelnokov]

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

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

Спасибо вам

[@curious001]

1:16:40 eCSStractor tsx for VSCode

[@Vladimir-lx7fv]

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

[@jonydosh1189]

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

[@movieclips9175]

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

[@ТимерханХакимов]

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

[@WebCademy]

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

[@replixshop6903]

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

[@АянРаисов-с2б]

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

[@xotkinsrus9383]

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

[@kot19741]

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

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

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

[@БийназарКайназаров]

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

[@Paul-fe2gj]

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

[@asdasd-hg3uz]

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

[@niksemenov5490]

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

[@niksemenov5490]

или плагин eCSStractor tsx

[@AleksanderSheyko]

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

[@MenuMoscow]

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

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

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

[@WebCademy]

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

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

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

[@ШахромХ-ц9з]

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

[@abautomixone5690]

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

[@БерооОлпг]

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

[@WebCademy]

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

[@КутманКабылуулу-б1ц]

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

[@WebCademy]

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

[@Hawk6895]

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

[@thebeerexpert_7923]

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

[@WebCademy]

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

[@monsherok]

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

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

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

[@monsherok]

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

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

@@monsherok 😉👍

[@КутманКабылуулу-в1з]

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

[@МедныйТазик]

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

[@ИгорьКлещев-ц7ш]

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

[@bake5448]

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

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

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

[@Dioni-h5q]

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

[@mushnikov35]

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

[@kennyvision5789]

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

[@splcell]

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

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

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

[@alext5030]

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

[@WebCademy]

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

[@МедныйТазик]

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

[@ТвойСоветчик]

2:23:59

[@adilovazizbek5772]

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

[@KerimAtajanov-q2c]

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

[@MenuMoscow]

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

[@расулнигматов-р8з]

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

[@WebCademy]

Пожалуйста kzbin.info/www/bejne/f6uUf6mnfJyqisU

[@ТимурНиколаев-я8ш]

комментарий

[@ansiwnl]

.