1.准备：配置好Node环境，并且安装npm工具
2.安装依赖包
npm install babel -g
npm install webpack -g
npm install webpack-dev-server -g 上面这三个依赖包都需要安装到全局，因为需要使用它们的命令行工具。其中babel是一个可以将ES6代码转换成ES5代码，这样我们就可以在编写代码的时候使用ES6的一些
转载
2024-04-03 09:59:31
74阅读
本文将 MobX 与 React Native 结合，编写一个简单的列表客户端。这是学习使用 MobX 和 React Native 的一个不错的起点。查看最终的代码库，点击这里。MobX 是一款精准的状态管理工具库，对我来说非常容易学习和接受。我在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux，但我会毫不犹豫地说，MobX 的简单性立即
转载
2024-07-26 15:05:55
49阅读
怎么使用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阅读
方法一： 在packge.json中新增一行代理 "proxy":"http://localhost:5000" 如图： 二：在src下新增配置文件 setupProxy.js 配置文件内容为 const proxy = require('http-proxy-middleware') module ...
转载
2021-08-13 17:05:00
131阅读
2评论
使用Spring+React做一个简单的前后端分离项目项目简介项目准备前端项目整体框架登录页面的生成首先我们先来分析一下登录界面的作用:还有我们也建立了一个api的包，用来定义各种请求向后端发送数据，我们对axios进行一系列的封装，后端方面处理请求：至此，前端的一切准备工作都已经完成，接下来就要实现具体的前端细节：这里比较着重的说一下Form表单提交的问题，因为这里比较难一些，主页面的编写整体
转载
2024-10-12 22:47:35
117阅读
React项目中基本配置及常见坑的解决一、创建React项目# 全局安装脚手架
npm install create-react-app -g --save
# 创建React项目
create-react-app my-app二、实现Less文件的加载1、暴露配置文件# 暴露项目的配置文件
npm run eject暴露配置文件后的目录结构2、安装插件# 安装less、less-loader插
转载
2024-10-22 09:50:39
103阅读
在这篇文章中，我们将深入探讨如何为一个 React 项目配置 Dockerfile。通过这一系列详细的步骤和实例，您将能更轻松地将 React 应用容器化，确保一致的开发和生产环境。
## 环境准备
在开始之前，请确保您的开发环境满足以下软硬件要求：
- **软件要求**
- Node.js（>= 14.x）
- Docker
- npm（或 yarn）
- **硬件要求**
最近在做的新项目使用的技术栈是 React+AntDesign，本篇主要记录在实践过程中使用react-router-dom时遇到的一些方法的总结。1、HashRouter和BrowserRouter
react-router-dom依赖于react-router，主要用于浏览器环境下的开发。它的路由基本有2个路由容器即HashRouter和BrowserRouter，HashRouter使用的是
一、初始环境搭建1.环境组件由于从网上查找React-native的搭建版本是0.48，我就还通过win10的powerShell安装了 -ChocolateyChocolatey是一个 Windows 上的包管理器，类似于 linux 上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样： @powe
前言vue写的不少了，想了解一下react，再加上大家都说typescript很香，所以用react + typescript写个小的demo项目了解一下。因为项目主要为了练一下各种技术的配合使用，所以结构和代码上实现的比较随意，有兴趣的学习react的新人朋友们也就酌情浏览就好了?，我也是正在学习react，大家可以留言讨论哈。项目地址https://github.com/18sby/disor
转载
2024-01-10 22:11:27
96阅读
react项目构建可以很简单，但是如果是结合typescript，其实也不是很麻烦，官网也有很明确的说明。有两种办法： 1、直接构建带有typescript的react项目，我们需要增加额外的参数，模版不能使用默认的cra-template。而是使用cra-template-typescript。npx create-react-app tsr
转载
2023-10-14 02:51:54
176阅读
webpack插件：npminstallbabel-corebabel-loaderbabel-preset-reactbabel-preset-es2015sublime插件：jsx//高亮jsx语法修改webpack配置文件：```constpath=require('path');module.exports={entry:'./src/index.js',d
原创
2018-04-06 13:44:24
1122阅读
2.添加RN开发插件 React Native Tools：微软官方出的ReactNative插件,非常好用Reactjs code snippets：react的代码提示，如componentWillMount方法可以通过cwm直接获得Auto Close Tag：自动闭合标签 作者：Lion L
转载
2019-07-03 22:52:00
344阅读
2评论
安装配置Babel babel preset es2015 ES6语法包，使代码可以随意地使用ES6的新特性。 babel preset react React语法包，专门用于React的优化，在代码中可以使用React ES6 classes的写法，同时直接支持JSX语法格式 安装Babel lo
转载
2018-12-22 13:16:00
89阅读
app.js /* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-ro
转载
2021-08-13 08:44:56
468阅读
React 入门手册零、前言一、React 和 UI 设计简介二、创建组件三、管理用户交互React 全栈项目零、前言一、使用 MERN 释放 React 应用二、准备开发环境三、使用 MongoDB、Express 和 Node 构建后端四、添加 React 前端来完成 MERN五、从一个简单的社交媒体应用开始六、通过在线市场练习新的 MERN 技能七、为市场扩展订单和支付八、构建媒体流应用九、
React是一个用于构建用户界面的JAVASCRIPT库，起源于Facebook内部项目并于2013年5月开源。React拥有出众的性能而代码逻辑却非常简单，因此越来越多的人开始关注和使用React。现在已经成为前端三大主流之一，其他两大主流前端框架分别为Angular和Vue。 安装Node在安装React之前我们需要安装node环境，这个我们只要在node官方下载node绿色免安装
移动端上拉加载下拉刷新，是一个很常见的web需求，下面结合自己的学习分享一下心得。引用iscroll库import iScroll from 'iscroll/build/iscroll-probe';只有这个库可以返回滚动时的滚动距离。在react组件生命周期中，监听scroll事件在react组件生命周期中，componentDidMount里监听document的touchmove事件，禁止
1. location正则写法一个示例： location = / {
# 精确匹配 / ，主机名后面不能带任何字符串
[ configuration A ]
}
location / {
# 因为所有的地址都以 / 开头，所以这条规则将匹配到所有请求
# 但是正则和最长字符串会优先匹配
#pathinfo模式
#try_files $uri $uri/ /inde
通过让组件管理自己的状态，任何时候该状态发生变化了，React 将知道并自动对页面做出必要的更新。这是使用 React 构建 UI 组件的关键优势之一：如果要重新渲染页面，我们只需考虑更新状态。每次有更新时，我们不需要知道到底是页面的哪个部分发生变化了，也不需要判断如何有效的重新渲染页面，React 会对比之前的输出和新的输出，判断哪些改变了，并为我们做出决策，这个流程称为一致性比较
