Уроки React JS с нуля / #3 - Знакомство с JSX

[@ВладимирБеляев-т9н]

Учил реакт по другим источникам, но только теперь в голове начало проясняться. Спасибо и ура!

[@zohidmustafoyev2448]

последний штрих когда удалил все в index.js просто убил. Но очень интересно и понятно. Спасибо!👍👍👍

[@PavelChupryna]

Супер пупер, для новичков, как я. Основательно, по порядку.

[@НатальяИванова-ч9в9ъ]

Спасибо, всё разложил по полочкам, очень понятно!

[@GericccGerrric]

перед тем как писать npx create-react-app надо бы ещё прописать npm i -g react ( чтоб глобально установился реакт на ПК, иначе выдаёт ошибку)

[@nedodev]

В 18 версии react идёт другая система рендеринга, сначала присваиваешь константе элемент, который прогоняешь через createRoot, а потом уже в него добавляешь html код

[@04Pamir_Z]

Спасибо, было полезно

[@BogDemona]

спасибо за урок! для тек у кого ругается консоль на реакт в начале урока, поменяйте версию реакт на 17, если вы копировали 18 с сайта

[@JanTalan]

Привет..подскажи пожалуйста..я все сделал как он показывает ..но уменя не выводиться ничего на HTML файле..например через.ReactDOM render никакой реакции..а вот функции через documentById и тд все нормально что это может быить?

[@lagprincesse]

@@JanTalan почитайте офіційну документацію - дещо змінилось, тепер треба використовувати ReactDOM.createRoot

[@JanTalan]

@@lagprincesse спасибо ..разобрался..ссылки не правильно вставил.

[@personal-trainer90]

@@JanTalan А не правильно это как ты поставил я делаю все четко как показывает автор и все равно пусто

[@JanTalan]

@@personal-trainer90 я уже не помню..наверно JS скрипт на HTML странице подлючил не так.

[@YuriLazutchenko]

Сложновато, пришлось пересматривать моменты, но в итоге всё получилось !

[@dimalesko7478]

Дуже дякую за такий детальний екскурс в реакт,. Дивився інших ютуберів, але вони не так чітко і по поличкам пояснювали структуру проєкта і що він з себе представляє. Класне відео, всім раджу.

[@tazorprod.934]

Згоден з вами повністю. Курс дуже гарний, а при тому ще й безплатний

[@Alon794]

Всё элементарно. Спасибо.

[@vitaliySobakinson]

Становится все яснее)

[@Community.RU.]

Я учил по твоим видео JS теперь учу React

[@nics51]

Большое тебе спасибо. Разложил все по полочкам

[@Aruzhan_M-j8r]

Спасибо вам, приятно вас слушать, очень сильно помогли

[@nike-555]

Спасибо Большое тебе за уроки man!

[@dadadnetnet4335]

спасибо Георгий

[@artik6614]

Не видил видос но знаю что он топ

[@eugen333eee]

Спасибо за хорошие уроки! Все коротко и ясно! Вот если бы поменьше использовался такой оборот, как: "Такой объект, как ..., к такому тэгу, как ...". Можно просто сказать "Объект такой-то, к тэгу такому-то."😀

[@ДмитрийДемин-ы1н]

Спасибо, за урок. По началу были ошибки в терминале, долго разбирался. Оказалось просто не сохранял данные в файлах index.js. В проводнике подсвечивалась подсказка, несохраненные данные.

[@nowyd]

как же кайфово когда ты сначало изучил NodeJS и только потом перешел на React Лучше сначала ознакомьтесь с NodeJS потому что в дальнейшем изучении React нужно будет знать NodeJS

[@fl4mescare]

Приведи пример пожалуйста, где нужно будет использовать знания нода?

[@nowyd]

@@fl4mescare Серверная часть , запуск сервера, скачивание библиотек , привязка

[@YtArslan]

@@nowyd так ReactJs для клиентской части, а не для серверной? Подправьте, я думал начать с клиентской, а после ознакомиться с Node.

[@mnats157]

спасибо тебе большое😉

[@TheYukos70]

Спасибо!

[@user85269]

спасибо за урок

[@liliabekuzinaensosense8987]

Лучший!

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

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

[@ДилорамАхмадалиева-л6т]

thank you for react lessons

[@ЖеняГордиенко-и7г]

Спасибо, очень полезный урок! Почему когда я запускаю index.html через просто браузер, а не через локальный сервер то ничего не видно что я написал на React JS ?

[@sokoltsov]

Капец кучу времени убил решая проблемы, о которых автор даже не подумал. Что VS нужно перезапускать после установки Nodejs. Что перед созданием проекта должен быть установлен create-react-app. А то ошибки за ошибкой. Гуглишь, опять ошибки.

[@smirm6034]

таков путь программиста

[@sibarton8734]

ну так уроку 2 года, много чего поменялось)

[@ctson_kp]

ну вместо - import * as ReactDOMClient from 'react-dom/client'; лучше писать - import ReactDOM from 'react-dom/client'; а запускать сервер можно командой - npm start

