React学习之路01

React 入门

     1.安装node.js

        通过npm安装react开发环境

        1.1：npm init（项目初始化）

        1.2：npm install --save react react-dom babelify babel-preset-react（项目依赖包安装）

        1.3：npm install --save babel-preset-es2015（项目依赖包安装）

      2.使用webpack打包，管理项目

        2.1：npm install -g webpack

        2.2：npm install -g webpack-dev-server

        2.3：webpack-dev-server（运行项目），然后直接访问localhost:8080

   效果如下：

项目结构如下：

React实现简单效果

react代码：

 

React的组件化：

         效果：

代码实现：

      1：页头

     

        2：页中

    

     3：页脚

    

4：页面