摘要|Next.js + Styled Components The Really Simple Guide
原文参见Next.js自带了styled-jsx的css方法。在Next的实例中有with-styled-components的实例,但是我们需要理解是怎么构建出实例的。
具体构建过程1. 创建项目目录,安装依赖包1mkdir my-next-app &&cd my-next-app &&yarn add next react ract-dom
Next.j
...
useHooks的函数抽象
useHooks的函数抽象React Hooks的引入
作为实例,表单的输入方法,和setState的方法都是完全一样的,所以可以可以使用useState进一步的做抽象
123456789101112const useFormInput=(intialValue)=>{ const [value,setValue]=useState(intialValue); co
...
Chapter 5 GPU acceleration with WebGL
Deeplearning in Broswer Translation Demo
JavaScript代码是在中央处理器(CPU)里执行的.CPU单元速度很快,可以执行复杂的任务,但是处理任务总是以序列方式执行,这会导致一个很大的瓶颈.我们可以使用 WebWorkers来利用所有的 CPU内核,但是现代计算机很少有使用超过16核的CPU.而且,JavaScript 任然是一种解释性语言,没有
...
React-Spring,Hooks的用法
React-Spring,Hooks的用法React-Hooks让组件的状态管理简洁了很多。下面是React-Spring的Hooks用法
123456789101112131415//Hooks.jsximport React from 'react';import { useSpring, animated } from 'react-spring';const Hook
...
React-Apollo-Hooks的用法
React-Apollo-Hooks的用法Introduction
react-hooks的诞生彻底把React的组件函数化。 基本的思想延续了recompose的技术,对于组件的状态管理更为方便和直观了,所以立刻出现了很多的应用。 很多程序用react-hooks来写变得很直观,简洁。react-apollo-hooks的用法就在apollo查询组件的基础上更加方便使用了
初始化1npm i
...
翻译| face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js
face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js原文在此
我很高兴的说,在浏览器端运行人脸识别程序终于可以实现了! 在本文我会结合介绍一个 JavaScript模块,也就是 face-api.js, 本模块基于tensroflow.js 核心构建,tensorflow.js的核心
...
useLocalStorage的代码
useLocalStorage的Hooks,在使用useState时,先判断localStorage中是否有对应键的键值,如果有就取出,如果没有就设为空,等待后面传入值。
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455import
...
重新翻译版本|Redux-Reselect 文档
“selector”是一个简单的Redux库,灵感来源于NuclearJS.
Selector可以计算衍生的数据,可以让Redux做到存储尽可能少的state。
Selector比较高效,只有在某个参数发生变化的时候才发生计算过程.
Selector是可以组合的,他们可以作为输入,传递到其他的selector.
12345678910111213141516171819202122232
...