React TodoMVC 实践

在线查看： https://boloog.github.io/react-todomvc/build/
GitHub地址： https://github.com/boloog/react-todomvc

使用终端

• git clone git@github.com:boloog/react-todomvc.git
• npm i
• npm start

相关技能

• React React-dom React-scripts React基础功能实现
• semantic-ui 实现页面ui布局
• jquery modal依赖
• leancloud-storage 存储所有数据

实现的功能

• 使用 LeanCloud 的免费服务来存储所有数据
• 创建新账号 (email，Username，Password)
• 登录 （Username，Password）
• 重设密码 （email）
• 登出 （signOut）
• 操作代办事项 (add，delete)

React应用的构成

• JSX JSX syntax
• Rendering Elements ReactDOM.render()
• Components and Props React.Component Props
• State and Lifecycle this.state，Lifecycle
• Events onClick，onChange，onSubmit
• Conditional Rendering condition ? expr1 : expr2 if...else
• Lists and Keys List Component
• Forms setState()
• Composition vs Inheritance

有什么疑问或问题，欢迎大家指出。