response.js рендеринг реагирующих компонентов на стороне клиента

Question

Я использую node.js с реакцией.js в качестве моей библиотеки шаблонов. Я могу отображать свои компоненты на стороне сервера с помощью res.render узла (..), но хочу сделать мои компоненты динамическими, создав их на стороне клиента с помощью response.js и вызывая обработчики onclick. У меня есть мои компоненты, определенные в формате .jsx. Как я могу взаимодействовать с браузером на клиентской стороне и динамически реагировать на мои компоненты?

Answer 1

Вам необходимо, чтобы ваш код был переполнен и в комплекте, вы можете вставить его в тег сценария, как и любой другой скрипт. Один популярный вариант - webpack; другой - использование Browserify с babelify в задаче gulp.

Answer 2

Вы можете начать использовать его с синтаксисом класса ES6 с помощью babel js. Я создал образец компонента here

Вы также можете использовать react-starter-kit, который дает вам все настройки, предварительно загруженные. Хорошим местом для начала будет реакция Facebook documentation