React 之 Hello world

一入react深似海，从此学习为常态，react 成为了一种趋势，很多人应该很多人准备进坑，下面对react进行简单的描述：

首先学习react，要有多方学习的准备，例如：Webpack, Babel, Redux, React Router, CSS Modules, NPM, ES6/7等等，如果想要完全掌握，就必须去进行了解。

下面，以最原始的Hello World入门：

1、打开 React 之 Hello world

2、建立一个文件夹：mkdir webpack-demo && cd webpack-demo

3、建立一个package.json 文件：npm init（建立的时候会填一些问题：such as project name, description, information about the author, etc.）

　　这些并不重要，如果不填，直接回车就行

4、添加webpack依赖，并进行安装：npm install --save-dev webpack

5、准备完毕，接下来让我们建立相关文件：such as :一个 "app" 文件夹放置编辑的源代码/ JavaScript模板, 一个 "public" 文件夹被用来连接你的浏览器such as：index.html.之后自动建立的bundle.js也在这个文件夹下. 然后创建三个文件：在public文件夹下的index.html 、在app文件夹下的 main.js 、 Greeter.js.建好之后如下所示：

React 之 Hello world

6、接下来将下面代码分别复制到相应文件：

index.html:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3   <head>
 4     <meta charset="utf-8">
 5     <title>Webpack Sample Project</title>
 6   </head>
 7   <body>
 8    
 9     <div id='root'></div>
10 
11     <script src="bundle.js"></script>
12   </body>
13 </html>
14

View Code