43秒学会REACT

极速奔跑现在开始

并停止🏁

首先，让我发展我的推特，我可能会改变世界上所有过时的教育系统，目前还不确定，关注我的人越多，改变系统就越容易。

极速奔跑现在开始

你不是从 React 的功能开始，而是从想法开始！
你可能会说“概念”而不是“想法”，其实是同一个意思。

它实际上适用于任何工具，不仅仅是 React

你仍然需要练习来掌握一个工具，但不要首先考虑工具本身，而是从它的概念和它解决的问题开始

是的，这就是最有效的学习方法

再见
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

好吧，不是。。计时器开始计时！只剩 31 秒了

学习“什么是 React Context”的示例

对于新手来说，上下文比较复杂，所以让我们来研究一下

Context 在多个 UI 组件之间共享相同的数据（状态），就是这样

我稍后会解释什么是“状态”和“组件”，等等，这是快速通关还是什么？！我现在就解释！

🏎️ UI（用户界面）组件
组件是一个界面元素，例如Button。
您可以编写一个Button组件并在应用程序中重复使用它，
而不必将相同的HTML+CSS+JS代码复制到所有需要按钮的地方

🏎️状态是组件用来渲染自身的数据，
组件Button可能保存disabled=true/false并loading=true/false声明。

组件根据状态渲染不同的 UI。状态可以在多个组件之间共享（使用 Redux 或 Context）。

不要记住具体实现——它变化太频繁，因此应该用谷歌搜索

React 中有 4~5 个主要思想

我只是通过一些小例子来分享主要思想

这不是教程，这是速通！还剩22秒啊啊啊啊啊啊啊

创意

1. 组件

您可以使用可重复使用的组件构建应用程序布局

我刚才解释过了，您可以创建不同的组件，例如Button，，，，，List...然后您Paragraph可以使用组件（例如积木）来组装您的 UI。AlertEtc

2. 状态

状态是组件视图所依赖的“一些数据”

上面也解释过了，组件可能会在被点击时Button改变它的本地状态，因此它会被重新渲染到它的加载视图loading

3.道具

您可以通过将自定义属性传递给组件来以不同的方式呈现组件

当组件在不同的地方使用时，您可以通过向其中传递自定义属性来更改其视图和/或行为。

4. 反应性

组件对 State 和 Props 的变化做出反应

当本地或共享状态或传入的 Props 中的数据发生变化时，组件会自动重新渲染

我不是在解释具体实现，只需谷歌或询问 GPT 即可，我们在这里是为了更容易记住的概念

5. JSX

你可以把 JSX 想象成 React 版的 HTML。它只是帮助你以更友好的方式创建和使用组件。

并停止🏁

就是这样，整个 React，没有什么复杂的，但是工程师花了一些时间来提出这样的概念，所以你有更好的开发体验

你的时间是： 0 分 43 秒

下面是强化学习模因

了解基本思想和谷歌实施

要开始使用一个工具，你需要先解决一个问题，然后了解这个工具是什么，以及解决问题的概念

不要把实现过程记在脑子里，比如“如何使用工具做某事”，这很复杂，而且你脑子里不可能想出所有的事情，谷歌实现，记住想法

在谷歌搜索一个实现 5 次之后，你就会记住它，然后这项技术就会过时，你就会忘记它，没关系，这种情况经常发生

想法很难忘记，它们会在你的记忆中停留很长时间

您还可以向 GPT 和 Google 询问其他 React 想法

1. 单向数据流
2. 虚拟 DOM
3. 钩子

但首先要开始使用 React，记住它的概念 ;)

不要在 Google 上搜索“如何使用 Hooks”或“什么是 JSX”

谷歌和 GPT 的 WHY — “为什么创建 JSX” 或 “React Hooks 解决了什么问题”

再见

嘿，等等

如果你想看到教育系统以实践为先、有益于社会，不妨考虑关注一下这只蠢鸟<3

无论如何，如果你只是喜欢文字，或者你沉迷于社交网络上的乐趣，你可以关注推特

或者不要跟随任何人，也不要听任何人的！走自己的路！

我其实想让你关注我的推特，这只是一次销售

我到底是谁？

我是一个终身学习者，热衷于自我教育并帮助其他人学习，这样他们就不会走圈子并调整他们的动作；）

我于 2017 年进入科技行业：为阿里巴巴设计程序，现在在Deel创业——YC 校友，历史上增长最快的初创公司

我创建并开源了 OpenCommit，并想出了一种通过 AI-TDD 使用 GPT-4 编写代码的精确方法，当我有时间告诉人们时，这将使 AI 世界重复编码

如果你是一名程序员，现在就查看我为什么要学习计算机科学