环境搭建好之后的项目结构（搭建环境方法可参照），利用VScode编辑器打开：这个是自动创建的初始结构，下面是各个文件的内容和作用。1.package.json这个文件是管理下载的依赖包,在项目中经常用到的是"react"库，“react-dom”（将jsx语法渲染到dom中）在项目中最重要的命令是“start”启动项目，"bulid"的作用就是将项目打包。2.public文件夹 &
转载
2023-11-29 20:23:35
182阅读
react和react develop tools（chrome等插件）编译
原创
2023-05-17 11:44:39
245阅读
项目环境：windows 10 1089版本 create-react-app：3.0.0 react：16.8.6 react-router-dom：5.0.0方案一使用 babel-plugin-dynamic-import-node原理：转换 import()为 require()，将所有异步组件都用同步的方式引入 页面路由配置文件：使用react-router推荐的loadable加载文件
转载
2023-12-12 13:00:02
270阅读
前言搞安卓的开发应该知道开发好的apk都是需要上传到应用市场给用户下载的，当然有些公司的产品是不用上传到应用市场的（比如我们公司放七牛云）但是也需要放在云上面给用户下载。react-native直接run-android默认是产生一个debug的版本apk显然这是不符合开发需求的，理由很简单debug版本apk是没有进行代码混淆的这是很危险的，所以我们需要个release的版本，下面我们来详细看一
转载
2023-08-07 19:07:36
775阅读
使用React开发有一段时间了，下面我就把自己一些心得体会分享给大家。我使用的是create-react-app脚手架生成的项目，这个脚手架一键生成react项目，非常方便，先简单记录一下这个新建项目的过程。一、打包在项目路径下，敲npm run buil，就出现了build文件夹，同时终端显示这些文字：大致意思是：已经编译好啦。build生成的这些东西要放在服务器root下，可以在pakege.
转载
2023-12-01 11:00:51
162阅读
最近有个项目需要用到react做一个前在github上找到一个项目https://github.com/ltadpoles/react-admin通过.
原创
2022-06-17 09:51:07
1192阅读
# React Native 编译 iOS 应用的完整指南
React Native 是一个开源框架，允许开发者使用 JavaScript 和 React 来构建跨平台的移动应用。尽管今天的移动应用开发非常复杂，但借助 React Native，开发者能够更加高效地构建和管理代码。本文将介绍如何在 macOS 上编译 React Native 应用为 iOS，并提供完整的代码示例和步骤。
##
# 如何在React Native中编译Swift
## 1. 介绍
欢迎来到React Native开发的世界！在本篇文章中，我将向你展示如何在React Native项目中编译Swift代码。作为一名经验丰富的开发者，我会带领你逐步完成这个任务，让你能够顺利地将Swift代码集成到iOS项目中。
## 2. 流程概述
首先，让我们来看一下整个流程的步骤，以便你能更清晰地理解整个过程。
`
原创
2024-03-20 06:27:04
150阅读
react 中css样式Using React you have various ways to add styling to your components. 使用React，您可以通过多种方式向组件添加样式。 (Using classes and CSS)The first and most simple is to use classes, and use a normal CSS file
最近在深入学习React的源码以及原理，这里将学到的知识记录下来。暂时只学到了基本过程，详细的内部函数原理后面有机会再记录下来。一、编译JSX首先，JSX本质其实是javascript的语法扩展，和模板语言非常接近，但是其充分具备javascript的能力。但是其要在javascript生效的话，需使用到 Babel 进行编译，JSX在被编译后，会变成一个针对 React.createElemen
React Native 基础之从源代码编译详解-适合Android开发（一）前言这篇文章给大家介绍一下从源代码进行编译 React Native模块，这篇文章适合Android模块开发。这篇文章的目的是什么呢？如果你想使用官方最新功能，或者使用官方修复Bug补丁代码，或者去使用官方现在还没有正式发布的新功能以及维护自己的功能代码。那么现在就需要现在这篇文章作为指导，进行编译React Nativ
转载
2024-02-10 19:01:14
140阅读
官网 https://reactnative.cn/
项目下载地址：https://github.com/hebiao6446/DemoProject 陆续更新中。。。在移动端开发的时候，我们基本上都会用到列表，React nativeiOSAndroidListViewUITableViewRecyclerView说到列表，那么必然跟网络请求有关系，网络这块那么肯定，所以我们来搞一搞网络请求。。
转载
2023-08-22 14:20:02
19阅读
入职新公司，这边打算采用RN来写界面，所以学习一波这一块的知识。 采用的是WebStorm来编译，据同事说，比他采用atom编译要多很多语法提示。 下载地址：https://www.jetbrains.com/webstorm/ 安装之后需要破解： 进入WebStorm，进行基础配置，诸如RN语法高亮等： 语法提示插件：https://github.com/virtoolswebpl
转载
2024-07-31 21:02:18
89阅读
使用官方脚手架creact-react-app//首先通过npm全局安装create-react-app
npm install -g create-react-app
//然后使用create-react-app命令来创建项目
create-react-app <项目名>
//创建my-app项目
create-react-app my-app
cd my-app
npm run s
转载
2023-11-02 19:55:12
170阅读
前言公司的项目用到了React Native，最近通过后台监控到一些崩溃问题，主要出在React Native Java侧的源码中，由于无法在js侧去定位和修复问题，于是希望通过修改React Native源码达到规避Crash的目的，下面记录编译React Native源码的过程。注：本文所有流程仅在macOS下测试通过，未在Linux和Windows下测试准备工作下载RN源码首先需要准备一份R
转载
2024-01-05 21:06:06
81阅读
因为xcode9默认不能创建dylib工程，所以 选择 静态库 工程后，修改编译选项使得变成dylib工程.步骤：一、xcode9 -> File -> New -> Project... -> Cocoa Touch Static Library二、xcode的最上面编译按钮（三角形）右边有个工程名字的按钮，点了选择越狱真机（如果选的是模拟器则不能生成arm64的体系架构
转载
2023-05-29 15:54:00
215阅读
1.应用场景主要用于学习掌握如何在react中书写css样式, 实现页面布局.2.学习/操作1.文档阅读 // 如何在React中优雅的写CSShttps://react.docschina.org/docs/faq-styling.html // react 官方文档中有简单提到关于在react中使用css截图如下：// 且可以看到为什么react
转载
2024-02-22 18:27:16
58阅读
当遇到 React Native 中 glog 编译错误时，可以尝试以下几种解决方案：
清理缓存并重新安装依赖：
# 清理 watchman 缓存
watchman watch-del-all
# 清理 Metro 缓存
rm -rf $TMPDIR/metro-*
# 删除 node_modules
rm -rf node_modules
# 删除 Pods
cd ios &&
Intro自己搭建了react开发环境，一步一步新增配置，测试代码运行。 在做完了“集成AntDesign组件库”这一步之后，编译速度变得很慢。 于是查找了好多优化webpack编译速度的方案。优化点很多个点(的配置)都会有影响。 以下列表中，禁用sourceMap这一条最有效(sourceMap生成花费了编译时间的80%以上)。 但没啥用，开发环境我还是得留着sourceMap方便调试 其他几条
和 Angular，Vue 不同，React 并没有如何在 React 中书写样式的官方方案，依靠的是社区众多的方案。社区中提供的方案有很多，例如 CSS Modules，styled-components，styles jsx 等等。接下来会详细地说一下这几种方案，在说这几种方案之前，首先说一下 React 官方提供的构建工具 create-react-app 构建的项目中使用 css 的问题。
转载
2024-07-11 20:17:47
48阅读
