Part One首先，打开MyProject目录（这个就是我们的项目目录）下的的index.android.js文件，其实这个名字你可以自己定义，不一定非要命名为index.android.js。下面就让我们来分析一下这个文件的内容结构和一些注意事项。import React, { Component } from 'react';
import { // 引入React Native组件，当我们
React是一个用于构建用户界面的JAVASCRIPT库，起源于Facebook内部项目并于2013年5月开源。React拥有出众的性能而代码逻辑却非常简单，因此越来越多的人开始关注和使用React。现在已经成为前端三大主流之一，其他两大主流前端框架分别为Angular和Vue。 安装Node在安装React之前我们需要安装node环境，这个我们只要在node官方下载node绿色免安装
1. location正则写法一个示例： location = / {
# 精确匹配 / ，主机名后面不能带任何字符串
[ configuration A ]
}
location / {
# 因为所有的地址都以 / 开头，所以这条规则将匹配到所有请求
# 但是正则和最长字符串会优先匹配
#pathinfo模式
#try_files $uri $uri/ /inde
# 在React项目中配置Docker
在现代Web开发中，Docker已成为一种流行的工具，它可以帮助开发者轻松创建、部署和运行应用程序。在这篇文章中，我们将探讨如何为一个React项目配置Docker，并详细介绍相关的步骤及代码示例。希望通过本篇文章，能够帮助你更好地理解Docker的使用。
## 1. 什么是Docker？
Docker是一个开源平台，它允许开发者将应用程序及其所有依赖
无论是vue还是react开发，我们通常需要引入路径的便捷化配置，通常我们都会约定使用路径@作为根路径地址。如果是个人react开发的@路径简单配置1. 安装cracoyarn add @craco/craco复制代码2.根路径下创建 craco.config.jsconst path = require("path")module.exports = { webpack:{ alias:
转载
2022-09-20 17:20:24
311阅读
一、创建Reract项目1、创建React项目npx create-react-app react-test2、运行eject Cesium静态资源需要webpack配置，执行npm run eject可以生成webpack配置，运行前先查看当前git版本是否有提交，如果未提交，需要先本地提交git，否则npm run eject会执行失败。（
原创
2024-08-27 08:41:18
315阅读
react项目中使用typescriptreact项目中使用typescript安装`typescript``package.json`中`scripts`出现配置 TypeScript 编译器例如设置使用TS的文件目录以及TS的输出目录文件扩展名类型定义 react项目中使用typescript安装typescript
npm install --save-dev typescriptpack
转载
2023-09-04 14:13:52
151阅读
一、安装1、安装loaderinstall sass-loader node-sass --save-dev二、配置1、找到node_modules/react-scripts/config/webpack.config.dev.js文件和webpack.config.prod.js2、新增圈住的地方 { loader: require.resolve('file-loader'),
原创
2021-06-15 15:55:28
495阅读
前言公司的项目用到了React Native，最近通过后台监控到一些崩溃问题，主要出在React Native Java侧的源码中，由于无法在js侧去定位和修复问题，于是希望通过修改React Native源码达到规避Crash的目的，下面记录编译React Native源码的过程。注：本文所有流程仅在macOS下测试通过，未在Linux和Windows下测试准备工作下载RN源码首先需要准备一份R
转载
2024-01-05 21:06:06
81阅读
直接输入下面的命令npm run eject
原创
2021-12-16 16:58:58
136阅读
1. 这里使用react-router-config配置静态路由 npm install react-router-dom--save npm install react-router-config --save "react-router-config": "^5.1.1", "react-rou ...
转载
2021-09-28 14:16:00
767阅读
2评论
1.快速创建React项目 npm install -g create-react-app // 全局安装create-react-app (只需要安装一次) cre
原创
2022-06-16 13:10:12
299阅读
直接输入下面的命令npm run eject
原创
2022-02-25 15:43:22
80阅读
1.修改npm的镜像源到淘宝 npm config set registry https://registry.npm.taobao.org 2.查看镜像源 npm config get registry 3.创建react项目 npx create-react-app my_react_test ...
转载
2021-08-18 10:36:00
206阅读
2评论
开启学习react+ts，本篇主要是学习使用React Redux和项目的路由配置一、React Redux需求：使用TS+React Redux实现一个累加。A. 安装$ yarn add redux react-redux redux-devtools-extensionB. Storesrc下新建 store 目录，在其中新建 reducer.ts 和 index.ts：a. reducer
转载
2024-09-05 16:15:35
178阅读
前言前面一节介绍了webpack的核心内容，当然webpack的核心不止我说的那些。有了前面的基础就了解了webpack是做什么的，如何配置webpack，怎么初始化一个前端项目。这节就进入到前端项目的打包，这里使用的是react框架；学习目标webpack 配置 react 前端项目在浏览器中启动项目什么是 JSX在日常的 React 开发工作中，我们已经习惯了使用 JSX 来描述 React
转载
2021-01-06 15:32:00
485阅读
在不使用npm run eject暴露配置的情况下 1. 安装 node-sass sass-resources-loader npm install node-sass sass-resources-loader --save "node-sass": "^6.0.1", "sass-resour ...
转载
2021-09-28 13:46:00
698阅读
2评论
前言：本教程起就是从0开始做一个完整的 react 项目，教程的案例推荐使用 antd 的官方文档一起学习。也可以称为在 create-react-app 中使用 antd1、首先，配置好一个 react 项目 npx create-react-app my-app 删除 src 文件夹下的所有文件： cd my-app
cd src
del * 在 src 文件夹下新建一个 in
转载
2024-01-12 07:09:04
78阅读
在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是在浏览器中直接引入、使用官方脚手架create-react-app、使用Webpack创建。浏览器中通过标签直接引入 React框架有两个核心的包，分别是react以及react-dom,如何想直接在浏览器中使用React，那么把这两个包直接引入
转载
2024-02-27 14:49:54
80阅读
前言 首先这是一个react17的项目，包含项目中常用的路由、状态管理、less及全局变量配置、UI等等一系列的功能，开箱即用，是为了以后启动项目方便，特地做的基础框架，在这里分享出来。 这里写一下背景，我最开始是node8的环境，因为react17需要至少node14的版本，我就直接升级到16了，关于node升级遇到的问题，我有另一篇文章专门罗列步骤和可能出现的问题及解决方案，这里就不多说。
转载
2023-12-26 22:25:59
41阅读
