🏟️ 🐾 🕌 适用于所有场合的10种React组件 🌛 🚹 📂

我相信，要解决各种React开发任务，最好使用小型的高度专业化的工具，而不是组件库提供的通用解决方案。我喜欢自己选择组件，不喜欢阅读冗长的文档，并且我想避免无意义的库更新，此后项目中经常会出现故障。

某个前端库能够为开发人员提供统一的组件设计，这非常重要。但事实证明，计划使用该库的项目已经具有自己的设计系统或自己的UI库。在这种情况下，开发人员不是在寻找新的库，而是在寻找适合于重用和加速工作的自定义组件。在这种情况下，我发现在寻找一个单独的组件而不是整个库时会更有意义，整个库同时包含开发人员真正需要的东西，而他绝对不需要的很多东西。

我们今天发布的翻译材料专门针对10个React组件的故事。

1. React Awesome Slider-“轮播”

React Awesome Slider 组件使您可以创建平滑，优美且高度可定制的过渡。这是所有主要浏览器都支持的非常小的（7 Kb）组件。这是 React Awesome Slider 的演示页面。

2. React Data Grid-表

React Data Grid是一个功能强大，快速且易于使用的组件，可让您在页面上显示类似Excel工作表的内容。他知道如何处理键盘命令，复制和粘贴数据，并且通常具有类似于电子表格通常的行为。该组件为开发人员提供了一个简单的API，可以非常快速地对其进行处理。在此处查看其用法示例。

3. CogoToast-通知

鉴于存在多少此类组件，要找到实现通知的组件并非易事。有很多这样的优秀组件，但是在这里我想谈谈我的最爱，关于简单易懂的CogoToast。该组件包大小适中（4 Kb），具有简单的API，其外观整洁，非常适合许多项目。这是 GogoToast页面，其中包含此组件的使用示例。

4. Google Maps React-地图

Google Maps React是一个相当受欢迎的组件，它可以加快其他Google组件上React组件的位置，并加快其在坐标系中的放置。

5. React工具提示-工具提示

React Tooltip是一个工具提示实现组件，支持许多设置。它非常适合任何界面设计。该组件使您可以使用工具提示执行任何可能需要的操作。例如，它支持自定义事件，延迟，工具提示内容的交互式更新等。

6. React Block UI-加载和阻止屏幕

React Block UI是一个易于使用的组件，可防止用户在加载任何内容时与页面界面进行交互。

7. React信用卡-输入付款数据的表格

我没有计划在此评论中包括“输入付款数据的最佳组件”之类的内容，但是React信用卡只是一个令人着迷的组件，我不得不谈论。它是可定制的，使用起来既简单又愉快。它可以自动确定输入的卡号对应的公司，然后显示带有相应徽标的卡的图像。

8. React Markdown-Markdown标记的呈现

React Markdown是用于呈现Markdown标记（包括HTML）的快速便捷的解决方案。像本评论中的其他组件一样，他只能解决一个问题，但是他做得很好。

9. Coloreact-选择颜色的工具

许多UI库为开发人员提供了自己的颜色选择工具，但是Coloreact结合了易用性和自定义之间的完美平衡。它使开发人员可以自定义其外观和行为，而无需花费大量时间来研究自己的机制。

10. React Big Calendar-日历

如果您需要一个具有“专业”日历中所有功能的日历组件-这意味着您应该看看React Big Calendar。它为开发人员提供了很多机会和设置-调度程序功能，本地化，日期和时间格式等等。

亲爱的读者们！您最常使用哪些高度专业化的React组件？

适用于所有场合的10种React组件