Курс ReactJS Live. Урок 3: Что такое JSX в React.js

В данном видео я расскажу вам:
1. Что такое JSX и как подключить его в проект
3. Основы работы с JSX
4. Особенности JSX

Ссылки на нужные ресурсы

Команда в консоле для установки Babel:

[RICO-srfn]

Все доходчиво объясняется, даже новичок все поймет, вот бы еще по js пару уроков

[anton]

Ты реально КРАСАВЧИК!!=) Там был коммент по поводу create-react-app, так вот, я им тоже пользовался и горя не знал во время обучения. А тут в свой проект решил внедрить react, а как это сделать понятия не имел. Видос расставил всё на места. Продолжаю дальше тебя смотреть=) Без преувеличения, это самые лучшие видосы в ютубе по реакту, на русском языке. И что это за говнюк- поставивший везде 1 дислайк? =)

[soulrest]

просто идеальный курс для начинающих. спасибо

[АндрейУсков-ей]

очень интересный урок и отличная подача материала! Спасибо и с Наступающим Новым Годом! :)

[nc]

Спасибо, действительно очень доступно и понятно. КРАСАВЧЕГ))

[p_levin]

По мне так для старта лучше:
npm install -g create-react-app
create-react-app my-name
cd my-name
npm start

[andreysanin]

Here's a stripped-down example package.json which returns the locally installed babel-cli version:

{
"scripts": {
"babel-version": "babel --version"
},
"devDependencies": {
"babel-cli": "^6.6.5"
}
}
Call the script with this command: npm run babel-version.

Putting scripts in package.json is quite useful but often overlooked. Much more in the docs: How npm handles the "scripts" field

[randyharsh]

на убунту/mint
npm install --save-dev babel-cli babel-preset-react
echo '{ "presets": ["react"] }' > .babelrc
./node_modules/.bin/babel --version

[vladshcherbachenia]

КЛАСС !!!ВЫ ЛУЧШИЙ РЕСПЕКТ !!! Пожалуйста что за музыка скажите ???

[spanev]

Всё круто, только мелковато
С телефона тяжело всматриваться

[alexmarek]

сейчас принято делать вот так: npm install -g create-react-app

[evgenii.zaikin]

Помогите пожалуйста) Появляется следующая ошибка (на 15 минуте видео):
SyntaxError: jsx/script.jsx: Unexpected token (2:4)
1 | ReactDOM.render(
> 2 | <h1>Hello, world!</h1>,
| ^
3 |
4 | );

Делаю всё как в видео! При этом обычный console.log нормально трансформируется.

[surensimonyan]

почему id={this.props.id} работает а class={this.props.class} не работает?
class тоже стандартный аттрибут. Спасибо

[prsion]

скинь пожалуйста ссылочку на музон в фоне)

[oswelle.spencer]

ну ктож так плейлист то делает, от последнего к первому?(