[@serikseidigalimov4638]

Какой же кайф не смотреть туториалы с индусами)

[@lub8777]

Дякую за класне пояснення. На сайті шукала з відки ви, круто, що Україна, це ознака якості!

[@ТагирШарафутдинов-ц2х]

почему-то не появлялась папка node_modules решилось так: создал package.json, прописал зависимости и затем только запульнул npm i react интересно почему у меня так, а не как на уроке? зы: может кому-то поможет

[@RinatYouldashbaev]

Спасибо! Тоже не появлялась, по вашей инструкции появилась!

[@corvette1297]

Такая же проблема, спасибо помогло )

[@goldhope8123]

можно было не вручную писать, а написать команду npm init, чтобы создался package.json со всеми значениями

[@elezthemdev]

опа, спасибо, сильно помогло!

[@didikha]

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

[@andrewnagorny6952]

Спасибо за уроки. У меня в W10 не цепляет внутренний терминал Visual Studio Code установщик npm и npx. Решил проблему через встроенный терминал W10. Не забудьте прописать системные пути PATH в винде.

[@just4funlb113]

а можно подробнее😊

[@hrayrashchyan5925]

ReactDOM.render(elements, document.getElementById("app")); React 18.2 still works this version and in my opinion it's clearer

[@lilossik]

ничего не поняла, но очень интересно

[@плюшкаватрушка-у6т]

Проблемы с подключением npx. При написании команды npx create-react-app . выдает большую ошибку. Может знает кто-то, как это исправить?

[@semennikishin2809]

какая у тебя ошибка? у меня была связана с тем, что путь к npmбыл неверным, причем вручную изменение пути в переменных среды эту проблему не решало, видимо это зашито в самой команде. короч помогло только копирование всего содержимого папки nodejs в папку, где он ожидает увидеть npm, в моей случае это в: C:\Users\%Username%\AppData\Roaming

[@pavelpolosin2217]

чат джипити

[@alixondjamalxanov]

вообше коды не работают не знаю почему или что то нужно было скачивать?

[@Polonium_official]

Всем, привет. У меня неправильно устанавливается через npx😢😢😢. Кто-нибудь может помочь.

[@semennikishin2809]

какая у тебя ошибка? у меня была связана с тем, что путь к npmбыл неверным, причем вручную изменение пути в переменных среды эту проблему не решало, видимо это зашито в самой команде. короч помогло только копирование всего содержимого папки nodejs в папку, где он ожидает увидеть npm, в моей случае это в: C:\Users\%Username%\AppData\Roaming

[@sodiumhunter5880]

ребят используйте сборщик vite

[@justinjustin4061]

у меня ошибка на стадии построения связанной с package.json не понимаю что не так

[@СергейПарфенов-з3ч]

Как решили проблему? У меня тоже при построении ошибка: [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app »

[@mikaTx]

Ne znayu chto za problema, yab posmotrel file json. Tam budet bla bla. Bla. Vot etu stroku mojete menyat na nazvaniya fayla. Ne znayu poka predpologayu boble ili kak nazivaetsya biblioteka reakt

[@PhillippApetenok]

Сделай пожалуйста туториал по созданию социальной сети используя джанго, джанго рест фреймворк, и реакт пожайлуста.

[@N__C__R]

а может тебе еще тутор на жизнь сделать ?

[@mikaTx]

😁😁😁

[@ЧетвериковТимофей]

по хорошему урок перезаписать. много переделок и очень запутано

[@mooren2225]

то есть для npx create-react-app нам не понадобится устанавливать babel?

[@богданмаликов-ю4ч]

правилно, все необходимые пакеты установятся

[@oleg.j8863]

@@богданмаликов-ю4ч не подскажите как мне решить проблему с моей ошибкой не загружает ни какие файлы после команды в npm ошибка `npm fund`

[@IO-sf1lz]

спасибо

[@n.i..y9538]

надо писать а не (это синтаксис XHTML ныне считающийся устревшим как лет 10 а то и больше)

[@ctson_kp]

а ты хоть пробовал react писать? там без этого никак. либо писать но это такое себе

[@alexeismoliuc2998]

вот, что выдаёт терминал после ввода команды установки, какое может быть решение? npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + npm i react + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

[@dimasplatov]

Здравствуйте. Была похожая ошибка. Во первых просто попробуйте перезапустить VisualStudio. Если не поможет, то нужно убедиться, что в переменных среды Windows присутствует путь к NodeJS.

[@Андрей-й6й9в]

Uncaught SyntaxError: Unexpected token '

[@ЧтодаКак-б2ъ]

Странно, делаю все по видео, при запуске нет никаких ошибок, но при это при запуске приложения не отображается инпут

[@mikaTx]

Live server mojet ne podkluchen ili disabled ili ne rabotaet. Ifi na file explorer naydi tot samiy index.html i najimay na nego napryamuyu. Otkroetsya na chrome esli default u tebya chrome. I budet rabotat. Live server delaet pochti toje samoe plyus obnovlyaet no glyuchit inogda

[@nics51]

как называется плагин который облегчает писание кода на JSX как у вас в видео?

[@mikaTx]

Vs code

[@nics51]

@@mikaTx не шаришь, чтобы легче писать код в реакте и чтобы emmet заработал в jsx компоненте нужно просто зайти в настройки, потом emmet ну а дальше нажать на добавить язык и вписать туда в первое поле: javascript во второе поле javascriptreact

[@dimitrishat8659]

А можно поинтересоваться, что у тебя стоит за plugin для отображения папок ?

[@dimitrishat8659]

А всё, я увидел в предыдущем видео в списке расширений название. Благодарю

[@АхмедКаталов-н6ъ]

Почему у меня ноут греется ?? Когда запускаю реакт, температура поднимается 80 градусов, как будто я игру играю... Знает кто-нибудь?

[@sw3ptop]

reactdom не работает в webstorm хелпаните пж

[@logvnv]

Пример кода без jsx выглядит опрятнее, так и не раскрыли преимуществ jsx

[@ильякузьмин-ж8н4р]

Согласен, и что мешает с имитировать работу jsx-а, при наличии опыта в алгоритмах? (Вопрос к седящим на jsx)

[@tazorprod.934]

Можно писать html код в js файле. Вот вам и преимущество)

