我是reactjs的新手,並且安裝了node.js和babel.I爲什麼我們在使用node.js和babel的時候沒有清楚的想法。任何人都知道push我在反應..爲什麼我們在reactjs中使用node.js和babel
回答
有multiple ways開始使用React.js庫。雖然最方便的是使用Babel + Webpack。
React使用JSX語法。 Babel是一個轉譯器,即它將JSX轉換爲vanilla JavaScript。您可以將babel視爲代碼與「可執行」代碼之間的中間步驟。
React也使用ES6,這是大多數瀏覽器不支持的。 Babel將ES6代碼轉換爲與瀏覽器兼容的代碼。
成熟的React項目的最佳組合是React + babel + Webpack。爲了運行babel和webpack,你需要節點。
我建議你先拿一個教程讓你的手變髒。
ReactJS使用它自己的語言(JSX),它是基於JavaScript,但不是JavaScript。
Babel將該語法翻譯爲可在Web瀏覽器中運行的JavaScript。
Babel依賴於Node.JS來運行。
好的quentin ...現在我知道了關於babel和plz給node.js的信息看起來像你的babel解釋。 – praveenkumar
@PraveenKumarInvoscape - 「Babel依賴於Node.JS來運行」 – Quentin
我想現在爲什麼babel的原因依賴於node.js..plz給出了細節quentin – praveenkumar
- 1. 在react-native中,我們使用styleSheet.create。我們在reactjs中使用什麼?
- 2. ReactJS Browserify和Babel
- 3. 爲什麼我們在jQuery中使用「({})」?
- 4. 爲什麼我們使用ChangeAwareList和ChangeAwareMap
- 5. ReactJS:爲什麼使用this.props.children?
- 6. 在ConstraintLayout中,我們在RelativeLayout中使用'app',我們使用'android'。爲什麼?
- 7. 爲什麼我們使用Groovy中
- 8. 如何在Golang中使用ReactJS和Babel以及JSON API
- 9. 爲什麼我們在php中使用assert()和assert_options()?
- 10. 爲什麼我們在Android Studio中使用Matrix和canvas?
- 11. 爲什麼我們在Java中使用堆棧和隊列?
- 12. 爲什麼在使用ES6和ReactJS時需要使用綁定?
- 13. 用reactjs和babel導出函數
- 14. 在reactjs中給出babel和node.js之間關係的詳細信息
- 15. 爲什麼我的babel poyfill不工作?
- 16. 裝配需要什麼?爲什麼我們使用它們?
- 17. 爲什麼我必須將babel-presets放入.babelrc和webpack.config.js中?
- 18. 爲什麼使用Node.js的
- 19. 在node.js中爲什麼我應該使用readFileSync作爲ssl證書和密鑰?使用readFile有什麼缺陷?
- 20. 爲什麼我們在JS
- 21. 爲什麼我們在iphone
- 22. 爲什麼我們不得不使用私人?在C + +和Java?
- 23. 爲什麼我們使用內部類?
- 24. 爲什麼我們使用canvas.save或canvas.restore?
- 25. 爲什麼我們使用AutoCompleteTextView
- 26. 爲什麼我們使用Git Keys
- 27. 爲什麼我們使用SimpleLoadTimeWeaver?
- 28. 爲什麼我們使用tf.name_scope()
- 29. 爲什麼我們使用tq_struct?
- 30. 爲什麼我們使用SWIFT
好的mihir ...高興爲你回答 – praveenkumar
mihir我讀了關於node.js的基本細節,但是我仍然沒有清楚的瞭解node.js之間的關係並作出反應 – praveenkumar
好吧,沒問題。 React和Node之間沒有直接的關係。但React使用與瀏覽器不兼容的JSX和ES6代碼。所以即使你編寫React組件,它們也不會在瀏覽器中運行。這就是爲什麼您需要將該代碼轉換爲瀏覽器可以理解的代碼。要轉換該代碼,你需要babel。要運行babel,你需要Node。無法在沒有節點的情況下運行Babel。暗示,您將無法運行React代碼。 – Mihir