logo

快速了解React-Hooks

Presentational and Container Components

react团队成员之一的Dan Abramov在medium上写过一篇文章 Presentational and Container Components,他在文中将组件分为两类,分别是Presentational和Container。Presentational是展示类组件,比如说Page,Sidebar,Story,List。Container组件是功能类组件,比如UserPage, FollowersSidebar, StoryContainer, FollowedUserList。

它们是React组件的两种设计模式,和组件本身是class component还是function component关系不大。

React Native的Animated动画原理浅谈

在React Native中创建一个动画有多种方式。 1. 使用react-native包的Animated组件创建动画 2. 使用react-native包的LayoutAnimation创建布局动画 3. 使用Web API标准的requestAnimationFrame控制动画

以上是目前常用的几种在React Native中创建动画的方式,Animated动画可以进行nativeDriver加速,但是如果属性不支持,将会使用requestAnimationFrame实现计算。LayoutAnimation控制粒度不及Animated细。

本文主要来说说Animated.Value及Animated.ValueXY

绘制曲线笔记

贝塞尔曲线就是可以通过控制点来完成对线条的扭曲,在平面中,已知两个点的最短距离为直线,在这两个点的基础上引入一个控制点来控制直线的弯曲。

本文远行环境为HTML5中的Canvas,使用的方法来自CanvasRenderingContext2D。

JavaScript中的模块系统

前言

在前端开发发展的趋势中,已经越来越偏向于webapp模式,前端更像是app,但是现在的JavaScript语言中,没有原生的包的概念,这和JavaScript的历史有很大原因,由于Google开源的v8引擎以及NodeJS开源项目的成功,使得现在JavaScript的应用场景越来越多,但是原生不支持模块系统的问题一直存在,社区和Ecma提供了很多的解决方案,本文介绍其中一些比较知名的规范,如CommonJS、AMD等......

使用react+redux搭建one单页应用

什么是React?

React

当今的前端正处于技术爆发期,这个阶段涌现很多优秀的编程思想以及框架,本文所介绍的react就是 前端的一种框架,它使用单向数据绑定以及jsx语法糖,通过它提供的特性,可以构建去区别于以前传统 型的网页。