Fullstack React 学习笔记(五)

Advanced Component Configuration with props, state, and children 本章我们深度挖掘一下 components 的配置,ReactComponent 是一个 JavaScript 对象,它最少有一个 render() 函数,期待返回一个 ReactElement 对象。 回忆一下,ReactElement 是 DOM 元素在虚拟 »

Fullstack React 学习笔记(四)

JSX and the Virtual DOM React 和许多其他的 JavaScript 前端框架不同,它并不会直接操作浏览器的 DOM,取而代之的是其内部构建了一个虚拟 DOM,用户也只和这个虚拟 DOM 打交道,React 会将虚拟 DOM 的修改同步到浏览器 DOM 上。 不直接操作浏览器 DOM,而需要虚拟 DOM »

Fullstack React 学习笔记(三)

Components & Servers 上一章,我们将 Timers 的 State 管理放置在了 TimerDashboard 组件中,所有的数据流都是从顶端流向叶子节点,而事件则是从叶子组件向上通过函数调用传递给了父组件。 目前 TimersDashboard 还是硬编码初始 state,任何更改只能在窗口打开时生效,这一章我们需要与服务器交流,将『修改』持久化保存在服务器上。这里所有的更改都保存在 data.json 文件中。 »

Fullstack React 学习笔记(二)

Components A time-logging app 本章我们要实现一个计时器,先看下界面 计时器涉及更多的交互性 正式开始 $ cd time_tracking_app $ npm install $ npm start 现在我们监听 http://localhost:3000 正式编码前,先来熟悉下组织架构 $ ls README.md data. »