React.js 小书 Lesson2 - 前端组件化(一):从一个简单的例子讲起

时间:2020-12-10 04:55:41

很多课程一上来就给大家如何配置环境、怎么写 React.js 组件。但是本课程还是希望大家对问题的根源有一个更加深入的了解,其实很多的库、框架都是解决类似的问题。只有我们对这些库、框架解决的问题有深入的了解和思考以后,我们才能得心应手地使用它们,并且有新的框架出来也不会太过迷茫;因为其实它们解决都是同一个问题。

这两节课我们来探讨一下是什么样的问题导致了我们需要前端页面进行组件化,前端页面的组件化需要解决什么样的问题。后续课程我们再来看看 React.js 是怎么解决这些问题的。

所以这几节所讲的内容将和 React.js 的内容没有太大的关系,但是如果你能顺利了解这几节的内容,那么后面哪些对新手来说很复杂的概念对你来说就是非常自然的事。

一个简单的点赞功能

我们会从一个简单的点赞功能讲起。 假设现在我们需要实现一个点赞、取消点赞的功能。

React.js 小书 Lesson2 - 前端组件化(一):从一个简单的例子讲起

如果你对前端稍微有一点了解,你就顺手拈来:

HTML:

  <body>
<div class='wrapper'>
<button class='like-btn'>
<span class='like-text'>点赞</span>
<span>