美文网首页
react-native教程与代码规范

react-native教程与代码规范

作者: 一wei渡江 | 来源:发表于2018-05-07 10:12 被阅读126次

代码规范

  • 页面与样式分开,按功能模块创建文件夹。文件夹首字母小写驼峰式命名。页面文件首字母大写驼峰式命名,其他文件首字母小写驼峰式命名。
  • 公共组件,每个组件单独创建文件夹。代码较少时,样式与页面代码放到一个文件中。组件复杂,页面与样式分开在该组件文件夹中。(方便在不同项目中拷贝)
  • 变量命名与参数命名使用驼峰式命名,尽量做到见名称知其义。
  • 读取state和props时,使用const与解构,必要时可使用let。不使用var。
    const { params } = this.props;
    const { status } = this.state;
  • 当要用函数表达式或匿名函数时,使用箭头函数。(更加简洁,并且绑定了this)
  • 没有子元素的组件使用自闭合语法,自闭合标签 / 前留一个空格。
    <Loading />

基础教程

iOS与安卓差异

文档中都有标注,查看文档时需要仔细。()

相关文章

  • react-native教程与代码规范

    代码规范 页面与样式分开,按功能模块创建文件夹。文件夹首字母小写驼峰式命名。页面文件首字母大写驼峰式命名,其他文件...

  • React-Native代码规范

    代码规范只是让代码更容易被理解,让多人开发时代码也能保持内部一致性。制定代码规范的标准因团队而异,可以根据多数人的...

  • React Native资料

    React-Native学习指南 Awesome React-Native系列 教程 react-native 官...

  • React Native资料

    React-Native学习指南 Awesome React-Native系列 教程 react-native 官...

  • react-native 规范代码Eslint

    简介 ESLint 是由 Nicholas C. Zakas 编写的一个可扩展、每条规则独立、不内置编码风格、可自...

  • [React-Native]开发规范文档

    React-Native开发规范 标签(空格分隔): React-Native JavaScript 一、编程规约...

  • 前端学习的基本总结

    目录 1.为什要遵守代码规范 2.css代码规范 3.js代码规范与设计模式3.1 js代码规范3.2 设计模式 ...

  • reactNative调用原生方法 出现 : undefined

    按照react-native中文网上的教程,学习iOS下的原生模块(iOS 日历模块演示),代码都是照抄,但是运行...

  • PSR-2- Coding Style Guide 编码风格规范

    代码风格规范 本篇规范是 PSR-1 基本代码规范的继承与扩展。 本规范希望通过制定一系列规范化PHP代码的规则,...

  • 代码规范及CodeReview要点

    一、代码规范的要点 代码规范主要分为风格规范与设计规范两大类: 1、代码风格规范 主要是文字上的规定,看似表面文章...

网友评论

      本文标题:react-native教程与代码规范

      本文链接:https://www.haomeiwen.com/subject/wdyprftx.html