原文链接:The React Quick Start Guide 这篇文章将概括性的介绍一下如何用 ReactJS 进行开发。我将介绍一些基础知识,不会有过于深入的分析。你可以结合这些代码阅读本文。 一些概念 React…
分类:ReactJS
从 auto-ellipsis 看 React 组件开发
auto-ellipsis 是一个用于解决文本超长溢出截断并加 ... 的 React 组件。 关于 React 随着 React 的火热,随之而来的负面消息也变得更多。之前网上就有人批评说 React 的鼓吹者很多,甚…
React学习笔记—虚拟DOM
React对底层的代码作了封装,在大多数情况下,我们不需要直接去操作DOM。但是有时候我们还是需要使用到底层的代码的,比如输入框获取焦点,这个时候可以通过第三方的类库或者React提供的API实现。 虚拟DOM Reac…
使用Firebase构建云端应用:创建项目和用户管理
在构建自己的在线云工具应用时,我使用 Firebase 为自己的“无后端项目”提供服务,把在开发期间接触到的一些内容整理在一起,制成系列笔记。这个过程有两个好处:巩固知识点,整理开发过程的思路。因为前端开发是自己所熟悉的…
React学习笔记—属性转移
React当中的组件嵌套很常见,外部组件暴露的属性也许会干一些复杂的实现细节。 我们可以使用属性延伸覆盖原来的属性值 var Component = React.createClass({ render: functio…
redux深入进阶
上一篇文章讲解了redux如何使用,本篇文章将进一步深入,从redux的源码入手,深入学习redux的中间件机制。在这里我们会以一个redux-thunk中间件为例,逐步分解redux的中间机制如何操作,如何执行。 闲话…
React实现购物车功能
这个简单的demo,功能是这样的:最左侧是列表,点击列表项可查看详情,中间是详情,详情中有按钮,点击可加入购物车,最右侧是购物车,购物车自动更新总数和总价.使用create-react-app创建.代码如下: index…
React and React with ES6
此文章会逐步更新,主要记录使用react遇到的问题和解决方案… React 和 ES6 这个介绍的很完整,看这个吧,https://babeljs.io/blog/2015/06/07/react-on-es…
浏览器平台的改造
缘起 最近看到几个框架, 觉得趋势有明显, 就是大家都在想各种办法 Hack 浏览器. 我想越来越多人来开发 HTML5 应用并不是为了 HTML5 特别适合开发图形应用, 而是因为 Web 这个平台更容易触及, 并且对…
React Mixin 的前世今生
在 React component 构建过程中,常常有这样的场景,有一类功能要被不同的 Component 公用,然后看得到文档经常提到 Mixin(混入) 这个术语。此文就从 Mixin 的来源、含义、在 React …
ClojureScript/OM 配合 descjop 开发笔记
什么是 descjop ? descjop 是一个 lein 的模板,使用这个模板生成的项目包括了符合要求的目录结构,以及完备的依赖。可以方便的开发基于 cljs/om 以及 electron 的桌面应用程序。 如果使用…
走近 Redux
1 Redux Redux is a predictable state container for JavaScript apps 简单来说,Redux是一个管理应用状态的框架 2 解决的问题 2.1 前端开发中的普遍…