Android native RN 备注
基础知识

 

ECMAScript 6  vs  js?

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准

https://blog.fundebug.com/2017/11/22/details-about-javascript-and-ecmascript/

 

Angular2、Ionic、TypeScript、es6的关系?

https://www.jianshu.com/p/27c026734b8d

 

TypeScript Microsoft 开发和维护的一种面向对象的编程语言。它是JavaScript 的超集,包含了 JavaScript 的所有元素,可以载入JavaScript 代码运行,并扩展了 JavaScript 的语法。

https://www.jianshu.com/p/f57935d8a288

https://www.zhihu.com/question/25421196

node?

我觉得node更像是jsp,如果可以对应的话

 

三剑客:html、css、js,rn是什么?

RN是一种框架

 

Npm又是什么?

java Mavennpm相似吗?

因为我和npm一起工作,在package.json文件中查找依赖项并为你下载。 同样,我在Java项目中看到了一个pom.xml文件。 maven是否在此文件中查找并为我下载依赖项。 我可以像package.json一样传递这个pom.xml文件,而不是给出依赖关系jar吗? 这些工具是否相似,是否适用于不同的平台?

是。 它是一个类似java的打包工具。 寻找gradle也可以使用groovy language为您提供更多自由,但是首先您可以使用maven来组织您的依赖项。 你把它们作为标签包含在那里,而maven为你做的工作。

它遍历依赖树并下载所有适当的jar

 

类似

为什么引入maven

http://jolestar.com/dependency-management-tools-maven-gradle/

 

 

开发

 

开发环境

IDE  visual studio code

npm 命令和package.json

Js基础

React Native文档

上面这些你都差不多搞 OK 了以后就进入真正的 React Native了,具体参看如下:

React Native官方文档 
React Native官方文档中文翻译

这时候的路线应该是按照文档一个一个的敲一遍,理解验证,主要就是state props 思维的转变;文档简单撸一遍以后你已经入门啦(不用每个属性都验证,每个属性都要看一遍,但是不用都验证)。

 

开源项目

此时你应该去网络搜索一些React Native 的开源项目学习学习,观摩观摩他们写法,这个最多花上一两天就是突飞猛进的节奏。

收录一些react native开源项目

 

项目结构

 

 

 

布局 LinearLayout等

Flexbox布局

 

跳转

startactivity

Navigator

https://reactnative.cn/docs/0.41/using-navigators/

 

block/view block/view jsx+style+render

 

activity/fragment

 

 

 

网络请求

 

 

 

问题

 

https://www.zhihu.com/question/27852694

http://blog.cnbang.net/tech/2698/

https://github.com/guoxiaoxing/react-native/tree/master/doc/ReactNative%E6%BA%90%E7%A0%81%E7%AF%87

https://www.jianshu.com/u/b3b2bc70999b

Rn语法:

https://reactnative.cn/

 

 

Rn的代码运行后,打开布局边界,有边界吗? 有

 

 

 

 

参考资料:

https://github.com/reactnativecn/react-native-guide

 

 

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