像许多其他人一样,我正在学习 提升我的 JavaScript 技能 并学习如何使用 React。 这就是为什么当 Brad Frost 发布 我的 React 学习之路 时,我深有感触。
正如 Brad 所做的那样,他清楚地逐条列出了他的挣扎
- 我已经投入了足够的时间来学习它
- React 和 ES6 紧密相连
- 语法和约定
- 迷失在
this
-land 中 - 我还没有找到与我工作方式相匹配的示例项目或教程
- 我在 JS 方面的能力不如 HTML 和 CSS
似乎 Brad 的挣扎也引起了其他人的共鸣,激发了社区的同理心和帮助。 例如,Kevin Ball 谈到了第二和第三个挫折,通过提供 React 和 ES6 之间的区别以及每个的语法和约定示例
对于每个功能,我都会展示几个示例,说明它可能是什么样子,识别它的来源,简要概述它的名称及其作用,并链接到一些可以帮助您了解它的资源。
超级棒!
紧随 Brad 的帖子之后是 Sara Soueidan 的这条推文
https://twitter.com/SaraSoueidan/status/999645120155746304
你知道这照亮了 Twitterverse。 是的,它具有挑衅性,但正如她稍后澄清的那样,这种情绪相当干净利落
https://twitter.com/SaraSoueidan/status/999717981822341120
说到 jQuery,Sarah Drasner 写了一篇文章,展示了如何将 Vue 用作 jQuery 的替代品,并且根本不需要构建过程。 嗯,React 也可以做到同样的事情,尽管这两个框架主要用于复杂的应用程序环境。
而且,如果所有关于从 jQuery 转移到复杂应用程序环境的讨论听起来很可怕,那么也许 与 Bruce Lawson 的这次采访 会让你安心。 毕竟
最终用户并不关心您的网站是用 React、Angular、webpack、Broccoli、Grunt 还是其他什么制作的。 他们只是希望它能在他们的浏览器中正常工作。
但是,仍然可能存在 React 是正确工具的情况,您会希望它在您的工具箱中。 例如,WordPress 正在将其用作其即将推出的 Gutenberg 编辑器 的基础,这意味着 WordPress 开发人员(我们中有很多)会希望听从 Matt Mullenweg 的建议,即“深入学习 JavaScript”。 我们关于 为 Gutenberg 开发 的指南可能是您开始这段旅程的好地方。
都是一天的工作,对吧?!
“React 是新的 jQuery”——除了 jQuery 对普通网页设计师来说直观且易于学习得多。
比“更容易学习”更重要的是,jQuery 实际上改进了基础 javascript。 它添加了关于浏览器工作方式的基本思想。 甚至 jQuery 中的一些概念也进入了原生 JS!
除了应用程序开发者,特别是大型应用程序开发者,很快就意识到 jQuery 会创建混乱且性能不佳的代码网。 因此出现了框架热潮。