React - 好代码

React如何实现一个通用骨架屏组件示例

骨架屏是什么？找到这里的同志，或多或少都对骨架屏有所了解，请容许我先啰嗦一句。骨架屏(Skeleton Screen)是一种优化用户弱网体验的方案，可以有效缓解...

Tags： React , 骨架屏 ,

04-05
JavaScript中React 面向组件编程（下）

前言：在React面向组件编程中，除了上一章节的组件实例的三大核心属性以外，还有很多重要的内容比如：React 的生命周期，受控组件与非受控组件，高阶函数和函...

Tags： JavaScript , React , 组件 ,

04-05
React Redux应用示例详解

一 React-Redux的应用 1 学习文档英文文档: https: redux js org 中文文档: https: cn redux js org...

Tags： React , Redux ,

04-05
一起来了解React的Hook

State Hook 这个例子用来显示一个计数器。当你点击按钮，计数器的值就会增加： import React, { useState } from reac...

Tags： React , Hook ,

04-05
React中常见的TypeScript定义实战好代码教程

一引沿 Fiber 架构是React16中引入的新概念，目的就是解决大型 React 应用卡顿，React在遍历更新每一个节点的时候都不是用的真实DOM，都是...

Tags： React , TypeScript , 定义 ,

04-05
React的createElement和render手写如何实现示例

TL;DR 本文的目标是，手写实现createElement和render React createElement实现的本质就是整合参数变成对象，这个对象就是r...

Tags： React , createElement , render ,

04-05
React + Typescript领域初学者的常见问题和技巧(最新)

React + Typescript领域初学者的常见问题和技巧创建一个联合类型的常量 Key const NAME = {HOGE: "hoge ",FUGA:...

Tags： React , Typescript , 常见问题 ,

04-05
一文带你看懂Vue Hook和React Hook

react Hook React Hook 是 React 16 8 版本引入的一项新特性，它能够让函数组件拥有类组件中的状态(state)和生命周期方法(li...

Tags： JavaScript , Vue , Hook , React ,

04-05
浅谈React Router一篇关于history的那些事

如果你想理解React Router，那么应该先理解history。更确切地说，是history这个为React Router提供核心功能的包。它能轻松地在客户...

Tags： React , Router , history ,

04-05
React路由规则定义与声明式导航及编程式导航分别介绍

1 路由使用安装路由模块：路由模块不是react自带模块，需要安装第3方模块： yarn add react-router-dom@5 路由相关组件：路...

Tags： React , 路由规则 , 声明式 , 编程式 , 导航 ,

04-04
React新文档切记不要滥用Ref

引言 React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。显然...

Tags： React , 新文档 , Ref ,

04-04
React应用框架Dva数据流向原理总结分析

Dva是什么？在刚刚接触Dva时，我最想知道的第一个问题就是： Dva官网文档的介绍是： dva 是体验技术部开发的 React 应用框架，将上面三个 Rea...

Tags： React , 框架 , Dva , 数据流向 ,

04-04
手把手教会你如何使用redux的入门好代码教程

Redux详解 Redux介绍 Redux 是 JavaScript 应用的状态容器，提供可预测的状态管理。在Redux中有3个原则单一数据源整个应用的S...

Tags： redux , 入门 ,

04-04
react lazyLoad加载如何使用详解

1 lazyLoad用处默认例如首页，如果有好十几个甚至百个路由，react是会默认一下全部把路由组件一下全部加载的，极可能造成页面卡顿。react lazy...

Tags： react , lazyLoad , 加载 ,

04-04
浅谈redux以及react-redux简单如何实现

写在前头 redux 简介随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state （状态）。这些 s...

Tags： react , redux , 实现 ,

04-04
你知道怎么在 HTML 页面中如何使用 React吗

该方案使用场景：在html页面中使用react，主js文件index js和其它非react功能使用js模块化的方式开发，适合轻量级中小型应用 index ht...

Tags： HTML , 页面 , React ,

04-04
如何在React项目中如何使用AntDesign

0 前言我们在后台管理系统React项目开发中会有Table表格、Form表单、List列表、Button按钮等组件，这个时候我们可以使用AntDesign来...

Tags： React , 使用 , AntDesign ,

04-04
React 并发功能体验(前端的并发模式)

React 是一个开源 JavaScript 库，开发人员使用它来创建基于 Web 和移动的应用程序，并且支持构建交互式用户界面和 UI 组件。React 是由...

Tags： React , 并发 ,

04-04
react如何实现简单的拖拽功能

本文实例为大家分享了react实现简单的拖拽功能的具体代码，供大家参考，具体内容如下 src文件夹下新建文件夹demo 然后在创建两个文件js和cssdemo...

Tags： react , 拖拽 ,

04-04
JavaScript的三大前端框架Vue和Angular和React

今天就来好好分析分析这三个框架。背景介绍 Angular Angular 是 Google 在 2010 年发布的 AngularJS 的升级版，也称为 An...

Tags： JavaScript , 前端框架 , Vue , Angular , React ,

04-03

上一页 1 2 3 4 5 6 7 8 9 10 下一页

React最新文章