我在东京的一家IT公司里担任设计师兼初级前端工程师。
在之前的工作中，我接触过HTML、CSS和PHP，对我来说，React的学习曲线很陡峭……
基于这样的经验，我将总结一下React的特点！

React 究竟是什么东西？

也许有很多初学者会迷惑不解地问：“React是什么东西？”，我想如此。
根据我自己的经历，还有之前与前辈同事的交流中他们无法理解的情况，我能想象到一些情况。
因此，首先我们从什么是React开始谈起。

先暂时请遵循官方指引，使用React。

嗯，对于访问过这里并大概了解的人来说，也许会明白，但也可能不明白，
React是用于构建用户界面的JavaScript库呢~

专注于改善用户界面（UI）的JavaScript库，这就是所谓的库。库（Library）就像图书馆一样。它将常用的东西整理并使其可用。

所以，我們作為使用者，只需要按照該程式庫的寫法，就可以使用該程式庫中的功能。（實際上）
React則是一個方便用JS構建UI的程式庫。

图书馆当然不仅限于React，选择使用什么取决于所属组织或用途，可以考虑并决定。

React的作用具体是什么？

假设大家能理解React是这种库的话~
用React，你不会觉得跟写大堆大堆的HTML有什么不同吗？？我想没有人会不这么想，我也曾经这样想过。

但是实话实说，因为进展非常迅速，所以我希望你尝试一下，连我这个React的新手都觉得”这个很好”，所以我想写下我觉得好的事情。

组件的概念

在构建网站或服务的过程中，有一些会反复使用的组件。这些组件可以被称为構成子。

如果使用HTML或其他方式进行编写的话

<a class="button">
  お申し込みはこちら
</a>

以类似的方式进行

.button {
  display: block;
  width: 300px;
  padding: 10px 50px;
}

需要不断写下像这样的风格之类的东西。
不知道有没有办法不写也能解决呢？我想过，但还没有进行过调查。

然而，如果使用 React，您可以将其定义为组件，然后在需要时调用和使用它。您还可以对组件应用样式，以便一次性地进行批量更改。我感到非常惊讶和开心，这让管理变得非常简单和轻松。

业务分担的思维方式

React是一个用于构建用户界面的JavaScript库，所以它的职责仅限于绘制而不是保存状态。可以说，它是用于创建视图的部分。

如果你不能保持状态，那就无法在实际工作中使用了。据说从那时起，flux架构就诞生了，这样就可以在React中进行状态管理了。

这个Flux架构非常清晰简洁，我很喜欢它，希望下次能再使用它。简单来说，就是将各个功能拆分成不同的文件夹，并在其中放置负责不同角色任务的文件，然后进行编写。

我喜欢它的整齐清晰。
对于初学者的我来说，如果函数之类的杂乱无章，会让我感到头脑混乱。

因为还有许多好事情要发生，所以我会继续努力学习。

我不仅从上司那里听说过，而且React仍然拥有许多很棒的功能，比如钩子（Hooks）。

因为我对那方面还没有完全理解，所以我会把它作为今后的课题。