Как подключить библиотеку в React?

Question

[KlassT]

В шапке подключаю react

<script type="text/javascript" src="/js/react.min.js"></script>
<script type="text/javascript" src="/js/react-dom.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>

Установил библиотеку через npm install
Пытаюсь подключить:
import { Parallax } from 'react-parallax';
Вылазит ошибка: Uncaught ReferenceError: require is not defined

Сервер Apache

Answer 1

[Антон]

Для простоты начала работы рекомендую не париться и поставить один из десятков существующих боилерплейтов. Например, https://github.com/facebookincubator/create-react-app
А затем уже разбираться, как все устроено

Answer 2

[Владимир Сергеевич]

Здесь нужен либо browserify либо webpack. Советую Webpack
Это будет и правильно и проще, даже если подключишь require.js у тебя на момент выполнения кода еще не подгрузится модуль, а возится с событиями и.т.д не рекомендую

Comments

[KlassT]

Гугл много всего показывает. Можно точную ссылку?

[Pavel Shvedov]

survivejs.com/webpack/advanced-techniques/configur...

[Владимир Сергеевич]

Скринкасты по Webpack. Советую посмотреть первые ролики чтобы понять как настроить https://www.youtube.com/watch?v=kLMjOd-x0aQ&list=P...
Вот пример конфига: что и зачем будет ясно после первых нескольких видео: Это именно для проекта на реакт: https://gist.github.com/VladmirZhdanov1992/40c93e5...

[KlassT]

Pavel Shvedov: А без использования babel? Я просто с этим только знакомлюсь. До этого всю жизнь использовал jquery

[KlassT]

Владимир Жданов: Видео нерабочие

[Владимир Сергеевич]

KlassT: Можно конечно и без babel, но ты тогда не сможешь писать EJS, То есть вот так `Some text` будет нельзя. А для ознакомления советую потратить немного времени и пройтись по учебнику: https://www.gitbook.com/book/maxfarseer/react-cour...

[Владимир Сергеевич]

Сорри, не прошел пример с тегами...

[Владимир Сергеевич]

Еще раз, но ссылка рабочая : https://www.youtube.com/watch?v=kLMjOd-x0aQ

[KlassT]

Владимир Жданов: Ссылка-то рабочая. А вот видео нет

[Владимир Сергеевич]

https://www.youtube.com/user/iliakan/playlists

[Владимир Сергеевич]

Ссылка на автора

[KlassT]

Владимир Жданов: Собираюсь использовать эту библиотеку https://www.npmjs.com/package/react-parallax Там есть уже и webpack.config.js Может проще всё получится?

[Владимир Сергеевич]

KlassT: Тот конфиг это для разработчиков той библиотеки, Для сборки твоего приложения это не пригодится.