最近在深入学习React的源码以及原理，这里将学到的知识记录下来。暂时只学到了基本过程，详细的内部函数原理后面有机会再记录下来。一、编译JSX首先，JSX本质其实是javascript的语法扩展，和模板语言非常接近，但是其充分具备javascript的能力。但是其要在javascript生效的话，需使用到 Babel 进行编译，JSX在被编译后，会变成一个针对 React.createElemen
入职新公司，这边打算采用RN来写界面，所以学习一波这一块的知识。 采用的是WebStorm来编译，据同事说，比他采用atom编译要多很多语法提示。 下载地址：https://www.jetbrains.com/webstorm/ 安装之后需要破解： 进入WebStorm，进行基础配置，诸如RN语法高亮等： 语法提示插件：https://github.com/virtoolswebpl
转载
2024-07-31 21:02:18
89阅读
环境搭建好之后的项目结构（搭建环境方法可参照），利用VScode编辑器打开：这个是自动创建的初始结构，下面是各个文件的内容和作用。1.package.json这个文件是管理下载的依赖包,在项目中经常用到的是"react"库，“react-dom”（将jsx语法渲染到dom中）在项目中最重要的命令是“start”启动项目，"bulid"的作用就是将项目打包。2.public文件夹 &
转载
2023-11-29 20:23:35
182阅读
最近有个项目需要用到react做一个前在github上找到一个项目https://github.com/ltadpoles/react-admin通过.
原创
2022-06-17 09:51:07
1192阅读
这里原生界面是指用布局文件实现或java代码实现view的Activity，React界面是指用ReactJS实现的界面的Activity。从某种角度看，React只是充当了Android里的view层，因此原生界面与React界面的相互调用及数据传递同原生界面之间的互动基本是一致的。下面是我对两种界面的相互调用和数据传递的一种实现尝试，不一定是最有效率或最佳的，纯当练习和探索而已。一、原生界面调
转载
2023-12-14 21:46:57
135阅读
前言公司的项目用到了React Native，最近通过后台监控到一些崩溃问题，主要出在React Native Java侧的源码中，由于无法在js侧去定位和修复问题，于是希望通过修改React Native源码达到规避Crash的目的，下面记录编译React Native源码的过程。注：本文所有流程仅在macOS下测试通过，未在Linux和Windows下测试准备工作下载RN源码首先需要准备一份R
转载
2024-01-05 21:06:06
81阅读
react-native-android-guide 致力于帮助Android开发者转react-native开发。 地址：https://github.com/jiangqqlmj/react-native-android-guide 作为一名Android开发者，我的感觉就是，一步一卡，卡的潇洒。 但是我还是要学react-native，不要问我为什么,因为我相信一门解决了原生
React Native 基础之从源代码编译详解-适合Android开发（一）前言这篇文章给大家介绍一下从源代码进行编译 React Native模块，这篇文章适合Android模块开发。这篇文章的目的是什么呢？如果你想使用官方最新功能，或者使用官方修复Bug补丁代码，或者去使用官方现在还没有正式发布的新功能以及维护自己的功能代码。那么现在就需要现在这篇文章作为指导，进行编译React Nativ
转载
2024-02-10 19:01:14
140阅读
解决问题：在较深的组件树中如何进行数据的传递 本文介绍Why：提出context的初衷When：context的使用场合How：如何使用contextTips：性能浪费 Why：提出context的初衷react中的数据在父子组件中一般以props形式传递，如果父组件要把某个数据传递给孙子或者重孙子组件，就要经过子组件层层传递，比较麻烦。为此引入context全局上下文，来实现数据跨组件共享Whe
在使用 `yarn` 启动 React 项目时，许多开发者可能会面临一些问题。一般情况下，项目应该很容易启动，但有时会出现各种错误，让人倍感困扰。本文将详细说明如何解决“怎么用 yarn 启动 React 项目”的问题，包括可能的业务影响、错误现象、根因分析、解决方案、测试和预防优化措施。
## 问题背景
在现代Web开发中，React已经成为流行的前端框架。越来越多的企业开始使用React构
组件分类基础组件：指input、button这种基础标签，以及antd封装过的通用UI组件业务组件：对基础组件的二次封装，实现需要的功能区块组件：基础组件和业务组件的组合页面组件：最终展示给用户看的组件，和路由相对应React 组件的两种创建方式使用 JS 中的函数创建组件// 定义一个函数式组件 类似函数表达式的写法 用箭头函数写的
const Com1 = () => {
retu
用add_rules("mode.debug", "mode.release")target("skinnedui_src") set_kind("binary") add_files("SkinnedUI.cpp") add_files("stdafx.cpp") add_files("SkinnedUI.rc")一下,就编译成功了.而用VS来升级,完全没用啊.
原创
2022-02-27 11:03:26
133阅读
Android 开发中使用 make 编译单独项目的流程如下：
1. 安装必要的软件和环境：
- Android Studio：用于开发 Android 应用程序的集成开发环境（IDE）。
- NDK（Native Development Kit）：用于开发 C/C++ 程序的工具集。
- make 工具：用于构建和编译项目的自动化工具。
2. 配置项目以支持 make 编译
原创
2023-12-02 11:52:45
105阅读
1.要准备的三个工具apktool：获取资源文件，提取图片文件，布局文件，还有一些XML的资源文件dex2jar：将APK反编译成Java源码(将classes.dex转化为jar文件)jd-gui：查看2中转换后的jar文件，即查看Java文件 2.使用apktool反编译APK获得图片与XML资源：把下载好的apktool解压后，我们可以看到下述文件(忽略那两个csdn，一个是反编译
转载
2023-06-12 21:23:23
214阅读
目录 Android如何提升Gradle编译速度或减少Gradle编译时间最终优化方案优化效果比对将所有项目源码,各种缓存临时目录都移动到高性能SSD磁盘上gradle.properties 配置碰到的问题3. Android Studio 设置里勾选了自动编译功能却无效的问题?2. 在 Gradle Scan报告里 Timeline - FROM-CACHE - Build cache re
转载
2024-01-18 20:35:41
114阅读
接着上一篇内容，继续从全局去了解Android，我们提到编译与运行原理，本篇大多数篇幅将围绕编译原理展开话题。编译原理首先来看一下使用Java语言编写的Android应用程序从源码到安装包的整个过程，示意图如下，其中包含编译、链接和签名等按图说其实大致流程是:(1)首先把一些应用的资源用aapt工具生成R.java以便于Java源码调用.(2)然后用aidl工具将.aidl文件（Android I
转载
2023-08-02 10:31:26
52阅读
# React 项目中的 iOS 和 Android 项目目录结构
在现代移动应用开发中，React Native 因其强大的跨平台能力而获得了广泛使用。无论是 iOS 还是 Android，React Native 都能让开发者便捷地共享大部分代码。本文将深入探讨一个典型的 React Native 项目结构，并为您展示如何构建相应的 iOS 和 Android 目录。
## 项目结构概述
react和react develop tools（chrome等插件）编译
原创
2023-05-17 11:44:39
245阅读
学习React断断续续地也有两三周了，期间接触到了一大堆名词和工具，不得不承认React生态圈实在是太繁荣了，作为还没毕业的学生，本应该沉下心来多看看基础课程、刷一刷面试题好在秋招找一份不错的工作，但是一想到还有那么多好玩的框架没有学过，好用的工具没有用过，就心里直痒痒~ 刚刚解决了困扰了我好一段时间的问题，在网上查了好多资料都没找到，趁着中午休息时间记录下来吧。 需求：公司项目使用API
转载
2023-05-23 16:29:03
131阅读
Google tools team一直致力于提高android studio的编译速度，使用最新的gradle插件可以搞编译速度 在Android Gradle Plugin 3.0.0后，google推出了新的依赖方式，并强制要求废弃老的依赖方式。 1、使用最新的Android gradle插件Google tools team一直致力于提高android
转载
2024-02-21 08:12:29
138阅读
