Ajax 板


LINE

※ 引述《a5772803 (无尽之痕)》之铭言: : 小弟公司主要是写 laravel的 : 目前想要走向app的开发 : 想要从React native下手 : 但是大家都没有 android ios 相关的开发经验 : 如果直接开始写的话 要去补充什麽知识呢 : 小弟有写过一点点的android 知道是activity : 做跳转 : 感觉跨平台还需要一点原生的知识 : 想要再找android、 ios、 react native的书来辅助开发 请问这样的方向是对的吗 : 还有看到vuex这个东西看的很模糊 : 目前暂定是准备这些东西 搭配expo进行 : 请多多指教! 先说结论吧,如果你们公司想要使用React-native来开发app,建议开个职缺直接找专业 的前端来比较好。不管是开发进度或是除错都会比较好。 ======================================== 以下是小弟我的不太专业的前端的跨平台开发+React-native的介绍 网页和移动装置的APP差很多。把网页的程式码做成APP就像是让IOS或Linux能直接使用 windows的应用程式一样的麻烦。为了解决这个麻烦,有许多的套件或方案不断的开发 出来,而这些跨平台开发方案大约可以分成二个世代:包含cordova在内的第一世代 ,包含React-native在内的第二世代。 第一世代的东西小弟我没有学过,只能大概说明一下。cordova是使用cordovaAPI来取代 网页的DOMAPI,这样就能在移动平台上用APP的外观来跑网页应用程式(看起来像APP的 网页)。缺点也很明显,这个方案做出来的APP和原生的APP就是有效能上的差别,而且原 生网页没有的功能cordova也不会有(比方说键盘锁) 第二世代的方案原理很简单。不考虑现实层面,想让linux上能使用windows的应用程式最 简单的方法就是告诉windows应用程式windows系统的指令和linux系统指令的对应关系,这 样windows应用程式就能自动做出和linux原生应用程式一样的效果了。 第二世代的方案的原理就是把移动装置上的程式语言的API包装成javascript的API让 javascript使用。这样在切换移动平台时,只要更换对应的API就好,主程式可以不用变 动。以laravel来说明的话,如果资料库要从MySQL换成MongoDB,只要把model层呼叫 MySQL的部分换成呼叫MongoDB就好,PHP的其他部分都可以不用更动。第二世代的方案相 比第一世代的方案,执行速度会比较快,但如果原生平台有出现新的API,程式设计师可 能要自己写包装用的API。 第二世代的方案现在主要有三种,NativeScript、React-native和Electron。 React-native是React系统的一部分,是用来和React组合的跨平台开发方案。 NativeScript是独立的套件,有普通javascript、Angular和Vue三种开发模式。 而Electron是桌面端限定的套件。 ====== 以下是React的小小说明 ====== React和Angular、Vue常被称为三大前端框架。但React有一些特点是另二个框架没有的。 1. 学习曲线非常高,除了本身的JSX语法之外,开发者至少要熟练ES6以上的语法,这些 都不是Javascript初学者能快速掌握的。(虽然官方文档有说可以不用学JSX或ES6就能写 React,但小弟我实在是不想看没有使用JSX和ES6写出来的程式码) 2. Angular和Vue和laravel都是使用MVC架构(严格来说,前端是MVVC架构),React勉强 能说是只有V的架构,好处是可以和其他套件组合(可以使用React + Vuex + Vue-Router ,但不建议这样玩,因为Vue的套件都不太能和其他套件组合),缺点是要知道许多套件。 考虑到lavarel内建的前端是好上手的Vue,我下面介绍时会以Vue来当对比 网页应用 V MV C Vue: Vue + Vuex + Vue-Router React: React(+React-dom) + Redux(+React-redux + ...) + React-Router React的各种平台使用 网页原生:React(+React-dom) Android :React(+React-native) IOS :React(+React-native) Windows :React(+React-native+React-native-windows) Mac :React(+React-native+React-native-macos) ======== 以下是React-native建议的学习顺序 ======== 1.学习React:这包含了JSX,ES6还有一些常用的套件(比方说Redux,react-router) 2.学习React-native中的Expo的部分,这样就可以利用React-native写出足够支援大部 分跨平台所需要的功能 3.学习Android和IOS的程式语言,这样才能使用React-native还没有支援的特定原生平台 的API。 --



※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 220.141.112.234 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1593152563.A.BB4.html ※ 编辑: BugofBook (220.141.112.234 台湾), 06/26/2020 19:05:33
1F:推 a5772803: 谢谢book大的回文 请受小弟一拜 06/27 22:21
最近正在找新工作,刚好开始学React-native。FaceBook上有react-native的社团,那里 高人比较多。 ※ 编辑: BugofBook (36.228.37.114 台湾), 06/28/2020 08:56:22
2F:推 imjeffreylee: 推 07/08 06:07
3F:→ kurtisgod: 好文推 07/09 15:50
4F:推 onininon: 好文推 07/28 09:51







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:iOS站内搜寻

TOP