React官方入门教程Demo

概述

学习ReactJS之前,先看看ReactJS的实际运行效果。
官方教程的代码,并加上了一些服务器端的代码予以补充。
该Demo实现了一个简易而使用的评论模块(Comments Box),该模块定期从服务器上获取最新评论。
官方Tutorial

关于React的几个基本概念

作为一个初学者,这只是个极其简单的示例,另外稍微结合了一点后端的东西。

了解虚拟DOM是React在渲染实际DOM之前的一个缓存区,每次渲染都会先对虚拟DOM进行对比,以使渲染实际DOM时操作量经过优化,由于虚拟DOM的对比是在内存里上的,大大提高了效率。

JSX使得我们可以直接在React中写HTML标签以及其他自定义标签(如React组件等),React之后会负责将其编译为JS代码。

两个基本概念:

  1. 虚拟DOM
  2. JSX

基本信息

JDK版本:1.8.0_65
工程类型:Maven Web工程
IDE:Eclipse Mars.1 Release (4.5.1)
服务器:Tomcat v8.0
数据库:H2Database

下载地址

重写了一遍官方的例子,就不放在GitHub上了。

下载地址,密码:bkux。