示例： 注意： value只能传字符串类型

1.与vue对比，更快入门react 2.结合 js 的相关知识，更容易理解react 这个框架 3.此文章为系列文章，后续会持续更新

React时间线 用于视频的时间轴控件 安装 npm install --save react-timeline-bar 用法 import React from ' react ' import Timeline from ' react-timeline-bar ' import ' react-timeline-bar/dist/index.css ' const Example = () => { render () { return console . log ( seconds ) } /> } } 道具 totalDuration例如视频的总长度，以秒为单位 currentTime当前视频播放时间的秒数 onSetNewTime回调，返回用户单击的totalDuration空间中的秒

react_kafka_chat_app 启动Zookeeper 启动Apache-Kafka 3.启动服务器 4，启动客户端

这是我个人页面的项目。 我使用ReactJS进行开发。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行该应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。

在线铁路预订系统 介绍 “ National Rail”火车票预订系统Web应用程序使用诸如前端的React JS和Node JS，Express JS（用于后端的Node JS Web框架）和MongoDB文档数据库等技术实现，以存储Web应用程序数据。 客户/用户应进行注册/注册，以从火车票预订系统获得服务。 成功注册/注册后，用户可以通过提供出发站和目的地站来搜索火车。 然后，用户可以单击“预订车票”按钮以预订该特定火车的车票。 然后，提示用户选择“移动支付”或“卡（借记/贷记）”支付方式。 如果用户选择“卡支付”，则用户将被重定向到“卡支付网关”，在此用户需要填写票务详细信息和信用卡/借记卡详细信息。 成功预订后，将在Nodemailer模块的帮助下将确认电子邮件发送给用户。 如果用户选择了“移动支付方式”，则将PIN码发送给用户以确认其电话号码，同时将用户重定向到“移动支付网

react-intersection-observer 实现性能提升代码效果图

Weather-App-React.js 用于实现此目的的技术： :laptop_computer: 香草JS :laptop_computer: HTML :laptop_computer: CSS :laptop_computer: React.js :laptop_computer: React引导 描述 使用上述技术制作的非常简单的天气应用。 该应用程序的目的是展示使每个人都可以使用或每天使用的应用程序多么简单。 如何开始 只需在文件夹weather-app运行npm start

详细介绍用EC6+构建Apps，使用React开发SPA应用，用create-react-app安装项目、Redux、React Router、TypeScript, Node用Express和GraphQL开发WEB服务等内容。

Road to learn React