[@felonix_]

Что делать если вписываю npm i react и пишет что npm : Имя "npm" не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и правильность пути, после чего повторите попытку. строка:1 знак:1 + npm i react + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

[@Да-даяНетблятьты]

Судя по всему ты когда установил node js не выбрал там галочку где идёт добавление npm

[@АнтонОРТЗИ]

Странно, что говорите не методом рендер, а его оставляете.

[@kubiklegioner7975]

У кого npm run build не работает, сохраните js, ctrl S, мне помогло

[@ВикторБородин-о4ю]

Ошибка в npm run build. Помогите

[@РенатМингалеев-з1н]

ошибка видимо в том, что ты создала папку и запускаешь не внутри неё. Попробуй в терминале cd "название созданной папки", далее когда в папку перейдешь снова запускай) у меня такая же проблема была все заработало после

[@shavasana.11]

npm run build не работает у меня одной ?

[@АлександрМурзаев-ч7х]

mouse over, плохо работает в chrome

[@hygoe3183]

Очень интересно, жаль, что с первого раза нихрена не работает

[@BadmaevAldar]

опять не актуально? ругается ReactDOM.render is no longer supported in React 18. Use createRoot instead. опять обновлять курс? )))

[@mental_shifting_108]

✅

[@oleg.j8863]

если у которо будет проблема как у меня с ошибкой в виде `mpn fund`

[@arenda34familiya]

Блин начал смотреть, кодить, а в браузере ошибки, по типу устаревший синтаксис, а нет чего ни будь более свежого по реакт?

[@naligdehh]

до конца хоть досмотри, там покажут новый синтаксис

[@CozyVibes23]

я использую Vite а не webpack

[@ІванКовалець-я9ч]

гарне пояснення, шкода що не українською

[@tvhostcc]

а почему click это "клык"?

[@RoTrend23493]

Піднімаєм рейтинг каналу любими коментами.😅😊😂 Гоша респект❤

[@kristv2873]

слишком мало просмотров для такого видео.

[@ThomasBlack452]

Обидно, что всё в ошибках. Что-то удалось исправить, но в итоге всё равно не запустилось. Ну и система... неповоротливая, громоздкая. Ощущение, что всё это набор костылей, а не что-то рабочее. Штош... Видимо, только смотреть можно. И то с поправкой на то, что может встретиться что-то неактуальное.

[@СашаАлександр-е4м]

Посмотри норм уроки по react ,Гоша дударь это просто пролог, он часто хрень несёт ,но довольно доходчиво объясняет концепцию, проблема в деталях.

[@vater122]

ну и накой хрен мне Node.js, если сервер у меня может быть на php или допустим на python?

[@romanborysenko736]

😂 ну сервер у тебя может быть какой угодно, а нода тебе нужна для разработки :)

[@evolutlut2587]

ОнКлык😂

[@kokorinyan9776]

28:30

[@lolo_to]

7:31

[@vadymvoloshchuk8379]

javascript xml - после такого я выключил

[@pavelharelyshau6106]

Это все ещё Гоша дударь?

[@arithene]

что-то мне не понравился реакт много ошибок и тд и тп

[@ge1iy138]

Ну дак это так везде) Чините)

[@arithene]

@@ge1iy138 да, не. Просто тупо распиаренная реклама

[@ge1iy138]

@@arithene Ага, только на эту рекламу примерно 70% вакансий на рынке

[@arithene]

@@ge1iy138 из воздуха цифры ясно

[@ge1iy138]

​@@arithene дак зайдите на хед хантер , там даже навскидку сказать можно, что вакансий на реакт гораздо больше

[@lolo_to]

20:18