前端老年人复健篇，堂堂连载！

两年多没碰前端，感觉自己已经完全与时代脱节了。作为一个从 jQuery 一把梭时代过来的选手，对于现在那些「大前端」的玩意儿基本都是只懂个皮毛的状态（指看过 Hello world）。四年前我引用过这么一篇文章，《在 2016 年学 JavaScript 是一种什么样的体验？》，放到现在要是出个 2021 版本，估计会更唬人吧。

不过嘛，主要的技术其实还是那么几个：

  • 前端工程化（模块化、组件化、自动化等）
  • TypeScript（支持静态类型检查的 JavaScript）
  • ES6+（箭头函数、模板字符串、async/await 等新语法）
  • 三大框架（Angular、React、Vue）
  • 跨端技术（Electron、React Native、Flutter、小程序）

对于初学者来说可能是有些复杂，但应该还没到「求不要更新了，老子学不动了」的程度。

举个例子，最开始，大家都用原生 HTML、CSS、JavaScript 三板斧来开发网页。后来有人觉得原生的那些方法操作 DOM 啥的太麻烦了，于是弄出了 jQuery 和大家喜闻乐见的 $('#id')；觉得代码组织不方便，于是弄出了各种模块化解决方案；觉得 Callback Hell 太傻X了，于是有了 Promise 和 async/await。觉得 JS 没有类型系统太容易出 BUG，于是有了 TS；觉得手动监听事件、操作 DOM 太麻烦了，于是有了数据绑定和三大框架；因为上面这些乱七八糟的最后都得拿去浏览器跑，所以有了 Babel、Webpack 和各种工具链；还有人觉得前端技术这么牛逼，光写网页怎么够，于是有了各种大前端、跨端开发技术……

如此种种，其实没有哪个技术是凭空蹦出来的，都是有需求才有人去做。如果你在实际开发中体会到了这个需求，那么这些新技术的出现也就变得理所当然了。而这也是我推荐新人学一门编程语言不要从框架学起的原因：比如从 Vue 开始学前端，从 Laravel 开始学 PHP，从 Spring 开始学 Java，很容易知其然而不知其所以然。

好了废话就到这里，今天咱们来用 React 实现一个基本的登录注册系统。

【后面的内容鸽了】