前言对于第一次接触ReactNative的同学，最痛苦的是什么时候使用{}，什么时候使用(),当然我也经历过那段时间，为此简单总结了下。ReactNative中，使用表达式的时候需要用{}包住；style={styles.mainStyle} ReactNative中,在字符串中使用变量的时候，需要...
在ReactNative启动完成之后，就会加载jsbundle中的js代码，进入js层渲染。为什么讲 ReactNative JS 层渲染，重点讲 diff 算法呢？使用 React 写过 Web 和 ReactNative的，能很明显感觉到：除了组件命名不一样之外，生命周期、刷新机制等几乎是完全一...
文章目录前言概述拓展阅读 前言先带大家分析2张架构图，对RN大致的运行加载过程有个印象。ReactNative系统框架图如下所示:启动流程图如下所示：在开始分析之前，先思考一个问题：为什么ReactNative能像web端一样实现跨端和热更新，同时又有接近Native的性能呢？ReactNativ...
前言在学习一门新语言，搭建完新项目时，有必要了解下项目结构。HelloWorld|-- android|-- ios|-- node_modules|-- package.json|-- index.js|-- img|-- public|-- scene|-- libsandroid:Androi...
序目前主流的移动跨平台技术方案大体可以分为三类，使用原生内置浏览器加载HTML5的Hybrid技术方案，采用此种方案的主要有Cordova、Ionic和微信小程序；使用JavaScript语言进行开发，然后使用原生组件进行渲染，采用此方案的主要有React Native、Weex和轻快应用；使用自...
在做项目的时候经常会遇到会使用各种各样的图表，在react项目中处理图标时使用echart-for-react包，他依赖于echarts包 安装：npm install --save echarts npm install --save echarts-for-react引入并使用：import R...
state状态一、注意事项1、用setState更新状态而不能直接修改this.state.counter += 1; //错误的2、setState是批量执行的，因此对同一个状态执行多次，只起⼀次作用，多个状态更新可以放在同一个setState中进行componentDidMount() { ...
ReactElement一、JSX到ReactElement的转化利用babel插件将编写的JSX代码转化为React.createElement代码：function Cmp(){ return <a>123</a>}<Cmp id="app"> <...
项目起步官网链接React官网一、搭建一个项目// 1、安装官⽅方脚⼿手架npm install -g create-react-app// 2、创建项⽬create-react-app my-app// 3、进入项目、启动项目cd my-appnpm start// 4、如果需要暴露配置项npm ...
