React论坛 今日: 0|主題: 520|排名: 77 

原文地址：https://github.com/xieqingtian/blog/issues/2 由于本人主要是做react开发，用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发。 1. 代码提示类插件 1.1 Reactjs code snippets 1.2 React Redux ES6 Snippets 1.3 React ...

本文由葡萄城技术团队翻译并首发 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。   JavaScript每天都在出现大量的框架和工具，而React是除了上次我们提到的Vue和Ember之外另一款比较流行的框架。但因为新的工具每天都在不断的出现，开发者在尝试时总会有些不知所措。 ...

一、前言 距离React Hook发布已经有一段时间了，笔者在之前也一直在等待机会来尝试一下Hook，并且是尝试用Hook的方式构建整个项目，正好公司的新的存储项目启动了，需要一个新的B端的web管理平台，机会就来了。笔者公司之前的前端项目都基于笔者之前在React Class组件以生命周期的方式下搭建的工程化框架和业务最佳实践的架 ...

前言 　  Excel功能强大，应用广泛。随着web应用的兴起和完善，用户的要求也越来越高。很多Excel的功能都搬到了sass里面。恨不得给他们做个Excel出来。。。程序员太难了。。。 　　去年我遇到了一个甘特图的需求，做了很多工作，也写了两篇博客。一篇是用 GSTC 这个包做的甘特图，另一篇是自己手写了一个简易的甘 ...

Vite是随着Vue3一起发布的一款新型前端构建工具，能够显著的提升前端开发体验，它主要由两部分组成： （1）一个开发服务器，它基于**原生ES模块提供了丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。 （2）一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。 ...

AgileConfig的UI使用react重写快完成了。上次搞定了基于jwt的登录模式（AntDesign Pro + .NET Core 实现基于JWT的登录认证），但是还有点问题。现在使用react重写后，agileconfig成了个确确实实的前后端分离项目。那么其实部署的话要分2个站点部署，把前端build完的静态内容部署在一个网站，把server端也部署在一个站点。然 ...

在 React router 中通常使用的组件有三种： 路由组件（作为根组件）: BrowserRouter（history模式） 和 HashRouter（hash模式） 路径匹配组件: Route 和 Switch 导航组件: Link 和 NavLink 关于路由组件，如果我们的应用有服务器响应web的请求，建议使用<BrowserRouter>组件; 如果使用静态文件服务器，建议使用<HashRoute ...

前言 关于Hook的定义官方文档是这么说的： Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 简单来说，就是在使用函数式组件时能用上state，还有一些生命周期函数等其他的特性。 如果想了解Hook怎么用，官方文档和阮一峰的React Hooks 入门教程都讲得很清楚了，我建 ...

在React中使用Typescript 最近学习的技术发现TS越来越多,于是自己尝试做了几个Demo实战,发现TS上手不是很难,但是一旦出现错误很难百度到对应的文档,而且在react中也不会使用ts来编写 跟着这个文章走,内容可能会很长,一步一步去写,保证你的React项目可以使用TS来编写 本人写的一个 TS+Hooks简易版实战 1. 创建一个React的TS ...

目录 序言 React 的核心思想 传统 diff 算法 React diff 两个假设 三个策略 diff 具体优化 tree diff component diff element diff 如何进行 diff 小结 参考 1.序言 此篇文章所讨论的是 React 16 以前的 Diff 算法。而 React 16 启用了全新的架构 Fiber，相应的 Diff 算法也有所改变，不在这篇文章的讨论范围内。 ...

序言 ---最后有招聘信息哦～React是一个库，它不是一个框架。用于构建用户界面的Javascript库。这里大家需要认识这一点。react的核心在于它仅仅是考虑了如何将dom节点更快更好更合适的渲染到浏览器中。它本身提供的涉及框架的理念是不多的。class组件是如此，hooks组件也是如此。 ClassComponent 我们先回顾一下，这是一个r ...

代码分割 Context 错误边界 Fragments Portals forwardRef 小结 用了那么久的react, 竟不知道到原来react有那么多高级特性. 假期没事干, 试用了下一些react高级特性. 下为试用记录. 代码分割 将一个庞大的单页应用打包成一个庞大的js, 首屏加载可能会非常糟糕, 这时可能会考虑做代码分割, 即根据模块或者路由分开打包js, ...

前言 在数字化转型浪潮中，高效且安全的权限管理是后台系统的核心基石。传统方案或依赖臃肿的三方框架，或难以满足细粒度权限需求。 今天推荐一款完全独立开发、基于前沿技术栈开发的RBAC权限系统。它摒弃了现成Admin框架的束缚，以 ".NET 9 + React 18" 双引擎驱动，深度融合按钮级权限与数据权限控制，并原生支持多租户架 ...

Vue 和 React 是创建 JavaScript 网络应用程序最常用的两种工具。但我们该如何在两者之间做出选择呢？在本篇 Vue 与 React 的对比中，我们将尝试找出答案。我们将回顾每种工具的优缺点，提供选择使用哪种工具的技巧，并帮助你开始使用。 总览 什么是Vue？ Vue趣事 什么是React？ React趣事 Vue vs React：全面 ...

目录结合React+TypeScript进行Electron开发1. electron基本简介为什么选择electron？2. 快速上手2.1 安装React(template为ts)2.2 快速配置React2.3 安装electron2.4 配置main.js、preload.js和package.json文件2.5 运行electron项目2.6 打包项目3. 自动刷新页面4. 主进程和渲染进程5.定义原生菜单、顶部菜单5.1 自定义菜单5 ...

之前写动态表单遇到过坑，就是用index下标做key会导致bug，而且很严重！ 今天有空写下文章记录下：怎么处理和逻辑 我用的是antd3的版本，3和4的表单有点不一样，不过差别应该不大。 需求： 1、选择类型切换展示固定的模板 2、通过新增字段可以动态增减表单里面的每一行 3、控制每一行的字段是否需要必填 4、编辑时候回填参 ...

目录1）、简介2）、安装2.1）、安装 nodejs2.2）、安装 yarn2.3）、安装 umi3）、使用 umi3.1）、创建项目3.2）、初始化3.3）、开发工具打开3.4）、运行项目4）、分层开发4.1）、过程图示4.2）、开始开发4.2.1）、添加依赖4.2.2）、antd基本布局4.2.3）、Service异步请求数据4.2.4）、Mock模拟数据4.2.5）、Model层中引入 ...

项目的话，是想打开蓝牙，然后连接设备 点击已经连接的设备，我们会看到一些设备 不过我这边在开启蓝牙的时候报错了 先放作者的项目地址： https://github.com/hezhii/react-native-ble-demo 然后我们来分析代码 根入口文件是 //react-native-ble-demo/ble_central/index.js import { AppRegistry } from 'react-native' ...

现在使用脚手架（react-create-app）的项目不需要在在css文件后面添加module就会自动为其添加模块化后缀 在react 中使用css有以下几种方法 第一种全局使用 app.js import React from 'react'; import Router from "./router" import './App.css'; function App() { return ( <div className="App"> ...

目录 序言 DOM事件流 事件捕获阶段、处于目标阶段、事件冒泡阶段 addEventListener 方法 React 事件概述 事件注册 document 上注册 回调函数存储 事件分发 小结 参考 1.序言 React 有一套自己的事件系统，其事件叫做合成事件。为什么 React 要自定义一套事件系统？React 事件是如何注册和触发的？React 事件与原生 ...