# 1-1-React 新版本及 ES6 简介
1. 课程简介
2. Getting Started变化
JSXTransformer
Create-react-app
3. React语法变化
Component
4. ES6基本语法
import
const
Class
Arrow Function
第一节课呢，我们就来简单介绍一下这些应用在React开发当中，属于 ES6 的新的关键字和语法糖，也好为我们之后的学习打下一个基础，当然我更推荐同学们对 ES6 有一个比较全面的了解之后再开始学习 React，不过你也不需要担心，以后在课程中每当遇到涉及 ES6 新语法的问题时，我都会稍作讲解。
**[ECMAScript 6 入门](http://es6.ruanyifeng.com/)**
## import
```jsx
import React, { Component } from 'react';
```
我们就从头开始看。首先是在JS当中引用其他库文件的语法变化。之前我们一般都是通过 `require` 方法把库文件导出的方法保存在一个变量中。在ES6当中引入了一组个新的关键字 `import/export`，如果有同学对 Java 或 Python 有所了解的话，对 `import` 语句应该不会感到陌生，一般我们都会在文件的开头引入我们需要使用的模块或方法。
我们在一个文件中导入的模块或方法是从另一个文件中导出的。如果是使用 `export default` 语句导出的方法，我们直接定义其变量名称，这样的方法每个文件只能导出一个：
```js
// myFunction.js
export default function() {
console.log('This is default function!');
}
// index.js
import myFunction from 'myFunction';
```
仅用 `export` 导出的方法，在使用时，则需要把它们包含在大括号里：
```js
// myAnotherFunction.js
export const foo = 'bar';
export function bar() {
console.log('foo');
}
// index.js
import { foo, bar } from 'myAnotherFunction';
```
## const
```jsx
const title =
React Learning
```
`const` 关键字在ES6语法中，被用来声明常量。不过这并不表示声明的常量中数据不可变。在es6中，`const` 声明的其实是一个只读的指针，也即是指针的位置不能改变，但其指向的值事实上是可以操作的，我�
