React-router is the community favourite routing solution - it can handle all of your complex routing needs and in this lesson we’ll cover what’s neede
转载
2017-06-20 15:14:00
165阅读
2评论
Not every app is greenfield, and it would be a shame if existing React apps could not benefit from the micro-size of Preact. In this lesson we’ll disc
转载
2017-06-18 00:07:00
68阅读
2评论
Redux is one of the most popular state-management libraries and although not specific to React, it is widely used with it. This is why the author of P
转载
2017-06-21 23:48:00
111阅读
2评论
写在前面生命在于折腾，Coder的折腾就在于造各种轮子。React在前端圈大火之后，轮子层出不穷。而其中的一些轮子，由于专注于解决很多人诟病的React过大、过慢的问题（然而不并不觉得），也相当出名。关注最多的莫过于Preact、Inferno等以「轻量化」为特色的库了，Github Star数也超过10000。另外由于React广泛应用于同构应用上，并且 rendertoString，rende
原创
2021-01-09 22:05:22
3483阅读
By creating a simple ‘hello world’ example application first in vanilla Javascript, and then in Preact without any tools, we’ll learn what type of pro
转载
2017-06-16 04:04:00
131阅读
2评论
Some applications only need a very minimal routing solution. This lesson will cover a practical example showing the router in use. We’ll build a simpl
转载
2017-06-18 02:34:00
72阅读
2评论
React 的代码库现在已经比较庞大了，加上 v16 的 Fiber 重构，初学者很容易陷入细节的汪洋大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路).Preact 是 React 的缩略版, 体积非常小, 但五脏俱全. 如果你想了解 React 的基本原理, 可以去学习学习 Preact 的源码, 这也正是本文
转载
2022-01-11 16:54:43
185阅读
之前曾经提到过，React是面向组件开发的，每一个组件是一个类，React核心库通过实例化组件类，使用diff算法将JSX语法标签最终渲染为真实的DOM。今天总结一下组件的三大属性，即：state，props，refs；一、三大属性之 “state“state被称为组件的状态机，通过更新组件的state重新渲染组件。state内容更新后，必须要调用 setState方法重新渲染，达到更新视图的目的
React的代码库现在已经比较庞大了，加上v16的Fiber重构，初学者很容易陷入细节的大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心,怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路).Preact是React的缩略版,体积非常小,但五脏俱全.如果你想了解React的基本原理,可以去学习学习Preact的源码,这也正是本文的目的。关于React原理的优秀的文
原创
精选
2019-09-22 15:04:28
1486阅读
点赞
React源码看过几次，每次都没有坚持下来，索性学习一下PReact部分，网上讲解源码的不少，但是基本已经过时，所以自己来梳理下render.js部分import { EMPTY_OBJ, EMPTY_ARR } from './constants';
import { commitRoot, diff } from './diff/index';
import { createElement,
转载
2021-04-03 07:41:11
86阅读
2评论
Preact offers, in addition to the regular component API from React, the ability to access both props & state as function parameters to the render meth
转载
2017-06-17 22:01:00
114阅读
2评论
replace算法：replace函数包含于头文件#include<string>中。 泛型算法replace把队列中与给定值相等的所有值替换为另一个值，整个队列都被扫描，即此算法的各个版本都在 线性时间内执行———其复杂度为O(n)。  
转载
2024-07-08 15:23:42
29阅读
Storing and updating values inside a component’s local state (known as controlled components) is such a common pattern that Preact offers a really han
转载
2017-06-17 22:25:00
154阅读
2评论
怎么使用react在网页中引入reactnpm下载后在项目中引入react在网页中引入reactaddReact.html<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/react
转载
2024-04-27 21:54:46
58阅读
目录 前言 导语 代码部分 简单演示 总结 前言 我是歌谣 我有个兄弟 巅
原创
2023-08-07 07:11:50
99阅读
目录前言导语代码部分简单演示总结前言 我是歌
原创
2023-06-17 08:49:52
56阅读
hook源码其实不多，但是实现的比较精巧；在diff/index.js中会有一些optison.diff这种钩子函数，hook中就用到了这些钩子函数。 在比如options._diff中将currentComponent设置为nulloptions._diff = vnode => {
currentComponent = null;if (oldBeforeDiff) oldBe
转载
2021-04-07 13:40:54
84阅读
2评论
useMemo, useCallBack
这两个概念并非看上去那么容易理解，使用的不好的话，也很难带来任何的性能提升。先说useMemo, 简单来说就是把返回值缓存起来，并监控一个变量。 如果被监控的变量不变，则返回值不变。以下是两个适用useMemo的场景import React, { FC, useState, useMemo } from 'react';export const UseMe
转载
2024-03-29 08:18:32
49阅读
1、脚手架安装React项目安装 create-react-app 脚手架来创建 react 项目。npm install -g create-react-app
create-react-app my-app使用该脚手架创建的 react 项目默认是不显示配置文件的，可以使用 npm run eject 命令将配置文件显示出来，该命令是一个单向操作，即一旦运行了，就不能再次将配置文件隐
转载
2024-05-12 21:28:30
6阅读
概览如果用简短的话概括 redux 的核心逻辑，我会说 redux 是 js 闭包的应用 + 合理的 api 形式。如果用简短的话概括 react-redux 的核心逻辑，我会说 react-redux 是 把 redux 与 react 生命周期挂钩 + 合理的 api 形式。从难度来看，掌握 redux 和 react-redux 确实比掌握 react 要简单很多，希望大家有所
