那这样,像了
render: ->
(div className: "container",
(p className: "input-group",
(label htmlFor: "xxxxid", "Input")
(input ...)))
那这样,像了
render: ->
(div className: "container",
(p className: "input-group",
(label htmlFor: "xxxxid", "Input")
(input ...)))
我在用angular的时候遇到一个问题,就是动画很难做。对比jquery碉堡的生态药差不少。感觉React也会有类似的问题。
目前的工作主要在写svg,React的支持就不够好,主要是因为svg本身的支持就不够好,而React的生态还没有起来。
现在js框架很多,根据不同场景产生出不同用处的js框架结构和针对不同场景做出来的性能优化,但是它们不能适应跨终端开发,存在不同的局限性。自从react.js进入我的认知世界的里,它改变了我对前端框架的理解,以前都是拿成熟的框架体系去研究 去写页面结构,而Facebook 提出的“去框架化”概念,让我好奇,为什么要被那些乱七八糟的框架所束缚,页面结构的开发就不能像组装汽车一样,自定义生产不同的零件,然后拼成一个完整的页面吗?react.js专注局部的开发封装,用它可以在一个项目起初,生产出公共组件,然后在页面中进行组装,传统js对于插入DOM操作性能不是很好,大家都是知道这点是react.js一个创新,同虚拟DOM去整合性能要好很多。 画了一个简单的图片,说明一下,局部拼接形成任意形态的页面结构整合。我觉得这样灵活度更高,适应场景更多。 用react先把公共组件部分进行前期整合封装,而自定义部分则根据页面场景伸缩开发,再用过cmd或者amd去调度页面所需要的资源,尤其在单页面应用中开发,局部切换场景很多,这就需要组件调度的方式来制作,我个人浅薄的理解,呵呵,有些不周的地方,还请各位多多提醒哈
state作为函数的输入,每次更新都会触发component重新render(),state改变等价于一次函数调用。也就是说最新的state总能得到预期的展示,这是符合函数式编程的。
写JSX还是比写React.createElement方便得多。
能接受前端模板引擎,也应能接受JSX。
所谓的厌恶HTML/XML跟JS混杂,只能算一个不合理的接口。
因为JSX根本没有涉及HTML字符串,将模板字符串放JS里时,以他们的洁癖,又是如何忍得的?