- 博客(5)
- 收藏
- 关注
RSS订阅原创 React学习笔记之四---抽离组件
一个复杂的应用都是由简单的应用发展而来的。随着越来越多的功能加入项目，代码会变得越来越难以控制，本文主要探讨在大型项目中如何对组件进行组织，让项目具备可维护性。组件设计的基本原则基本原则单一职责 这原本来源u面向对象编程，规范定义是“一个类应该只有一个发生变化的原因”，说的简单通俗一点就是：一个类只负责一件事情。不管是什么编程范式，只要是模块化的程序设计都使用单一职责原则，在React中，组件就是模块。单一职责要求将组件限制在一个合适的粒度，这个粒度是比较主观的概念，换句话说’单一’是一个相对的概
2021-08-09 17:39:47
786
原创 React学习笔记之二---主要组件
前面的结构和图后续继续补充特点：使用命令create-react-app my-app生成基础项目之后会导入两个基础框架：react和react-dom ，同时也会使用webpack自动集成一些框架，这些框架可以在node_modules文件目录下找到。生成项目后，脚手架为了优雅，隐藏了所有的webpack相关的配置文件，此时查看my-app(你的项目文件)文件目录，会发现找不到任何webpack配置文件，这也导致了如果我们需要在webpack安装一些自己的loder或者plugin变得比较困难。
2021-08-09 17:39:26
123
原创 React学习笔记之三---路由
React路由优化每个页面都各自处理自己的内容index.jsApp.js合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入每个页面都各自处理自己的内容布局：nave.js存放导航，index.js存放路由并渲染到页面，home.js/us
2021-08-09 17:36:19
149
原创 React学习笔记之一---项目结构
React作为一个库，它没有规定项目的整体结构，它给了我们自由去尝试不同的方法，并适应更适合我们的方式，另一方面这可能给React领域的开发人员带来一些困惑。目录结构我们经常会遇到一个问题，那就是如何组织文件和目录的结构。当我们用creat-react-app 为我们生成一个基础的项目时，包含了根目录还有诸如.gitignore,packge.json,REDME.md,yarn.lock的文件。同时它还生成了publick和src目录，src目录是我们保存源代码的地方。其中各个文件的作用不一一赘述
2021-08-09 17:35:41
566
原创 RN学习笔记
RN开发js jsx ts tsx的区别背景：在入门RN开发的过程中，发现公司的项目代码中，有的项目全是.js的后缀文件，有的项目全是ts、tsx、js文件。为解开这个疑惑，做出如下记录js:是若类型语言，容易出现一些编译时不报错，但是在运行时候crash的问题。ts:是编译时语言，一些问题可以尽早发现。jsx就是JavaScript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析，当遇到{就当JavaScript解析。JSX
2020-12-28 20:20:52
268
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人