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

Я делаю реакцию на некоторое время. Я не использую загрузчики модулей, как webpack.Повторное использование компонентов реагирования общедоступно

Я использую только npm, чтобы получить файлы из npm install, а затем получить dist из папки dist внутри. И для babel, чтобы добраться от es6 до es5.

Я никогда не мог понять, как повторно использовать компонент реакции, они, похоже, используют какой-то require. Можете ли вы рассказать мне, как я могу повторно использовать компоненты, которые я нахожу на npm?

Вот пример того, как я использую его:

<link rel="stylesheet" href="/styles/app.css" /> 

    <script src="/scripts/3rd/polyfill.min.js"></script> 
    <script src="/scripts/3rd/comm/webext.js"></script> 
    <script src="/scripts/3rd/react-with-addons.min.js"></script> 
    <script src="/scripts/3rd/react-dom.min.js"></script> 
    <script src="/scripts/3rd/redux.min.js"></script> 
    <script src="/scripts/3rd/react-redux.min.js"></script> 
    <script src="/scripts/app.js"></script> 
</head> 
<body> 
    <div id="root"></div> 
</body>

Тогда мой JS является:

 ReactDOM.render(
      React.createElement(ReactRedux.Provider, { store }, 
       React.createElement(App) 
      ), 
      document.getElementById('root') 
     );

источник

2016-11-02 Noitidart

Я предлагаю ввести введение в учебник Node, это позволит вам ускорить работу с модулями JavaScript. Также я бы предложил использовать официальный проект запуска React, который не требует установки, и использует модули https://github.com/facebookincubator/create-react-app – azium

, можете ли вы привести пример? – netchkin

@azium Я не могу использовать приложение create-response-app, так как моя цель - расширение для браузеров. – Noitidart

Я думаю, вы могли бы просто скачать их код из github, там r un npm run compile и включите содержимое папки lib на своей странице.

Однако почему бы не использовать webpack? Я понимаю, что вы хотите создать какое-то расширение для приложения frontend, но с помощью webpack вы можете собрать весь свой код, а затем скомпилировать его в простой html и css, который можно использовать в каждом браузере. См. Это руководство для получения более подробной информации ... https://survivejs.com/webpack/introduction/

источник

2016-11-02 20:38:51 netchkin

Спасибо большое, нетчкин! Я попробую это и вернусь к вам. Я не использую webpack, потому что у систем расширения браузера есть свои системы загрузки модулей, на которые я опишу. Между интерфейсом и браузером установлена связь. Я не понимаю тонкости того, что делает webpack, это заставляет меня чувствовать себя неконтролируемым. :( – Noitidart

Я часто чувствовал себя так же, как с webpack, из-под контроля. К счастью, это просто вопрос игры с ним и хорошие обучающие программы. Лучший способ узнать это - начать просто и постепенно наращивать. вы всегда будете понимать, что происходит, и не будут добавлять функции, которые вы еще не узнали. – netchkin

Я начну экспериментировать с ним netchkin спасибо за то, что вы почувствовали то же самое! :) – Noitidart

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

ответ

Смежные вопросы