Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。React 教程React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于
转载
2024-01-17 09:19:39
62阅读
用React Native编写跨平台APPReact Native 是一个编写iOS与Android平台实时、原生组件渲染的应用程序的框架。它基于React，Facebook的JavaScript的库，为的是构建用户接口，而并不是以浏览器为目标，它是以手机平台为目的。换句话说，假设你是一个web开发人员，你能够使用React Native去编写干净、高速的移动APP，而且能够体会到熟悉的框架和单个
转载
2023-05-26 23:50:43
495阅读
关于react-native和android的开发环境搭建、环境变量配置等可以查看官方文档。官方文档地址 文章中涉及的node、react等版本：node:v16.18.1
react:^18.1.0
react-native:^0.70.6
gradle:gradle-7.2开发工具：VSCode和android studio 关于react-native和安卓的混合开发，官方文档已经提供了一种
转载
2023-10-01 16:07:57
189阅读
前言：正在学习react大众点评项目课程的todoList应用阶段，学习react、redux、react-router基础知识。一、 React项目脚手架：create-react-app新建项目：
npx create-react-app 项目名注：（npm >= 5.2 ) 三个依赖：react、react-dom、react-scripts四个命令：start、build、test
转载
2024-05-30 21:49:29
40阅读
前言由于是从事后端开发，那么对IDEA开发工具“情有独钟”，本节就使用IDEA开发工具来创建一个my-app项目。操作步骤第一步：Create New Project第二步：选择New Project React APP**第三步：选择Finish **第三步：开发工具配置npm启动点击开始按钮，运行报错，信息如下：song@u:~/XXXX$ yarn s...
原创
2021-06-03 17:40:20
1361阅读
修改package.json下的 改成（如下图） 在项目根目录下(和 package.json 同级)新建配置文件 config-overrides.js ，并添加如下内容，这是默认的， 如果要接入第三方要这样 const { override, fixBabelImports } = requir
转载
2019-05-17 17:20:00
200阅读
2评论
For development, we'll be using a separate server address to reach our REST endpoints. In a production build, this will likely be a different address,
转载
2020-05-05 02:55:00
162阅读
2评论
react文档第三方react文档创建基于create-react-app工程化项目npx create-react-app react-democd react-demonpm start启动成功我的react练手项目
原创
2022-07-06 16:50:31
173阅读
参照react官方文档与书籍程墨的《深入浅出React和Redux》，文章用于笔记整理。初始化React项目React技术依赖于一个很庞大的技术栈，比如，转译JavaScript代码需要使用Babel，模块打包工具又要使用Webpack……这些技术栈都需要各自的配置文件。现在通过create-react-app工具就可以创建一个具有基本配置的应用。create-react-app是一个通过npm发
转载
2023-12-14 17:13:26
57阅读
在 React 的世界中，有容器组件和 UI 组件之分，在 React Hooks 出现之前，UI 组件我们可以使用函数，无状态组件来展示 UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给 UI 组件进行渲染。使用 React Hooks 相比于从前的类组件有以下几点好处：代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容
转载
2024-03-21 15:14:02
17阅读
Environment variables are a standard way to configure variables in your app based on the current environment (development, test, production). This les
转载
2020-06-02 01:05:00
195阅读
2评论
# React App 启动
React是一个流行的JavaScript库，用于构建用户界面。React应用程序可以使用不同的工具和技术进行开发和部署。本文将介绍使用yarn启动React应用程序的过程，并提供相关代码示例。
## 准备工作
在开始之前，确保您已经安装了Node.js和yarn。如果还没有安装，请根据您的操作系统在官方网站上下载并安装它们。
## 创建React应用程序
原创
2023-12-30 06:44:42
53阅读
1、项目初始化：npm install -g create-react-app // 安装全局命令
create-react-app my-app-demo // 创建项目
cd my-app-demo // 进入项目目录
npm run eject // 放出配置文件，执行后项目目录下多了config和scrips目录
yarn // 安装依赖
yarn start //
转载
2024-04-10 18:11:51
51阅读
1. 使用create-react-app创建react应用1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架
原创
2022-12-21 10:34:16
265阅读
React Native是Facebook公司最新推出的，强大的、开源的跨平台移动应用开发框架，它能大幅减少跨平台移动应用开发的工作量，并且代码结构清晰、简单易懂。同时React Native框架采用模块化结构，使应用版本的更新迭代非常简单。随着它的日趋成熟，React Native必然会成为移动应用开发的主流技术。《React Native跨平台移动应用开发》由浅入深、系统地介绍了使用React
转载
2024-06-12 17:54:48
114阅读
create-react-app my-app 用管理员运行cmd，问题依然。 打开日志，看到错误详细信息如下 32189 verbose unlock done using C:\Users\feng\AppData\Roaming\npm-cache\_locks\staging-6ca308c
原创
2021-07-20 13:55:50
719阅读
1、React native: Cannot add a child that doesn’t have a YogaNode or parent node
该错误一般是因为render方法中注释语句写法不正确，render的return函数里面的注释语句应该写在 {} 里面，而不是直接 //，正确写法：{/*注释语句 */}2、make sure your bundle is packaged
转载
2024-04-24 12:04:50
76阅读
前言create-react-app作为facebook官方的react脚手架是相当好用的。主要设计原理是将配置好的如Webpack，Babel，ESLint，合并到react-scripts这npm包中，用户就可以开箱即用。很多开发者都在这基础上进行改造开发。注意react-scripts就是create-react-app脚手架的核心配置代码。目前如果要自己定制配置，有两种方案可选。一个是ej
转载
2024-07-08 21:12:33
49阅读
一、react项目流程create react app文档1、安装npm i create-react-app -g
create-react-app myapp
或者
npx i create-react-app myapp2、创建基本目录，将App.jsx移入layout中入口找布局，布局找页面，页面找组件-[myreactapp] 项目名
---[src]
-----[components]
转载
2023-12-14 22:13:18
100阅读
文章目录React 代码规范1、基础规则2、组件声明（1）组件名称和定义该组件的文件名称建议要保持一致；（2）不要使用 displayName 属性来定义组件的名称，应该在 class 或者 function 关键字后面直接声明组件的名称。3、React 中的命名4、JSX 写法4.1、标签（1）当标签没有子元素的时候，始终使用自闭合的标签 。（2）如果标签有多行属性，关闭标签要另起一行 。（3
转载
2024-08-21 11:09:01
23阅读
