创建项目 1、安装cra npm install -g create-react-app 2、创建项目 “react-lesson” 为文件名 create-react-app react-lesson 3、启动项目 npm start 使用第三方组件 1、antd： npm install ant ...
转载
2021-07-13 10:23:00
680阅读
2评论
为了提高大家开发 React 项目的效率, 笔者结合自己的实际工作经验, 汇总如下React项目常用插件. 1. 状态管理 Redux JavaScript 状态容器，提供可预测化的状态管理 MobX 通过函数响应式编程使得状态管理变得简单和可扩展 Redux Thunk Redux的异步处理中间件
原创
2022-05-12 17:15:11
1459阅读
日常工作中，除了我们掌握的基本技能和各类优秀代码库之外，还需在自己的背包中增添一些常用的工具，以备不时之需，同时也可以提升工作效率。本文将为大家带来 25个React 优秀的代码库，希望能对大家在工作上提供一定的帮助。1. React Hot Toasthttps://react-hot-toast.com/最好用的消息提醒工具， 可以向React应用程序添加漂亮的消息通知。2. React Co
vscode是我个人用过的最舒服的开发工具，同样，集成了git，支持插件，最主要的是占用内存小。atom是我开发react native最先用的工具，有酷炫的开发效果，但是最令我不爽的是，占用内容大，酷炫的插件没装几个就卡的不行。所以个人推荐vscode，让代码飞。。。(一)React Native Tools该扩展工具(React Native Tools)给React Native项目提供了一
转载
2024-01-10 19:54:44
508阅读
前言前些天在订阅的公众号中看到了以前阮一峰老师写过的一篇文章，「如何做到 jQuery-free？」。这篇文章讨论的问题，在今天来看仍不过时，其中的一些点的讨论主要是面向新内核现代浏览器的标准 DOM API，很可惜的是在目前的开发环境下，我们仍然无法完全抛弃 IE，大部分情况下我们至少还要兼容到 IE 8，这一点使我们无法充分践行文章中提到的一些点，而本文也正是首次启发，顺着阮老师文章的思路来讨
转载
2023-12-28 16:43:43
73阅读
react拖拽组件推荐几个不错的开源拖拽组件以及使用方法第一个拖拽组件 antd的Tree组件
这个拖拽组件经常用于层级关系的拖拽组件 可以动态的增删改 (排序,添加子层级~父层级,修改等).import React, { useEffect, useState } from "react"
import { Tree, message } from 'antd'; //导入antd 的Tree组
转载
2024-02-28 14:11:46
119阅读
完整版下载地址：https://gitee.com/dgx/DiReactPagination完整版演示地址：http://dgx.gitee.io/direactpagination/build/index.html#/
一.准备工作我们是继续基于这个demo项目实现一个分页插件，这个分页插件会用在各个需要的组建当中。分页插件的名字我们就叫做：DiReactPage分页插件
转载
2024-07-05 07:29:38
71阅读
# 在 React 中引用 jQuery 插件
在现代前端开发中，React 是一个流行的库，用于构建用户界面，而 jQuery 则是一个历史悠久的 JavaScript 库，以其简洁的 DOM 操作和特效功能著称。尽管它们的发展方向有所不同，但在某些情况下，我们可能需要在 React 应用中引入 jQuery 插件。本文将探讨如何在 React 项目中使用 jQuery 插件，并通过代码示例进
# React 使用 jQuery 插件
## 引言
React 是一个流行的 JavaScript 库，用于构建用户界面。与此同时，jQuery 是一个功能丰富的 JavaScript 库，用于简化 HTML 文档的遍历、操作、事件处理以及动画等操作。在某些情况下，我们可能需要在 React 项目中使用 jQuery 插件来实现一些特定的功能。本文将介绍如何在 React 中使用 jQuer
原创
2023-09-08 06:52:23
150阅读
# 创建一个 React 组织架构插件的完整指南
## 引言
在现代企业中，组织架构图是展示公司结构以及各个部门之间关系的重要工具。随着 React 的流行，我们可以使用它来创建一个高效、灵活的组织架构插件。本文将详细讲解如何实现这一插件，包括所需的步骤、代码和解释。
## 项目流程
首先，让我们概述一下创建这个插件的主要步骤：
| 步骤 | 描述
【React-Vscode】Vscode中React插件合集
原创
2022-07-10 00:02:48
2156阅读
npm install react-zmage -S启动报错 直接执行 npm install import Zmage from 'react-zmage'
转载
2019-08-15 17:16:00
269阅读
2评论
转载
2019-07-03 11:58:00
60阅读
2评论
React数据共享插件-PubSub 下载pubsub-js插件 npm install pubsub-js 如果要修改一个变量值的话 PubSub.publish('state',{isLoading: true}) 如果有人修改了这个变量，就触发下面的回调函数 PubSub.subscribe( ...
转载
2021-09-24 15:29:00
428阅读
2评论
npm i react-image-crop --saveimport ReactCrop from 'react-image-crop'; import 'react-image-crop/dist/ReactCrop.css';然后我们来看一个例子：import ReactDOM from "react-dom";import React, { PureComponent } fr...
原创
2021-12-16 14:13:34
1114阅读
本篇文章通过分析react-loadable包的源码，手把手教你实现一个react的异步加载高阶组件1. 首先我们想象中的react异步加载组件应该如何入参以及暴露哪些API？// 组件应用
import * as React from 'react';
import ReactDOM from 'react-dom';
import Loadable from '@component/test/
# 如何在 Android Studio 中实现 React Native 插件
为初学者提供一条明确的路径，以便在 Android Studio 中创建 React Native 插件是一项非常重要的任务。本篇文章将带你一步一步完成这个过程。我们将首先介绍整个流程，接着逐步深入每个步骤，详细描述需要的代码和注释。
## 流程步骤概述
下面是实现 Android Studio React N
原创
2024-08-05 03:36:14
218阅读
# 使用 React 架构图插件实现可视化设计
在现代前端开发中，构建和维护复杂的应用程序架构已经成为一种常态。为了帮助开发者更好地理解和管理这些架构，许多可视化工具应运而生。其中，React 作为一种非常流行的前端框架，其生态系统中也出现了许多优秀的架构图插件。本文将介绍如何使用这些插件，并通过代码示例进行演示。
## 1. React 架构图插件概述
React 架构图插件可以帮助开发者
idea支持插件的安装，使用合适的插件可以极大的提高我们的工作效率。安装太多插件又会拖慢IDEA的执行。所以只安装一些常用插件即可。前言：1. idea的插件的安装方式：左上角File-> setting ,搜索plugins。还可以下载好插件（找到以前安装插件的IDEA下的plugins文件夹），从硬盘安装。如果网络不好或者公司网络限制，可以从这个 idea插件官方下载地址搜索想
写在前面的话一直以来，无论开发还是学习使用的框架都是以 Vue 为主，对 React 前端框架知之甚少。为了不掉队，也陆陆续续学了一些 React 知识，本文是入门项目笔记，使用 Typescript + React + Redux + React-redux 技术实现 TodoList。本文从新手的角度分析如何编写基于 Typescript 的 React 项目，以及记录在编写过程中遇到的问题。
