Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

React Native中文全系列教程

全方面对React Native进行学习，包括基础概念、工具使用、组件操作、UI框架、路由导航等

Highest Rated

Created byVane Ocean

Last updated 8/2018

Chinese (Simplified)

What you'll learn

通过熟练掌握react native，从而进行移动项目的开发。并且熟练相关的辅助工具，包括vscode，eslint，json-server等等。
可以进行一个移动项目的功能开发，包括列表、详情、下拉加载、视频播放等
可以对react进行更好知识的补充，包括react/react-redux/redux-persist等

Course content

15 sections • 130 lectures • 19h 35m total length

六何分析法分析什么是RN25:57
学习目标展望与主要技术栈7:35

工欲善其事必先利其器5:50
vscode下载安装及简单介绍2:28
eslint的介绍以及环境的配置9:29
eslint在html文件中的使用3:21
eslint对js及html文件的脚本检测在vscode软件中的操作2:37
prettier插件的安装配置使用5:06
eslint的airbnb代码风格使用10:23
react-native-tools调试工具在vscode中对RN项目的调试操作8:20
vscode中git代码版本管理6:51
其它工具的简单介绍1:22

ScrollView纵向滚动操作14:03
ScrollView纵向滚动增强及横向滚动15:55
react-native-swiper第三方插件使用9:30
FlatList简单数据列表显示14:18
FlatList图文结合列表操作5:37
FlatList滑动删除列表项14:57
头部导航及添加按钮8:16
利用弹出框进行数据添加15:52
滑动以及弹出框的代码拆分8:05
滑动修改列表项13:45
FlatList横向滚动实现天气预报19:49
SectionList分组数据列表显示9:45
字母索引通讯录的实例12:52

路由介绍10:14
react-navigation基本路由导航及参数传递11:41
react-navigation路由样式及自定义组件设置8:11
react-navigation头部按钮与组件间的交互操作8:43
react-navigation模态框导航5:14
react-navigation选项卡导航及抽屉式导航13:33
RNRF路由跳转及参数传递9:20
RNRF路由导航样式设置5:12
RNRF头部按钮与组件间的交互操作3:59
RNRF选项卡路由导航7:52
RNRF抽屉式导航5:43
RNRF的Modal模态对话框4:18
RNRF的Lightbox1:59
RNN环境安装配置操作6:56
RNN路由跳转及参数传递8:19
RNN动态修改头部导航样式7:34
RNN头部按钮与组件间的交互操作8:19
RNN选项卡导航11:12
RNN抽屉式导航8:12
RNN模态框及Lightbox弹出框导航6:20
路由总结1:42

Requirements

需要了解html、css、js网页基础，flex弹性布局，react、redux框架知识
如果有一些Android/iOs原生开发知识就最好了，当然，如果会Xcode/Android Studio基本配置也是可以的

Description

利用React Native的Javascript进行iOs及Android移动端项目的开发，可以利用JS与原生开发相结合方式，也可以尝试纯JS代码开发操作方式。总之，本课程宗旨就是帮助前端开发人员向移动开发快速挺进。

Who this course is for:

有意向进行移动项目开发的人员，但却没有Swift/Objective-c/Java/Android技术能力的人员
已经掌握的react技术，准备向移动端推进的人员