Algernon + React速通教程

Algernon在samples文件夹里有一个 react_tut 目录，里面带了一套极简react使用样例：用algernon和react做一个用户评论组件。

 

react_tut目录一共有20个渐进式的子教程从 tutorial1~tutorial20，内容简单易懂，而且可以随时修改随时看结果。

首先把当前目前切换到 samples目录的上一级，然后启动algernon，带上 -a 来保证修改文件后可以实时看到效果。

algernon.exe -a -c -e --redis=127。0.0.1:6379 . :80

algernon.exe需要配置到PATH里。如果你本地没运行redis可以直接删掉 --redis=xxx 这个参数。-c 使得algernon缓存文件状态。-e 进入开发者模式。

启动好以后，在浏览器打开 http://localhost/samples/react_tut/http://localhost/samples/react_tut/

 

看到如上内容，可以点击1~20依次打开20个教程。在vscode里，我们可以依次浏览每个教程的源码。

tutorial1 是一个没啥内容的教程，展示了Amber模板的用法和react.js的引入。