开篇词、为什么要选择React Native做你的跨端方案

你好,我是蒋宏伟。我目前在58同城担任前端架构师,也是 58RN 框架的负责人。 六年来,我一直在围绕着 React Native 搞开发、搞基建、搞探索。从最初一线的 React Native 业务开发,到后来开始负责 58RN 的基础设施建设,再...

React Native 新架构实战课

1、学习React Native,你需要掌握哪些知识

你好,我是蒋宏伟。 在专栏的第一讲,我们先打个“基础”,让你对即将要学习的 React Native 核心基础知识有个心理准备。 这些年,我经常活跃于公司内外的交流群中,和大家讨论一些问题,比如:状态管理该怎么选,长列表的性能问题该怎么解决,遇到紧急...

React Native 新架构实战课

2、Component:搭建静态页面的正确思路是什么

你好,我是蒋宏伟。 上一讲我们说到,React/React Native 开启了“基于组件”构建应用的潮流。 在工作中,特别是业务类的开发需求,绝大多数都是写页面。写页面分为两步,第一步是搭建静态页面,第二步是给静态页面添加交互让它动起来。...

React Native 新架构实战课

3、Style:关于样式你需要知道的三件事

你好,我是蒋宏伟。 上一讲我们说到,搭建页面的第一步是搭建静态页面,拿到设计稿后要从上往下拆成组件,再从下往上把组件进行实现。 但组件只是页面的架子。如果你不使用任何样式,组件只能遵循默认的布局规则、默认字号颜色,铺在屏幕上,看起来就像调试的 log...

React Native 新架构实战课

4、State:如何让页面“动”起来

你好,我是蒋宏伟。 那么这一讲,我们来讲搭建页面的第二步,让页面“动”起来,这里的“动”说的是在不同场景下,让页面展示出不同的内容。 怎么让页面“动”起来呢?这就要用到状态 State 了。 一个页面也好,一个应用也好,只有把状态设计清楚了,程序才能...

React Native 新架构实战课

5、Image:选择适合你的图片加载方式

你好,我是蒋宏伟。 今天我们来讲解 React Native 框架中的 Image 组件。顾名思义,图片组件 Image 就是用来加载和展示图片的。 你可能会觉得,图片组件的基础用法非常简单呀,学起来也很容易上手,这有什么好讲的呢?没错,正因为它很简...

React Native 新架构实战课
1237