没有IDE的ReactJS

-4

我想看看reactJS。不幸的是我找到的所有教程都假定我有一个IDE。但我不想为此安装IDE，甚至在我的工作场所也无法做到这一点。没有IDE的ReactJS

所以我想知道，如何在没有IDE的情况下使用React。只需注入必要的库文件即可。我不在乎，如果它的运行速度比其他方式慢，我只想让它工作。

JSbin和Co只是第二种选择，因为我想在后期存储写入的文件。

有没有人知道一个教程，它描述了我必须注入哪些库以及如何获得第一步？

我希望有人能帮忙。问候

基督教

顺便说一句，我的实际尝试是这样的：

<!doctype html> 
<html> 
<head> 
<title>React</title> 
    <meta charset="utf-8"> 

    <script src="https://unpkg.com/[email protected]/dist/react.min.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react-dom.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.4.4/babel.min.js"></script> 

</head> 

<body> 

<div id="react-container"></div> 


<script type="text/jsx"> 

var meineKomponente = React.createClass({ 
    render: function() {  
     return <h1>Hallo Welt</h1>; 
    } 
}); 

React.render(<meineKomponente />, document.querySelector('#react-container')); 

</script> 
</body> 
</html>

这种情况的信息从不同的地方，当然云集，这是行不通的。

来源

2017-08-17 Christian Heisch

如果你的意思是转译，你只需要Node和npm（分别为构建和依赖关系）。你使用的文本编辑器是不相关的，虽然有些在处理React（linting，突出显示等）时提供了精确性。另外，在运行时解析JSX并不是最优的。 – Joseph

实际上没有理由不使用IDE，因为大多数都是免费的。 –

@MuratK。“我甚至不能在我的工作场所那样做” – shabs

有一些基于浏览器的IDE。

StackBlitz - https://stackblitz.com/ - 最近才听说这个，所以还没有真正使用它，但它似乎真的很好。作为奖励，它为ReactJS项目提供了一个快速入门模板，这可能正是您所需要的。
Cloud9：https://c9.io/ - 总是一个可靠的选择。

还有更多，我敢肯定。

来源

2017-08-17 14:43:44 shabs

谢谢，那就是我在找的东西。 –

您不需要任何特定的IDE即可使用库或框架。您可以使用记事本或textedit并获得相同的结果。

问题是，为什么你不使用IDE？如果您使用IDE路由，代码完成，自动分类和无限数量的有用插件都可供您使用。

至于教程去，Facebook的自己的阵营文档有一个伟大的教程，涵盖了所有的基本知识：https://facebook.github.io/react/tutorial/tutorial.html

如果您担心他们正在使用ES6，你可以使用的jsfiddle，看看有什么不见了错误：

https://jsfiddle.net/tt6uet4a/1/

var MeineKomponente = React.createClass({ 
    render: function() {  
     return <h1>Hallo Welt</h1>; 
    } 
}); 

ReactDOM.render(
    <MeineKomponente name="World" />, 
    document.getElementById('react-container') 
);

至于你的代码的话，你就需要使用ReactDOM的渲染功能，以及uppercasing您的JSX元素名称。

来源

2017-08-17 14:49:36 stefannew

要开发React，您不需要IDE。所有你需要的是一个终端和一个文本编辑器。我假设你正在考虑将React作为像jQuery这样的JavaScript库，这就是为什么你要在head之内包含React到script标签，比如“old-school”javascript。

对于React的一个简单的开始，我认为你应该先看看nodejs。尝试安装它，然后按照create-react-app。

来源

2017-08-17 14:50:21

没有IDE的ReactJS

回答

相关问题