简介 使用react仿写的哔哩哔哩游戏中心(当我写完后发现官方更新了,和我这个版本不一样了(╯°Д°)╯ ┻━┻)。项目都是后台写的假数据。 地址 演示地址(请使用移动版Chrome或PC Chrome 的开发者工具查看…
基于虚拟DOM(Snabbdom)的迷你React
原文链接 原文写于 2015-07-31,虽然时间比较久远,但是对于我们理解虚拟 DOM 和 view 层之间的关系还是有很积极的作用的。 React 是 JavaScript 社区的新成员,尽管 JSX (在 Java…
react-transition-group动画库Transition组件使用
react-transition-group动画库 这个库包括3个组件:Transition,CSSTransition,TransitonGroup,今天做项目刚好用到了Transition组件,记录一下使用过程中的总…
使用React构建精简版本掘金(五)
距离上篇文章已经过去了大半个月,本来打算只更新代码,最后还是决定把做的过程中遇到的问题记录出来,说不定就可以帮助一些同学,也算是幸事,如果没有,那就当作自己梳理知识点吧! 该篇文章主要讲述以下知识点: 如何mock数据 …
react hook实用的用法和技巧分析
react hook发布也已经有几个月了,相信有部分人已经开始使用了,还有些人在犹豫要不要用,可能更多人安于现状,没有要用的打算,甚至还有很多公司的react版本是15或以下的,迫于升级的难度没有使用。以我个人的观点,要…
Memoization in JavaScript
1. 基本概念 在一个CPU密集型应用中,我们可以使用Memoization来进行优化,其主要用于通过存储昂贵的函数调用的结果来加速程序,并在再次发生相同的输入时返回缓存的结果。例如一个简单的求平方根的函数: const…
七分设计感的纯React项目Mung
多语言版本 React版Mung React-Native版Mung Flutter版Mung 1. Mung:是一个基于React编写,使用豆瓣a开源API开发的一个项目。 2. 功能概述 数据保存 :支持断网加载缓存…
你对项目里的依赖包了解吗
注意:本文所有依赖包是目前最新版本的 现在很多开发朋友对于使用webapck、babel搭建开发环境已经不陌生,但很少去系统性的了解项目依赖。 本文从环境依赖包说起,让你对自己的开发环境有更深的了解。 为了简单,我们将依…
react下路由切换 询问提示
在业务场景中,某些页面(页面生成的数据离开页面未保存)时需要提示操作者是否确认离开当前页面,如果用系统的提示的信息难免有点太丑,显得和页面样式格格不入。* 下面是我用react版本结合antd的实现 需要的同学可以参考下…
从项目中由浅入深的学习koa 、mongodb(4)
序列文章 从项目中由浅入深的学习vue,微信小程序和快应用 (1)从项目中由浅入深的学习react (2)从项目中由浅入深的学习typescript (3) 前言 node.js的出现前端已经可以用js一把梭,从前端写到…
react与redux通信之hook
react和redux建立通信的方式 有2种方案: 老方案connect 新方案hook 老方案connect 曾经,我们会使用connect建立react和redux的通信,例如,在一个class写法的组件中: imp…
H5活动页面2小时快速开发
前言 这是一套我自己经常用的H5活动页面开发脚手架,针对目前一般的H5页面,基本上2小时就能完成相关的开发内容。俗话说:工欲善其事必先利其器,有了这么一套H5页面脚手架,我相信80%的H5页面,都能够在2小时当中开发完成…