这是我参与「第五届青训营」伴学笔记创作活动的第6天
在这堂课程中,我们从工程问题入手,一步步推演出React的编程范式,并了解了几种基于React的更上层的框架,再加上课后的学习,对响应式系统与React有了更加深刻的了解。
响应式系统是一种将用户界面效果随视图大小变化而变化的系统,其优势是设计师可以通过这种方式来获得更高的适应性,来最大限度地满足项目要求,降低维护量,为用户提供更好的访问体验,而React 作为一款新颖的、极具创造性的 JavaScript 框架,更加便捷的实现到了响应式系统的开发。
在实现响应式系统中,React 框架首先把 UI 分解成一个个小组件,分别控制这七个小组件的展示,利用组件的弹性布局,子组件的控制可以根据设置的屏幕宽度来完成自动调整,而这种深度层次的代码分离,以及可复用性较强的组件结构使得 React 框架能非常轻松、简单、快速地实现响应式系统。
此外,React 框架还提供了一个类似媒体查询的特性,可以通过 React 的定制化视图操作来实现响应式的能力,实现更细致的响应式配置,从而使得我们可以根据不同的客户端而展示不一样的内容,从而更加方便地控制视图,而这种基于属性或行为的动态 UI 表现也为构建响应式系统提供了可能性。
综上所述,React 框架不仅可以实现高效的开发,同时还可以实现响应式系统,无论是采用组件式开发,还是类似媒体查询的特性,以及基于属性或行为的动态 UI 表现,React 框架都可以轻松的实现响应式系统的开发,使我们可以为客户端提供更好的访问体验。