reactjs – 如何：使用React JS环境

(所有列出的教程分别托管在GitHub上.)

但我一直在尝试创建一个本地React JS环境,我可以在Mac上练习编码. (最终目标是将我的文件升级到GitHub并通过Heroku发布它们,以便我可以分享我工作的任何内容.)

我使用过本教程：https://www.kirupa.com/react/setting_up_react_environment.htm – 一切似乎都有效,但由于某些npm错误,我无法将文件托管到Heroku.

在任何情况下,我现在都很困惑,因为据说index.hmtl / index.jsx文件被“打包”到输出中的“myCode.js”文件中,这就是浏览器看到的内容. (我假设这是Webpack所做的事情,因为它应该“捆绑”东西……现在我不太确定.)

但是我的印象是,如果我要更改index.jsx文件中的代码,那么myCode.js文件也会更新……但事实并非如此.这里有一个函数可以使教程中的代码继续显示.

我注意到这个输入与输出文件夹在大多数Web应用程序设置中确实是一个东西,因此我需要了解这里发生了什么.

这是另一件事：我已经从https://blog.hellojs.org/setting-up-your-react-es6-development-environment-with-webpack-express-and-babel-e2a53994ade和本教程(上面)下载了完成的设置文件…当我打开index.html文件时,我的浏览器中没有显示任何内容.

我错过了什么吗？我正在寻找一种方式来说,使用一个设置来不断练习和构建教程然后当我准备好时,清除主要工作文件并从头开始创建一个小测试应用程序…好像我在工作在真实的东西上(这意味着用数据库或一些“数据库替代品”).

我希望将我的基本结构主要限制为：Node.js,React,Webpack&巴别塔

我是所有这一切的新手,所以任何帮助将不胜感激.我真的只想进入编码.

我也有一些与npm有关的问题.按照第一个教程,它是直截了当的,但是一旦我安装了一些东西,我就开始遇到问题.它似乎与全局文件和本地文件有关,但说实话,我只是想快速使用像npm和git这样的东西作为工具而不必从头开始了解它们……因为学习其余文件已经足够了一个挑战.

有没有人知道我可以复制,粘贴和进入代码的来源？！因为上面的教程对我来说没有意义.

谢谢,
四月