(零) React Native 项目开发拾遗
一位离职的前端同事,最近接了个 React Native 的活儿,遇到许多搞不定的问题,于是找到我帮忙“补课”(没有系统的学习 React Native,也不具备原生 Android 和 iOS 开发基础知识)。
此前带过另一位前端同事入门 React Native 开发,有段时间甚至一天得花一两个小时,专门视频连线手把手传帮带,帮忙解决各种疑难杂症。
这可能是纯前端开发小伙伴,刚开始接触 APP 开发最头痛的一段。不管是 React Native 还是 Flutter,虽然都号称跨平台开发,但如果没有相应平台(Android、iOS 等)的开发基础,还是很难深入的。一般会卡在下面这些问题上:
- 开发环境的搭建和修改,可能涉及到 
JDK、Maven、Ruby、Gems、CocoaPods等; Android和iOS项目的一些配置,如build.gradle、AndroidManifest.xml、Info.plist、Podfile等;Android Studio和XCode的使用;Android和iOS原生代码的修改,包括Java/Kotlin和Objective-C/Swift;C/C++源码编译问题的处理;- 命令行工具的使用,如 
Shell脚本编写、ADB的使用、react-native run-*命令的使用等; - 调试工具的使用,如 
Flipper、DevTools、Reactotron等; - 各种原生相关的三方库依赖问题处理;
 - 由各种缓存所引发的问题处理;
 
另外,可能还会遇到诸如切换/点击响应很慢、画面卡顿等问题,感觉上没有原生的看上去丝滑。很多人会归咎于非原生,然而大部分时候并非如此。很可能是由于不明白相应的原理,导致写的代码执行效率太差。这是很大一大部分纯前端小伙伴的通病。
时间精力允许的情况下,会在这里记录一些相应的问题解决方法。
(零) React Native 项目开发拾遗的更多相关文章
- Expo大作战(三)--针对已经开发过react native项目开发人员有针对性的介绍了expo,expo的局限性,开发时项目选型注意点等
		
简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人 ...
 - 一、React Native 搭建开发环境(1)(Mac OS - IOS项目篇)
		
React Native是Facebook推出的一个开发IOS和安卓APP的技术.至于更多的详情,这里不再描述,大家可以自行百度它的定义. 原因:由于我想在一台电脑上同时开发IOS和Android两个 ...
 - React Native移动开发实战-2-如何调试React Native项目
		
在实际开发中,还有一个影响开发效率的重要因素:调试. 在1.4.3节中已经介绍了Enable Live Debugger的使用.本节来介绍另一个非常重要的调试选项:Debug JSRemotely选项 ...
 - 【腾讯Bugly干货分享】React Native项目实战总结
		
本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/577e16a7640ad7b4682c64a7 “8小时内拼工作,8小时外拼成长 ...
 - react-native —— 在Windows下搭建React Native Android开发环境
		
在Windows下搭建React Native Android开发环境 前段时间在开发者头条收藏了 @天地之灵_邓鋆 分享的<在Windows下搭建React Native Android开发环 ...
 - React Native 项目运行在 Web 浏览器上面
		
React Native 的出现,让前端工程师拥有了使用 JavaScript 编写原生 APP 的能力.相比之前的 Web app 来说,对于性能和用户体验提升了非常多. 但是 React Nati ...
 - React Native 项目实战-Tamic
		
layout: post title: React Native 项目实战 date: 2016-10-18 15:02:29 +0800 comments: true categories: Rea ...
 - React Native ios开发第一课
		
前言 本篇文章的作用在于帮助你快速上手使用React Native编写iOS应用.如果你现在还不太了解React Native是什么以及Facebook为什么要创建React Native,你可以先看 ...
 - 《React Native 精解与实战》书籍连载「Android 平台与 React Native 混合开发」
		
此文是我的出版书籍<React Native 精解与实战>连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理.React Native 组件布局.组件与 ...
 - 《React Native 精解与实战》书籍连载「iOS 平台与 React Native 混合开发」
		
此文是我的出版书籍<React Native 精解与实战>连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理.React Native 组件布局.组件与 ...
 
随机推荐
- Vue 是如何实现数据双向绑定的?
			
Vue 数据双向绑定主要是指: 数据变化更新视图 视图变化更新数据. 即: 输入框内容变化时,Data 中的数据同步变化.即 View => Data 的变化. Data 中的数据变化时,文本节 ...
 - new操作符具体干了什么呢?
			
new操作符的作用如下: 1.创建一个空对象2.由this变量引用该对象3.该对象继承该函数的原型4.把属性和方法加入到this引用的对象中5.新创建的对象由this引用,最后隐式地返回this.过程 ...
 - 【干货】顶级 Java 源码教程项目大汇总!
			
大家好,我是鱼皮,今天分享几个 GitHub 上顶级的 Java 源码教程项目. 区别于书籍.文档.视频等形式的教程,这些项目几乎都是由 精简的代码片段 和 Demo 组成的,能够轻松地在本地执行,非 ...
 - AT_abc246_d 题解
			
洛谷链接&Atcoder 链接 本篇题解为此题较简单做法及较少码量,并且码风优良,请放心阅读. 题目简述 给定整数 \(N\),请你找到最小的整数 \(X\),满足: \(X \ge N\). ...
 - find命令在根目录查找文件
			
find命令在根目录查找文件 find命令口诀是: find 路 名 含 一,首先看看路径的表示方法 . 表示当前目录 .. 表示上一级目录 cd .. 表示返回上一级目录cd ../ ...
 - 【DataBase】MySQL根据父节点查询下面的所有子节点
			
表结构如下: /* Navicat Premium Data Transfer Source Server : 主机 Source Server Type : MySQL Source Server ...
 - 全球最大开源模型Grok-1 —— 马斯克 —— 自然语言大模型
			
当前世界上参数最大的开源大语言模型Grok-1,参数权重大小为296GB,即3140亿参数,远远超过了OpenAI的GPT-3.5模型. 该模型采用的3140亿参数的MoE模型,在给定token上的激 ...
 - 【转载】      tensorflow batch_normalization的正确使用姿势
			
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/computerme/article/de ...
 - 中国2023年GDP增速5.2%
			
在中美贸易战和三年全球疫情的大背景下,我国的经济依旧保持强有力的增速,这表明了经济发展不断转好,一切恢复到疫情和贸易战之前也是有待期望的.
 - conda中安装GCC/G++
			
参考: https://www.5axxw.com/questions/content/h0e4te ========================================== 一般在lin ...