React实战——一起来做个记事本吧！

参考react全栈这本书的内容，一起来做个记事本吧！

开发步骤遵循THINKING IN REACT开发方式

（参考文献：http://www.cnblogs.com/sohobloo/p/5387598.html）

1.我们首先需要设计一个原型图，一个记事本工具，需求大概是记事列表、记事浏览、编辑、删除等功能，所以原型图需要列表和浏览的窗口，还有编辑和删除的按钮就可以了。

具体原型图可以看React全栈书的第四章。

2.接下来我们要设计项目的结构，要把所有组件放到一个新建的文件夹下，方便管理，这里起名叫COMPONENTS文件夹。我们给每个组件都新建一个文件夹，并且用组件的名称作为文件夹的名称，未来的你会感激现在这些看似麻烦的做法的！每个组件都有一个INDEX.jsx和一个STYLE.SCSS

组件的结构设计成这样：

component

deskmark(这里是整个程序的框架)

creaeBar

List

ListItem

ItemEditor

ItemShowLayer