【react.js】
神以灵
渴望成为前端大神的一个noob~~~
(https://github.com/shenyiling)
展开
-
React RFC Server Components
12月21日,React 团队公布了一个新的提案 Server Components。伴随这个提案同时发出的,还有一个小时的视频讲解、可供运行的Demo、详尽的介绍。这里有react团队的相关rfc可见,React 团队很重视这个提案。本文会从如下方面讲解:Server Components 是什么Server Components 解决了什么问题ServerComponent是什么一句话概括:Server Components 是在服务端运行的 React 组件。咦?这和 服务端转载 2020-12-26 00:31:30 · 549 阅读 · 0 评论 -
谈谈 React 新出的 Server Components
昨天看了 demo,今天翻了翻源码。我们应该从几个维度来“看待” React Server Components:当前开发遇到了哪些痛点?这些痛点目前有哪几种解决方案?Server Components 是怎么解决这些痛点的?Server Components 是否比这些解决方案更优秀?Server Components 是某一个或某几个解决方案的升级、颠覆还是互补?而最常拿来和 Server Components 对比的就是传统的 PHP/ASP 技术和为框架而生的 SSR 技术。Reac转载 2020-12-25 09:15:34 · 903 阅读 · 0 评论 -
深入浅出 useSWR 原理
原文链接:https://zhuanlan.zhihu.com/p/93824106 作者:飞冰-chenbin92本文主要是基于 SWR 源码对其原理进行分析,但并不会直接从源码开始,而是从实际需求场景一步一步推导进而实现 SWR 的功能,如果不了解 SWR 是什么,可以先看上一篇《SWR:最具潜力的 React Hooks 请求库》或者直接看 SWR 的官方介绍文档。本文完整示例代码...转载 2020-03-02 10:16:42 · 3252 阅读 · 0 评论 -
SWR:最具潜力的 React Hooks 数据请求库
原文链接:https://zhuanlan.zhihu.com/p/89570321 作者:飞冰-chenbin92说明:本文内容主要来源于 SWR 的 官方文档 以及 GitHub zeit/swr 仓库,本篇主要为功能简介篇。简介React Hooks library for remote data fetching一个用于请求远程数据的 React Hooks 库,官网的快速...转载 2020-03-01 21:19:50 · 2010 阅读 · 0 评论 -
深入理解:React hooks是如何工作的?
作者:swyx原文:Deep dive: How do React hooks really work?译者:lonelycat从根本上说,Hooks是一种更简单的方式,用于封装用户界面中的有状态行为和副作用。 React最先引入了Hooks,现在其他框架如Vue,Svelte都广泛实现了该功能,TNG-Hooks甚至可以为常规的JS函数提供Hooks。然而它们的函数式设计需要对Java...转载 2019-12-03 09:29:26 · 224 阅读 · 0 评论 -
[译] React Hooks: 没有魔法,只是数组
英文原文我是 React 新特性 Hooks 的粉丝。但是,在你使用 React Hooks的过程中,有一些看上去 很奇怪的限制 。在本文里,对于那些还在为了理解这些限制而苦苦挣扎的同志,我尝试通过一些列图表的方式,来解释为什么会存在这些限制。理解hooks怎么运行我听说很多同学都对hooks像魔法一般的效果感到困惑,因此我将尝试通过浅显的方式,来演示hooks是怎么运行的。hooks...转载 2019-12-02 15:39:09 · 145 阅读 · 0 评论 -
完全理解React Fiber
一.目标Fiber是对React核心算法的重构,2年重构的产物就是Fiber reconciler核心目标:扩大其适用性,包括动画,布局和手势。分为5个具体目标(后2个算送的):把可中断的工作拆分成小任务对正在做的工作调整优先次序、重做、复用上次(做了一半的)成果在父子任务之间从容切换(yield back and forth),以支持React执行过程中的布局刷新支持render(...转载 2019-07-21 19:55:17 · 628 阅读 · 0 评论 -
react新版本生命周期
react发布16版本后有了很多新增特性,之前有一直看这些新的变化但是却没有做什么总结,这里对生命周期的变化作个记录~~后面也会继续总结其他的新特性,如果发现错误请告诉我给componentWillMount componentWillReceiveProps componentWillUpdate生命周期加上UNSAFE_前缀,表明其不安全性,并将在未来版本将其移除 官网文档指出...原创 2018-06-18 20:35:21 · 3026 阅读 · 0 评论 -
react近期总结
这篇文章仅用于本人对于react知识的总结,只包含了一些基础知识,若出现错误请在评论中告知我(我也是正在学习中),文章内容我会在后面继续更改和添加,更多详细内容可以查看菜鸟教程或者官方文档1.JSXJSX是一个js的语法扩展,它被写出来供React使用,他不是合法的js,浏览器不能识别它。但是它会被JSX编译器编译成正规的js代码。<h1>Hello World</h1>; //在原创 2017-07-07 21:57:36 · 259 阅读 · 0 评论 -
ScrollView测试
还可以通过记录前后两次的滚动距离来判断每次滑动的方向/** * 说明:这里是垂直的滚动视图,如果采用水平的滚动视图需要更改相关变量 * * 注意点:安卓中调用scrollTo方法不会,触发ScrollView的onMomentumScrollEnd方法 * 并且不要在onscroll中,将滚动距离存在state中,会产生巨大误差 */import React, {Compon原创 2017-08-02 16:16:51 · 427 阅读 · 0 评论 -
react-native的正确姿势
最近在实习,公司要求学习react-native,搞了两天一直没能好好运行一个程序,从开始的环境搭建到初始化第一个项目各种问题,各种错误,网上也找不到解决方法(很想哭),今天下班以后,饭也没吃就回住的地方继续弄,终于成功了一次,先简单记录下,另加说明:我不保证这个方法一定成功,毕竟我也才成功了一次,我怕后面又出问题(感觉做开发好的设备还是挺重要,有钱了马上换装备),先把原文链接附上:http://w原创 2017-07-13 22:13:06 · 299 阅读 · 0 评论 -
FlatList测试
import React,{Component} from 'react';import { View,Text,FlatList} from 'react-native';const data = [ {key:'a',text:'jiangzhixi'}, {key:'b',text:'jiangdonlin'}, {key:'c',t原创 2017-08-17 09:37:13 · 1025 阅读 · 0 评论 -
react-native遇到过的错误
记录下使用react-native过的错误,实习期间一直没空写博客~~~1、development return response error 500:一般是引用文件组件等的路径错误,找不到; 2、cannot excute importjavascriptexception: 一般是写错变量名称等; 3、导入图片资源时,需要重新打包; 4、Application has not been原创 2017-09-23 17:38:12 · 4742 阅读 · 0 评论