React.js
文章平均质量分 75
jeikerxiao
简单,
展开
-
WebStorm 下React和webpack的初始配置
喜欢WebStorm支持JSX语法和代码高亮以及代码提示。1. 安装环境在一切开始前,请装好Node.js的环境,确保npm命令可以使用。Mac下请使用 brew install node 安装。2.WebStorm的配置在WebStorm上默认打开React编写的js文件代码会报错,这时候需要去设置里面 Languages&Frameworks => javaScript 勾选 JSX Harm原创 2016-12-15 11:11:05 · 15102 阅读 · 3 评论 -
webpack教程
那么,webpack 是什么? MODULE BUNDLER它是这么自称的,模块打包器。在 webpack 里,所有类型的文件都可以是模块,包括我们最常见的 JavaScript,及 CSS 文件、图片、json 文件等等。通过 webpack 的各种加载器,我们可以更高效地管理这些文件。1.安装 webpack我们通过 npm 在全局环境下安装 webpack:➜ npm install w转载 2016-12-15 14:09:10 · 762 阅读 · 0 评论 -
Redux - 入门学习
1.Redux简介2014年 Facebook 提出了 Flux 架构的概念,引发了很多的实现。2015年,Redux 出现,将 Flux 与函数式编程结合一起,很短时间内就成为了最热门的前端架构。Redux 是一个改变状态(state)的模型,这个模型通过一个单向操作的方式来改变状态。Redux 和 React 完全解耦,并不是 Redux 非得和 React结合才能使用,而只是 React 结合原创 2016-12-26 20:59:27 · 468 阅读 · 0 评论 -
React(五):使用Flux搭建React应用程序架构
React(五):使用Flux搭建React应用程序架构前面几篇文章介绍了React相关的基本概念和运行原理,可以看到React是一个完全面向View的解决方案,它让我们能以一种新的思路去实现View,让很多复杂的场景可以用一种简单的方法去解决。然而在一个完整的应用程序中,除了实现View之外,我们还需要考虑如何同服务器通信、View之间如何交互以及View背后的数据模型如何去设计。那么Flux正是转载 2017-02-10 14:15:09 · 588 阅读 · 0 评论 -
React(一):React的设计哲学 - 简单之美
React最初来自Facebook内部的广告系统项目,项目实施过程中前端开发遇到了巨大挑战,代码变得越来越臃肿且混乱不堪,难以维护。于是痛定思痛,他们决定抛开很多所谓的“最佳实践”,重新思考前端界面的构建方式,于是就有了React。React带来了很多开创性的思路来构建前端界面,虽然选择React的最重要原因之一是性能,但是相关技术背后的设计思想更值得我们去思考。React发布的0.13版,开始提供转载 2017-02-10 11:14:17 · 1223 阅读 · 1 评论 -
React(二):React开发神器Webpack
上一篇我们对React有了一个总体的认识,在介绍其中的技术细节之前,我们首先来了解一下用于React开发和模块管理的主流工具Webpack。称之为React开发神器有点标题党了,不过Webpack确实是笔者见过的功能最为强大的前端模块管理和打包工具。虽然Webpack是一个通用的工具,并不只适合于React,但是很多React的文章或者项目都使用了Webpack,尤其是react-hot-loade转载 2017-02-10 11:32:09 · 514 阅读 · 0 评论 -
React(三):理解JSX和组件
通过前两篇文章的介绍,相信大家对JSX和组件已经有了一定的了解。JSX这种混合使用JavaScript和XML的语言第一眼看上去很“丑”,也很神奇,但是其语法和背后的逻辑却极其简单。相信读完本文你就可以对JSX和组件有一个全面的了解,并能够用JSX来直观的构造用户界面。什么是JSXReact的核心机制之一就是虚拟DOM:可以在内存中创建的虚拟DOM元素。React利用虚拟DOM来减少对实际DOM的操转载 2017-02-10 11:43:00 · 2431 阅读 · 0 评论 -
React(四):虚拟DOM Diff算法解析
React(四):虚拟DOM Diff算法解析React中最神奇的部分莫过于虚拟DOM,以及其高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面,由虚拟DOM来确保只对界面上真正变化的部分进行实际的DOM操作。React在这一部分已经做到足够透明,在实际开发中我们基本无需关心虚拟DOM是如何运作的。然而,作为有态度的程序员,我们总是对技术背后的原理充满着好奇。理解其转载 2017-02-10 14:06:47 · 542 阅读 · 0 评论