简介redux是什么redux是一个专门用于状态管理的JS库（不是react插件库）它可以用在react，angular，vue等项目中，但基本与react配合使用。作用：集中式管理react应用中多个组件共享的状态redux在什么情况下使用某个组件的状态，需要让其他组件可以随时拿到（共享）一个组件需要改变另一个组建的状态（通信）总体原则：能不用就不用，除非比较难以实现的时候再用。redux的三个
本来计划是将一个React工程部署在自己的Centos虚拟机中，但是因为一些网络和安全问题暂时停止了这个计划，于是就把该项目转移到阿里云服务器中，这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可
转载
2024-06-18 13:39:44
334阅读
文章目录前言一、环境变量二、.gitignore的用法三、使用步骤1.在项目中安装 dotenv`dotenv`、`dotenv-expand`1.dotenv2.`dotenv-expand`2.根目录下创建 .env 文件3.根目录下多环境 .env.xxx 文件总结 前言前后端分离的项目中，前端会有很多环境：本地开发，测试环境，预发布环境，正式上线环境等等，我们的项目有多套基本相同的项目，
转载
2024-03-20 11:37:34
345阅读
有上百个很棒的React库可供选择，但是你的React项目最需要哪些库呢?在本文中，我们将分解你的React项目所需的五个库。 1.更快的Create-React-App 如果你想创建一个React项目，你可能会使用像Create-React-App这样的工具。 虽然Create-React-App是一个令人惊叹的工具，并允许你通过运行一个命令来创建React项目，但它有一个新的竞争对手
react native ios打包流程(小白文)为了让小白也能看懂，本文极其浅显，流程步骤有点多，不耐烦的同学可以跳跃阅读准备工作1:开发者账号由于申请开发者账号要钱的，这里大致讲一下流程，不懂的可以留言给我（开发者账号分为：个人开发者账号、公司开发者账号、企业开发者账号）申请流程1：申请开发者Apple ID,申请流程2：付钱（开发者账号分为：个人开发者账号、公司开发者账号、企业开发者账
在前端中但凡谈到打包，肯定要提及到 webpack，毕竟它现在已经是最为流行的打包工具。但 webpack 更多地是表现在 术 上，于是我决定写这篇文章，更多地讲解一些关于 道 的。对于一个前端而言，生产环境的静态资源优化，它既是面试中的高频问题，同时也最容易成为平时工作中的 OKR/KPI。如果你经常致力于优化前端打包提及，必然会对一些数字极为敏感，比如：
lodash 和 react gzip
React项目部署1.在github上新建仓库（和以前一样）2.将本地代码提交到github仓库上（和以前一样）3.修改本地React项目的 package.json文件（1）在name和version下面增加"homepage": “https://sgf227.github.io/sgf-react-datawhale/”,其中sgf227是github用户名，sgf-react-datawh
转载
2023-10-19 18:50:58
138阅读
在上一篇文章中我记录了Android原生接入React Native的一些知识点，那么接入开发完毕之后就需要打包生成正式apk文件，本篇文章就开始介绍如何打包。先说明一下，平时开发RN的时候，首先需要react-native start 开启服务，然后通过react-native run-android 就安装到手机或者模拟器了，然后也能运行。但是这里打的测试包其实不包含js代码，而是通过连接js
转载
2024-03-19 16:41:16
83阅读
（第一次用 Typora 写博，希望效果不错~）这几天有个创意编程比赛，要写一个电脑端应用。我准备用 React.js + Electron 做（因为熟悉~），编程部分一路风雨无阻，到了打包却出现了问题。Electron 没打过包不知道，一打包一下两天两夜就没了（T_T）但最后还是打包成功了~ 由于里面坑很多，把我打包的流程浅写在下面，供需要的人参考。1. 打包工具的选择粽锁粥汁，Electron
转载
2023-12-13 23:52:21
31阅读
对路由的理解在pc端页面之间的切换，我们大多使用a链接、location等操作。 在react.js开发中，我们采用组件化操作，一个页面就是一个组件。所以页面和页面之间的跳转就相当于是组件和组件之间的跳转。 我们知道react.js是一种单页面项目开发，就是在一个主页面的基础上存放各种子页面。这就好像一根网线连接路由器，而路由器能分出很多根网线连接大量的电脑。所以我们将单页面项
转载
2024-09-11 22:25:50
158阅读
注意事项（报错）npm install -g cnpm --registry=https://registry.npm.taobao.org
'react-scripts' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
// 有时在安装完其他组件后，再次运行 npm start 命令时会报以上错误，
## 解决方案1：
npm install react-scr
转载
2024-07-04 08:20:03
58阅读
最近有个项目需要用到react做一个前在github上找到一个项目https://github.com/ltadpoles/react-admin通过.
原创
2022-06-17 09:51:07
1192阅读
# 如何将 React 项目打包成 Docker 镜像
在现代开发中，Docker 提供了一种轻便的方法来打包和部署应用程序。将一个 React 项目打包成 Docker 镜像对于新手来说可能有些复杂，但通过以下步骤，你将能够轻松完成这一任务。下面我将通过一个简单的流程图和详细步骤向你介绍。
## 整体流程
| 步骤 | 描述 |
|----
react项目打包优化
原创
2021-09-17 10:47:35
268阅读
优化前：优化中：优化完成：要点：1.路由懒加载2.在路由懒加载前把自己开发的公共组件全部引入3.剔除掉比较大的公共组件（例如富文本组件）
原创
2022-06-30 17:47:14
438阅读
## 使用Docker打包React项目的步骤
随着现代前端开发的日益复杂，Docker已经成为构建、打包和部署应用程序的重要工具。本文将指导你如何将一个React项目打包成Docker镜像，并为其创建一个可部署的环境。
### 前期准备
在开始之前，请确保你已经安装了以下工具：
1. [Node.js]( - 用于开发React应用。
2. [Docker]( - 用于容器化应用。
接
引言 最近React作为当前最为火热的前端框架。最近也相继而出来相关ES7的新语法。 当然，在使用React开发web项目的时候，不得不提到的就是与之配套的相应的打包技术，之前上文已经简单的提到React+webpack的相关环境搭建。 不过昨天，在技术群聊里，又有人提到，如何更好的利用webpack进行开发与打包。那么今天，我就用一个例子来解释一下，利用webpack来打包react项目与
转载
2024-05-28 15:12:05
191阅读
学习React断断续续地也有两三周了，期间接触到了一大堆名词和工具，不得不承认React生态圈实在是太繁荣了，作为还没毕业的学生，本应该沉下心来多看看基础课程、刷一刷面试题好在秋招找一份不错的工作，但是一想到还有那么多好玩的框架没有学过，好用的工具没有用过，就心里直痒痒~ 刚刚解决了困扰了我好一段时间的问题，在网上查了好多资料都没找到，趁着中午休息时间记录下来吧。 需求：公司项目使用API
转载
2023-05-23 16:29:03
131阅读
前言刚开始学习React的朋友基本都是从Facebook官方提供 create-react-app 脚手架开始，别人的脚手架开箱即用固然爽，但是有的时候想要进行一些功能的拓展(集成less等) 就需要去百度谷歌。因为脚手架把整个项目的编译构建过程高度集成了，我们想通过脚手架生成的代码学习项目工程化，刚开始肯定是大难度的。伟人曾道：自己动手，丰衣足食。为了更深层次的去学习react，去尝试理解
转载
2024-07-18 21:29:57
66阅读
文章目录React 程序打包为App流程前言流程：实现过程:一、编写Web 端应该程序，配置package.json文件二、打包React Web应用程序三、使用HBulider 创建App项目，并导入React打包程序四、编辑manifest.json配置文件五、使用云端打包程序并且使用自定义证书六、Google开发者证书生成七、上传云端，下载apk八、执行测试后序 React 程序打包为Ap
转载
2023-07-17 20:17:43
257阅读
