1. 开发方式
在之前的开发方式中,使用jQuery和原生JavaScript都是命令式编程,需要在代码中明确关注每一步操作,尤其是在操作DOM时。相比之下,React是一种声明式的开发方式,它面向数据编程,将数据绑定到视图上,从而构建网站和DOM。这样做可以节省大量的DOM操作代码。
2. 可以与其他框架共存
通过分析React项目,我们可以发现,React只关注id为root的div中的代码和渲染,而其他内容可以用其他框架来构建,例如可以使用jQuery来操作其他的DIV。
3. 组件化开发
如何区分元素和组件呢?只需要查看标签的首字母就可以了。在React中,组件之间形成了一棵树状结构,并且它们需要相互传值。因此,我们需要熟练掌握组件之间的传值方式。
4. 单向数据流
当父组件向子组件传递数据时,子组件只能使用这些值,而不能修改父组件传递过来的值。
这种单向数据流的方式可以方便开发和测试,并且可以避免出现问题。
如果允许子组件修改父组件传递过来的List,那么其他子组件的List也会被修改,这将导致开发和维护变得非常困难。因此,子组件只能调用父组件传递过来的方法来修改父组件,这样可以更方便地维护代码。
5. 视图层框架
如果紫色组件想要与其不同分支的组件进行交互,那么就需要传递很多层的数据,这在大型项目中会变得非常麻烦。因此,单纯使用React并不能满足大型项目的需求,我们还需要使用一些数据层框架,例如Flex、Redux等,以方便复杂组件的数据交互。在这种情况下,React只负责视图渲染和简单的数据传递。
6. 函数式编程
在React中,所有代码都是由函数组成的。这种方式更容易维护,因为函数可以拆分为更小的组件,各司其职。此外,这种方式还更符合面向测试开发的流程,因为代码都是由一个个函数组成,这使得测试变得更加容易。