react native仿微信性别选择-自定义弹出框
简述要实现微信性别选择需要使用两部分的技术：第一、是自定义弹出框；第二、单选框控件使用；效果实现一、配置弹出框弹出框用的是：react-native-popup-dialog（Git地址：https://github.com/jacklam718/react-native-popup-dialog）...
如何用 React Native 创建一个iOS APP？（三）
前两部分，《如何用 React Native 创建一个iOS APP？》，《如何用 React Native 创建一个iOS APP （二）？》中，我们分别讲了用 React Native 来创建 Navigation Bar，Tab Bar 等这些控件，今天在第三节，我们着重讲一下剩下的一些控件。...
React学习笔记-一、React入门
1、React是什么？ React是用于构建用户界面的JavaScript库。操作DOM呈现页面。是一个将数据渲染成HTML视图的开源JavaScript库。 2、React由Facebook开发开源的 3、为什么学React 原生JavaScript操作DOM繁琐、效率低（DOM-API操作UI...
react和vue在跨平台方面的比较
React 和 Vue 都是非常流行的前端框架，它们在跨平台开发方面都有各自的优点。 React： React Native：React 的跨平台解决方案是 React Native，它可以开发原生渲染的 iOS 和 Android 应用。React Native 使用和 React 相同的组...
react路由路径兼容.html-nginx配置
server { listen 2024; server_name localhost; location / { root C:app/dist; index index.html;try_files...
Node.js + React + MongoDB 实现 TodoList 单页应用
之前用 Ant Design 开发了一个项目，因此对 React 的特性有了一定的了解，React 使用封装组件的思想，组件各自维护自己的状态和 UI， 组件之间通过 props 传递数据和方法。当状态更新时自动重绘整个组件，从而达到局部刷新的效果，大大提高了 DOM 更新的效率，同时组件化十分有利...
React Redux学习笔记
React RouterReact Router 使用教程Redux中间件middleware［译]深入浅出Redux中间件Redux学习之一：何为middleware？ES6ES6新特性概览antant.designrekit先记录两篇博文，等有时间，整理一篇...
React配置@别名路径配置
1. 背景知识 路径解析配置（webpack），把 @/ 解析为 src/路径联想配置（VsCode），VsCode 在输入 @/ 时，自动联想出来对应的 src/下的子级目录 2. 路径解析配置 配置步骤： 安装craco npm i -D @craco/craco项目根目录下创建配置文件 ...
vue和react这两大前端框架的优缺点对比
【A】Vue和React是目前最流行的两个前端框架，它们都具有各自的优点和缺点。下面是对Vue和React的优缺点的详细介绍： Vue的优点： 简单易学：Vue的API设计简单，上手较为容易，学习曲线相对较低。文档丰富：Vue的官方文档详尽，提供了大量的示例和解释，方便开发者理解和学习。双向数据绑定...
基于 React 的图形验证码插件-react-captcha-code NPM 地址 ： react-captcha-code - npm
npm install react-captcha-code --save 如下我自己的封装： import Captcha from "react-captcha-code";type CaptchaType = { captchaChange: (captchaInfo: string...
react中useReducer若有多个值怎么操作?
当 initialState 包含多个对象值时，你的 reducer 函数需要针对每个属性维护其各自的状态更新逻辑。reducer 函数应该返回一个新的状态对象，其中包含了所有必要的属性，保持未更改的属性不变，同时更新那些需要变化的属性。 下面是一个包含多个状态属性的 initialState 的例...
React18+TS+NestJS+GraphQL 全栈开发在线教育平台
React18+TS+NestJS+GraphQL 全栈开发在线教育平台 React18+TypeScript+NestJS+GraphQL：全栈开发在线教育平台的无懈可击组合 随着科技的进步和互联网的普及，在线教育平台逐渐成为人们获取知识的重要途径。为了提供更加优质、高效的教育服务，我们需要选择...
React | classnames
classnames 这个库在我们的项目中有大量的使用到，它不仅很实用，还非常好用，但还有人不知道这个库，我真的是十分心痛。 通过 classnames，我们可以给组件设置多个 className，还可以根据需要动态设置 className，简化我们样式相关的逻辑代码。 // 鼠标离开.btn-le...
重新理解React-hook
Hook是什么 Hook是React16.8版本新增的特性，它可以让我们在不写类组件的情况下使用state以及其他的React特性。 它解决了以下这些问题： 逻辑复杂的组件难以开发和维护，当我们的组件需要处理多个互不相关的local state时，每个生命周期函数中可能包含着各种互相关的逻辑 类组件...
React-性能优化的手段
????个人主页：前端青山 ????系列专栏：React篇 ????人终将被年少不可得之物困其一生 依旧青山,本期给大家带来React篇专栏内容:React-性能优化的手段 目录 React 性能优化的手段有哪些？ 一、是什么 二、如何做 避免使用内联函数 使用 React Fragme...
react 项目路由配置（react-router-dom 版本 v6.3、v6.4）-二、react-router-dom v6.
主要 api： createBrowserRouterRouterProviderOutlet在 v6.3 方案的基础上，换掉 index.js 和 App.js 即可 1、index.js 把 BrowserRouter 的使用去掉 import React from "react";impor...
追溯 React Hot Loader 的实现
文：萝卜（沪江金融前端开发工程师）本文原创，转载请注明作者及出处如果你使用 React ，你可以在各个工程里面看到 Dan Abramov 的身影。他于 2015 年加入 facebook，是 React Hot Loader 、React Transform、redux-thunk、redux-d...
React-基础语法学习-React 哲学
本教程将引导你逐步实现一个简单的井字棋游戏，并且不需要你对 React 有任何了解。在此过程中你会学习到一些编写 React 程序的基本知识，完全理解它们可以让你对 React 有比较深入的理解。 1.1、教程分成以下几个部分： 配置是一些准备工作。 概览介绍了 React 的 基础知识：组...
结合 react-webcam、three.js 与 electron 实现桌面人脸动捕应用-系列文章目录
React 使用 three.js 加载 gltf 3D模型 | three.js 入门React + three.js 3D模型骨骼绑定React + three.js 3D模型面部表情控制React + three.js 实现人脸动捕与3D模型表情同步结合 react-webcam、three...
【React Native开发】React Native For Android环境配置以及第一个实例(1)
转载请标明出处：http://blog.csdn.net/developer_jiangqq/article/details/50456967本文出自:【江清清的博客】(一)前言 【好消息】个人站点已经上线执行,后面博客以及技...