沒有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

回答

相關問題