ReactNative 学习笔记

这篇具有很好参考价值的文章主要介绍了ReactNative 学习笔记。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

学习使用的开发工具

  • 编译器

    VSCode

  • 开发语言工具

    TypeScript

重要程度分类

  • 一般

    这个程度的知识点主要是达到熟练掌握即可,不用太深入研究和学习。

  • 重要

    这个程度的知识点主要是达到熟练掌握,并且内部的原理切要熟记,因为会关联到其他的知识点。

  • 非常重要

    这个程度的知识点主要是达到熟练掌握,并且内部的原理切要熟记,因为会关联到其他的知识点和牵扯到整个系统安全、性能等方面的知识点,所以需要着重学习和理解。文章来源地址https://www.toymoban.com/news/detail-641172.html

难度分类

  • 一星(容易理解和掌握)
  • 二星(需要结合动手进行理解)
  • 三星(需要其他知识点进行辅助理解)
  • 四星(需要结合动手、其他知识点和自己总结后才能理解)
  • 五星(需要结合工作精要来理解)

基础篇

章节名称 完成度 难度 重要程度 文章地址
使用 React Native CLI 创建项目 完成 一般 一般 文章链接
编写第一个 React Native 程序 完成 一般 一般 文章链接
React Native 样式表的基础知识 完成 一般 一般 文章链接
React Native Flex 布局基础知识 完成 一般 重要 文章链接
React Native 列表组件基础知识 完成 一般 一般 文章链接
React Native 图片组件基础知识 完成 一般 一般 文章链接
React Native 文本输入基础知识 完成 一般 一般 文章链接
React Native 可触摸组件基础知识 完成 一般 一般 文章链接
简单介绍 React Native 整合 Formik 实现表单校验 完成 一般 一般 文章链接

导航组件篇

章节名称 完成度 难度 重要程度 文章地址
React Navigation 开发准备 完成 一般 一般 文章链接
React Navigation 使用导航 未开始 一般 重要 文章链接
React Navigation 路由传参 完成 一般 重要 文章链接

实战篇

章节名称 完成度 难度 知识点 文章地址
任务列表实战 完成 一般 样式布局、事件监听、钩子函数使用、键盘收起 文章链接
ReactNative 密码生成器 实战 完成 一般 formik 表单框架使用、yup 数据校验框架使用、react-native-bouncy-checkbox 单选框组件使用 文章链接
ReactNative 井字游戏 实战 完成 一般 FlatList 组件使用、react-native-vector-icons 插件包使用、react-native-snackbar 组件使用 文章链接

汇总篇

章节名称 完成度 难度 重要程度 文章地址
ReactNative 自带的组件 完成 一般 一般 文章链接

到了这里,关于ReactNative 学习笔记的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【React Native】学习记录(一)——环境搭建

    Expo是一套工具,库和服务,可让您通过编写JavaScript来构建原生iOS和Android应用程序。 一开始学习的时候直接使用的是expo。 接下来需要搭建安卓和IOS端(为此特意换成了苹果电脑),主要参考的是 这里。 先说说比较容易大家的苹果系统:(在此之前记得先安装node) 可以通过

    2024年02月15日
    浏览(27)
  • 【React Native】学习记录(二)——路由搭建和常见的开发技巧

    在开发过程中发现,两个模拟器都不能输入中文,所以需要配置一下。 先说一下安卓,在弹出的输入框中查看设置,设置一下对应的 languages 即可: 在苹果模拟器中,跟苹果手机一样,打开设置,然后打开通用,同样设置语言: 我在这里走了弯路,去了另一个库…,路由文

    2024年02月15日
    浏览(32)
  • React-Native学习,RN的容器Flex-Box布局

    justify-content(在RN中属性名称为:justifyContent)在主轴上对齐方式 align-items(在RN中属性名称为:alignItems)在交叉轴上的对齐方式 在React Native中,当没有设置容器的主轴方向时,默认容器主轴方向为:flexDrection: \\\'column\\\',也就是说,当我们的容器的主轴的排布方向为竖直方向时

    2024年02月16日
    浏览(40)
  • 推荐用于学习RN原生模块开发的开源库—react-native-ble-manager

    如题RN的原生模块/Native Modules的开发是一项很重要的技能,但RN官网的示例又比较简单,然后最近我接触与使用、还有阅读了react-native-ble-manager的部份源码,发现里边完全包含了一个Native Modules所涉及的知识点/技术点,故特推荐给大家,共同学习与交流 react-native-ble-manager目前

    2024年02月15日
    浏览(39)
  • react native 0.73 配置 react-native-fs

    npm yarn android/settings.gradle android/app/build.gradle androidappsrcmainjavacomreactnative_demoMainApplication.kt 把原代码 改为

    2024年04月08日
    浏览(34)
  • 探索React Native的世界:gorhom/react-native-animated-tabbar

    项目地址:https://gitcode.com/gorhom/react-native-animated-tabbar 在移动应用开发领域,React Native以其高效、跨平台的能力受到了广泛的欢迎。今天,我们要向您推荐一个极具创意且实用的React Native组件库——gorhom/react-native-animated-tabbar。它是一个精美设计的动画TabBar,为您的应用提供生

    2024年04月17日
    浏览(57)
  • React与React Native的异同

    开发React一段时间了,一直没有搞清楚React和React Native的差异。今天特意去了解下,发现差异还真不小! 相同点: 1.都是Facebook公司推出的框架。 2.都是基于JSX语言开发的。 差异点: 1、作用的平台不同. 2、工作原理不同. 3、渲染周期不同. 4、组件构成形式不同. 5、宿主平台的

    2024年02月06日
    浏览(32)
  • 维护积极的react native,为什么会有人造谣react native不维护了,停止维护。

            其实近几年我一直关注react -native,他一直更新频繁,0.60大重构,升级了js执行引擎Hermes,当前已经0.70.4版本了。性能越来越提高,但是总感觉到有人在刷百度,只要输入react-native后面就自动提示热搜“react-native 停止维护”,这误导很多人以为真的不维

    2024年02月11日
    浏览(31)
  • 工欲善其事,必先利其器之—react-native-debugger调试react native应用

    调试react应用通常利用chrome的inspector的功能和两个最常用的扩展 1、React Developer Tools (主要用于debug组件结构) 2、Redux DevTools (主要用于debug redux store的数据) 对于react native应用,我们一般就使用react-native-debugger了,它是一个独立的应用,需要单独安装,在mac下可以用如下命令

    2024年02月16日
    浏览(24)
  • React Native数据存储

    最近做RN开发中需要数据存储,查阅RN官方资料,发现推荐我们使用 AsyncStorage,对使用步骤做一下记录。 AsyncStorage是什么 简单的,异步的,持久化的key-value存储系统 AsyncStorage在IOS下存储分为两种情况: 存储内容较小,AsyncStorage会存储在序列化的字典中 存储内容大,AsyncStora

    2024年02月13日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包