RSuite 一个基于 React.js 的 Web 组件库
RSuitehttp://rsuite.github.ioRSuite 是一个基于React.js开发的Web组件库，参考Bootstrap设计，提供其中常用组件，支持响应式布局。我们的目标就是让WEB开发更快捷，同时具有一定的灵活性和扩展性。一个简单的例子:通过 npm 安装npminstallr...
React.JS中JSX的原理与关键实现
本篇和大家一起学习React.js中JSX的原理与关键实现
使用新一代js模板引擎NornJ提升React.js开发体验
当前的前端世界中有很多著名的开源javascript模板引擎如Handlebars、Nunjucks、EJS等等，相信很多人对它们都并不陌生。js模板引擎的现状通常来讲，这些js模板引擎项目都有一个共同的特性：只专注渲染字符串(html)早在几年前Backbone等mv*框架流行的时候，js模板引擎...
React.js 小书 Lesson21 - ref 和 React.js 中的 DOM 操作
作者：胡子大哈原文链接：http://huziketang.com/books/react/lesson21转载请注明出处，保留原文链接和作者信息。在React.js当中你基本不需要和DOM直接打交道。React.js提供了一系列的 on*方法帮助我们进行事件监听，所以React.js当中不需要直接...
MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录
注：文章内容都是摘录性文字，自己阅读的一些笔记，方便日后查看。MVCMVC（Model-View-Controller），M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。交互方式（所有通信都是单向的）：View传送指令到...
基于React.js网页版弹窗|react pc端自定义对话框组件RLayer
基于React.js实现PC桌面端自定义弹窗组件RLayer。前几天有分享一个Vue网页版弹框组件，今天分享一个最新开发的ReactPC桌面端自定义对话框组件。RLayer一款基于react.js开发的PC端自定义Layer弹出框组件。支持超过30+参数*配置，通过轻巧的布局设计、极简的调用方式来...
react.js基本操练
慢慢了解其它的JS前端框架。。。vardata=[{"when":"2minutesago","who":"JillDupre","description":"Creatednewaccount"},{"when":"1hourago","who":"LoseWhite","description"...
react.js 从零开始（六）Reconciliation
Reconciliation React的关键设计目标是使API看起来就像每一次有数据更新的时候，整个应用重新渲染了一样。这就极大地简化了应用的编写，但是同时使React易于驾驭，也是一个很大的挑战。这篇文章解释了我们如何使用强大的试探法来将O(n3)复杂度的问题转换成O(n)复杂度的问题。动机（M...
react.js 点击事件传递参数的方法
<buttononClick={this.handleClick.bind(this,props0,props1,...}></button>handleClick(porps0,props1,...,event){//yourcodehere}react.js点击事件传递参...
react.js 获取真实的DOM节点
为了获取真实的dom节点，文本输入框必须有一个 ref 属性，然后 this.refs.[refName] 就会返回这个真实的DOM节点。varMyComponent=React.createClass({handleClick:function(){this.refs.myTextInput.fo...
React.js 小书 Lesson3 - 前端组件化（二）：优化 DOM 操作
作者：胡子大哈原文链接：http://huziketang.com/books/react/lesson3转载请注明出处，保留原文链接和作者信息。看看上一节我们的代码，仔细留意一下 changeLikeText 函数，这个函数包含了DOM操作，现在看起来比较简单，那是因为现在只有 isLiked 一...
ref 和 React.js 中的 DOM 操作
在React.js当中你基本不需要和DOM直接打交道。React.js提供了一系列的 on*方法帮助我们进行事件监听，所以React.js当中不需要直接调用 addEventListener的DOMAPI；以前我们通过手动DOM操作进行页面更新（例如借助jQuery），而在React.js当中可以直...
正式发布一款可cmd命令安装的React.js项目脚手架—FastReactApp
主要介绍最近这段时间开发的一款脚手架——FastReactApp。这是一款基于Parcel2 开发的React.js项目脚手架。虽然比不上正在前端界火爆的Vite以及占据稳定地位的CreateReactApp，但是基本的项目开发还是可以的。
基于 React.js + Redux + Bootstrap 的 Ruby China 示例 (转)
一直学REACT+METEOR但路由部分有点问题，参考一下：基于React.js+Redux+Bootstrap的RubyChina示例http://react-china.org/t/react-js-redux-bootstrap-ruby-china/8752示例的演示地址：http://ru...
React.js 小书 Lesson23 - dangerouslySetHTML 和 style 属性
作者：胡子大哈原文链接：http://huziketang.com/books/react/lesson23转载请注明出处，保留原文链接和作者信息。这一节我们来补充两个之前没有提到的属性，但是在React.js组件开发中也非常常用，但是它们也很简单。dangerouslySetHTML出于安全考虑的...
React.js 小书 Lesson4 - 前端组件化（三）：抽象出公共组件类
作者：胡子大哈原文链接：http://huziketang.com/books/react/lesson4转载请注明出处，保留原文链接和作者信息。为了让代码更灵活，可以写更多的组件，我们把这种模式抽象出来，放到一个 Component 类当中：classComponent{setState(stat...
react.js 从零开始（五）React 中事件的用法
事件系统 虚拟事件对象事件处理器将会传入虚拟事件对象的实例，一个对浏览器本地事件的跨浏览器封装。它有和浏览器本地事件相同的属性和方法，包括 stopPropagation() 和 preventDefault()，但是没有浏览器兼容问题。如果因为一些因素，需要底层的浏览器事件对象，只要使用 nati...
[译]5分钟学习React.js
本教程将通过构建一个非常简单的应用程序，让你对React.js有基本的了解。我会抛弃所有我认为不是核心的东西。如果你喜欢我的教学风格，在我们即将推出免费的React.js课程时你想收到通知，可以在此留下电子邮件。设置在开始使用React时，你应该使用最简单的设置：在html文件中使用script标签...
ReactiveX 学习笔记（26）使用 RxJS + React.js 调用 REST API
JSON:PlaceholderJSON:Placeholder(https://jsonplaceholder.typicode.com/)是一个用于测试的RESTAPI网站。以下使用RxJS6+React.js调用该网站的RESTAPI，获取字符串以及JSON数据。GET/posts/1GET/...