RN从0到1系统精讲与小红书APP实战 知识点总结

1.学习RN

• React Native(RN)是一个跨平台的移动应用开发框架，可以使用JavaScript和React语法来构建原生iOS和Android应用程序。

• RN提供了丰富的组件库和API，可以快速搭建具有良好用户体验的移动应用程序。

2.实战项目开发

• 构建环境：安装Node.js和npm包管理器，并使用React Native CLI来创建RN项目。可以选择React Navigation组件库，并添加MobX状态管理库和Axios网络请求库。

• 页面设计：根据需求设计应用程序的页面结构和布局，并使用React Native组件来实现页面的样式和交互效果。

• 数据管理：使用MobX状态管理库来管理应用程序的数据。可以将API请求和响应逻辑封装到自定义Hooks中，以便在多个组件中重复使用。

• 路由配置：使用React Navigation组件库来配置应用程序的路由。可以使用BottomTabNavigator和StackNavigator等导航器来实现页面导航和切换。

• 实现功能：根据需求实现各个页面的交互功能，例如登录、注册、发布笔记、搜索笔记等。可以使用Axios库来进行API请求和响应数据的处理。

• 发布应用程序：使用Xcode和Android Studio来打包和发布IOS和Android应用程序。

3.代码学习笔记

• 使用React Native CLI来创建RN项目，并使用npm包管理器安装所需的依赖项。

• 使用React Native组件来实现应用程序的样式和交互效果，包括View、Text、Image等组件。

• 使用MobX状态管理库来管理应用程序的数据，可以使用@observable、@computed和@action等装饰器来定义状态和操作。

• 使用Axios库来进行API请求和响应数据的处理，可以将API请求和响应逻辑封装到自定义Hooks中，以便在多个组件中重复使用。

• 使用React Navigation组件库来配置应用程序的路由，可以使用BottomTabNavigator和StackNavigator等导航器来实现页面导航和切换。

• 可以使用FlatList和SectionList等React Native组件来实现列表展示功能。

• 可以使用Swipeable和Modal等React Native组件来实现滑动删除和弹窗提示等交互功能。

• 发布应用程序时需要注意IOS和Android平台的差异，例如icon、启动画面、权限等问题。