腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

技术墨客

本人所了解的技术介绍

专栏作者

105

文章

153277

阅读量

37

订阅数

Nextjs任意组件数据加载

react javascript html 渲染

Nextjs是React生态中非常受欢迎的SSR（server side render——服务端渲染）框架，只需要几个步骤就可以搭建一个支持SSR的工程（_Nextjs_的快速搭建见Next.js入门）。本文的案例代码来自于前端标准模板项目。

随风溜达的向日葵

2019-03-12

5K0

React学习（10）—— 高阶应用：上下文（Context）

在使用React时，很容易在自定义的React组件之间跟踪数据流。当监控一个组件时，可以监控到那些props被传递进入组件了，这非常有利于了解数据流在什么地方出现了问题。

随风溜达的向日葵

2018-08-15

1.1K0

React学习（9）—— 高阶应用：虚拟Dom差异比对算法

react 编程算法 api

React提供了一系列声明性的API接口，因此在使用时不必担心每次库的更新会修改API接口。这样可以降低编写应用的复杂度，但是带来的问题是无法很好的理解React是如何实现这些功能的。这篇文章会介绍React的差异比对算法——“融合算法”是如何执行的。

随风溜达的向日葵

2018-08-15

6050

React学习（7）—— 高阶应用：性能优化原

在React内部已经使用了许多巧妙的技术来最小化由于Dom变更导致UI渲染所耗费的时间。对于很多应用来说，使用React后无需太多工作就会让客户端执行性能有质的提升。然而，还是很其他更多的办法来加速React程序。

随风溜达的向日葵

2018-08-15

7900

React学习（2）——状态、事件与动态渲染原

上一篇文章最后说明了组件传入的参数必须是只读的，但是在丰富的前端应用中，页面样式是时时刻刻会发生变化的。在前面的章节中介绍了一个时钟的例子，通过重复调用ReactDOM.render() 来渲染组件：

随风溜达的向日葵

2018-08-15

2.9K0

React学习（1）——JSX语法与React组件

react java html

上面这段有趣的例子既不是标准的JavaScript也不是HTML，它就是我们接下来要介绍的JSX的语法，是一种JavaScript的扩展。在React中使用JSX描述一个UI是什么样子的，就好像HTML告诉浏览器我们看到的页面是什么样子。最开始接触JSX时会感觉它很像一种模板语言，但是除了提供模板能力之外，他拥有JavaScript所有的能力。

随风溜达的向日葵

2018-08-15

6910

本文记录了本人以及目前团队从无到有使用React的过程，我们将从webpack开始说起，一步一步展现React最基本的开发生态。在这里并不会介绍任何jsx或es6相关的语法，只聚焦于如何使用react生态搭建利于团队协作、有利于提升开发效率的开发环境。

随风溜达的向日葵

2018-08-15

7420

React学习（最终篇）—— 高阶应用：高阶组件（HOCs）

高阶组件（higher-order components：以下简称HOC或HOC组件）是一个React组件复用的高级技巧。HOCs本身并不是React的API接口，他是React组件之间组织方式的一种模式。

随风溜达的向日葵

2018-08-15

1.6K0

React——Flow代码静态检查转

Flow是Facebook开源的静态代码检查工具，他的作用是在运行代码之前对React组件以及Jsx语法进行静态代码的检查以发现一些可能存在的问题。Flow可以用于所有前端开发的项目而不仅仅局限于React，码友们可以到官网仔细了解（友情提示：可能需要VPN，非常不稳定），本文只介绍如何配合React开发使用。

随风溜达的向日葵

2018-08-15

1.1K0

构建用于生产的React静态化单页面服务原

React 作为一项热门的前端开发技术，现在使用它的团队越来越多。之前也介绍了react 的所有的特性，但是仅仅了解怎么开发 react 只走了万里长征的第一步，将 react 投入到真实应用还会遇到各种各样的问题。

随风溜达的向日葵

2018-08-15

3.6K0

React前后端同构防止重复渲染原

react seo html java

为了解决某些问题（比如SEO、提升渲染速度等）react 提供了2个方法在服务端生成一个HTML文本格式的字符串。在得到了这个HTML格式的字符串之后，通常会将其组装成一个页面直接返回给用户的浏览器。

随风溜达的向日葵

2018-08-15

8010

React中的模式对话框转

react https github

在16.x版本之后React提供了Protals功能来解决模式对话框不在Dom根节点导致的一些BUG。除了Protal还有更多的方法去解决这些问题，本文来自David Gilbertson的博客，详细解释了React中模式对话框的一些问题，以及他给出的解决方案，在了解Protals之前阅读这篇内容，能让你更加明白Protal的重要性。

随风溜达的向日葵

2018-08-15

2.1K0

node-sass无法安装的各种解决方案原

sass react npm ubuntu

使用react到现在，让人头疼的一个问题是安装node-sass。其实导致问题的根源在于安装过程需要下载一个binding.node文件，而因“你懂的”原因，访问不了这个地址。根据这个原因，总结了以下几个解决方案：

随风溜达的向日葵

2018-08-15

1.8K0

React 使用Context传递参数

在使用React时，很容易在自定义的React组件之间跟踪数据流。当监控一个组件时，可以监控到那些props被传递进入组件了，这非常有利于了解数据流在什么地方出现了问题。

随风溜达的向日葵

2018-08-09

1.6K0

React 虚拟Dom渲染算法

react 编程算法 api

React提供了一系列声明性的API接口，因此在使用时不必担心每次库的更新会修改API接口。这样可以降低编写应用的复杂度，但是带来的问题是无法很好的理解React是如何实现这些功能的。这篇文章会介绍React的差异比对算法——“融合算法”是如何执行的。

随风溜达的向日葵

2018-08-08

7660

React Object实现React对象

如果不使用ES6语法，可以直接使用 React.createClass 来实现相同的功能：

随风溜达的向日葵

2018-08-07

7890

React 渲染性能优化

在React内部已经使用了许多巧妙的技术来最小化由于Dom变更导致UI渲染所耗费的时间。对于很多应用来说，使用React后无需太多工作就会让客户端执行性能有质的提升。然而，还是很其他更多的办法来加速React程序。

随风溜达的向日葵

2018-08-07

9790

React 非受控组件

在大部分情况下，推荐使用受控组件来实现表单、输入框等状态控制。在受控组件中，表单等数据都有React组件自己处理。这里将介绍另外一种非受控组件，表单的数据有Dom自己控制。

随风溜达的向日葵

2018-08-06

5120

React Flow代码静态检查

Flow是Facebook开源的静态代码检查工具，他的作用是在运行代码之前对React组件以及Jsx语法进行静态代码的检查以发现一些可能存在的问题。Flow可以用于所有前端开发的项目而不仅仅局限于React，码友们可以到官网仔细了解（友情提示：可能需要VPN，非常不稳定），本文只介绍如何配合React开发使用。

随风溜达的向日葵

2018-08-03

7680

React prop类型检查与Dom

react typescript

当应用不断增长时，可以用过类型检查发现很多bug。对于某些应用，可以使用JavaScript扩展工具来完成，比如使用 Flow 或 TypeScript 来检查整个工程。除了引入外部工具之外，React也提供了参数类型检查的功能，只需要为每一个属性指定一个 propTypes 即可：

随风溜达的向日葵

2018-08-02

1.6K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态