Как использовать сторонние модули в react приложении без babel и webpack (propTypes)?

Question

[gleendo]

начал читать книгу по react. Зашел разговор вначале про propTypes. Вроде как теперь он не является частью React и нужно тянуть его отдельно с npm. А для использования нужно импортировать его import PropTypes from "prop-types";
Как использовать данный модуль без транспиляции и сборщика модулей?

Как вот запустить данный код без сторонних инструментов?

// import PropTypes from "prop-types";

let Component = React.createClass({
  propTypes: {
      name: PropTypes.string.isRequired
  },

  render: function() {
    return React.DOM.span(null, "My name is " + this.props.name);
  }
});

ReactDOM.render(
  React.createElement(Component, {
    name: "Alex"
  }),
  document.getElementById("app")
);

Answer 1

[Олег Гамега]

Как вот запустить данный код без сторонних инструментов?

а в чем смысл ?
require конечно никто не отменял но даже крупные компании используют create-react-app

Comments

[gleendo]

Олег Гамега Ясно блин, создал приложение. 100500 каких зависимостей и не до конца понятно что зачем в проекте, + практически получился другой пример. Как вот теперь читать книгу...Если там все по другому.

import PropTypes from "prop-types";
import React, { Component } from "react";
import ReactDOM from "react-dom";
import DOM from "react-dom-factories";

class Mycomponent extends Component {
  static propTypes = {
    name: PropTypes.string.isRequired
  };

  render() {
    return DOM.span(null, "My name is " + this.props.name);
  }
}

ReactDOM.render(
  <Mycomponent name="Alex" />,
  document.getElementById("app")
);

[Алексей Уколов]

iamevg_: ну так настройте себе babel, это делает за час с нуля и за 5 минут, если вы уже с ним знакомы.

[gleendo]

Алексей Уколов: babel, потом webpack, боже это вот единственное что бесит в текущей веб разработке. Чтобы что то использовать, нужно сначала 100500 конфигов настроить, а потом уже начать тыкать то что хотел. Нельзя уже как раньше, подключил библиотечку, и пиши код, а не настраивай сторонние инструменты.
Да этот create-react-app абстрагирует все, но я вообще не втыкаю как там все работает под капотом.
Хулиард зависимостей.
Стоит ли самому все таки разобраться с webpack и babel и настроить окружение самому или все используют этот create-react-app и не парятся с настройкой? Бывают случаи что нужно как то по другому все настроить?

[Алексей Уколов]

Пока используйте CRA - он для того и существует, чтобы не запариваться.