前端 UI 组件
浏览：110
iHateReading 自定义存储库
在过去的一个月里，我制作了很多 UI 组件，这些组件是真实世界的 Web 组件，例如按钮、输入、表单、横幅、画廊
出于多种目的而制造的组件
- 学习前端并在我所做的事情上变得更好
- 提高前端开发中编写更好代码的能力（稍后我会解释这意味着什么）
我目前的技术堆栈或技术是reactjs和next.js作为框架，我使用Tailwind CSS进行样式设计，使用GSAP进行动画
我可以使用任何技术堆栈，这不是问题，所以我从最新的框架开始，语言是reactjs和next.js
接下来，我必须选择我应该开发的所有组件，这些组件是我个人可以在即将到来的实际项目中使用的，例如付款表单、订阅表单、图片库、按钮、许多其他 UI 组件，标头组件等等。
iHateReading 是一个开发者为开发者提供的平台，在过去的两年里，我一直在 ihatereading.in 上分享博客和时事通讯。
现在是引入一些新更改或新功能的正确时机，这些新更改或新功能是自定义存储库或自定义代码或任何您想称呼的内容，以恢复该平台的全部内容。
现在来看看这些组件是由什么组成的，所有组件都是使用以下模块制成的
- Reactjs
- Tailwind CSS
- 动画 GSAP
- Mantine.dev UI 库（如果需要）
我正在尝试使用无头 UI 组件，这意味着仅添加功能，而无需任何样式或框架依赖性，这样许多开发人员可以轻松复制粘贴代码并直接使用它来快速开发。
在开发这些组件时，如果您看到我在 https://ihatereading.in/customrepo 上共享的第一个组件并将其与新的或最新的组件进行比较，您可以轻松找到差异。
更少的依赖、更少的 JavaScript 以及更优化和可重用的代码组件。
所有功劳都归功于我去年所做的研究和博客，为什么 JavaScript 会降低网站性能？因为与 CSS 相比，浏览器需要花费大量时间来解析 JS。从而减少 JS 也会提高网站性能。
此外，现在的 CSS 变得如此强大，以至于只需要很少的 JS 就可以为网站带来很酷的动画，而很多开发人员并没有太关注它，这是“多用 CSS > 少用 JS”的另一个座右铭。
到目前为止，已经添加了 40 个组件，我正在研究更多组件，如果您知道我可以制作什么样的组件、表单或工具，请在评论部分添加它们，我一定会跟随。
我正在 Twitter 和 LinkedIn 上积极分享组件开发新闻，并在 ihatereading.in/customrepo 上推送代码
请随意查看它们，并让我知道还需要添加和创建哪些内容。
干杯
施瑞
-
如何使用 mysqli_pconnect() 在 PHP 中实现 MySQL 连接池？MySQL 的 PHP 连接池在 PHP 中，维护数据库连接会影响性能。为了优化这一点，开发人员经常考虑使用连接池技术。MySQL 的连接池MySQL 没有内置的连接池机制。然而，MySQLi 扩展提供了 mysqli_pconnect() 函数，其作用与 mysqli_connect() 类似，但...编程 发布于2024-11-07 -
将 HTMX 添加到 GOHTMX 是 intercooler.js 的后继者，用于使用 HTTP 命令扩展 HTML，而无需编写 API。现在，我知道一开始我说我要删除抽象层，但是我更多的是系统/工具程序员，所以我仍然需要一些抽象，直到我掌握了底层实际发生的情况。 基本概念 HTMX 部署 AJAX 命令来...编程 发布于2024-11-07
-
发现 itertoolsItertools 是最有趣的 Python 库之一。它包含一系列受函数式语言启发的函数，用于与迭代器一起使用。 在这篇文章中，我将提到一些最引起我注意并且值得牢记的内容，以免每次都重新发明轮子。 数数 好几次我都实现了无限计数（好吧，结束了 显式地在某个点用中断）使用 while ...编程 发布于2024-11-07
-
为什么每个人都应该学习 Go（即使您认为生活中不需要另一种语言）啊，Go，编程语言。您可能听说过，也许是从办公室里一位过于热情的开发人员那里听说过的，他总是不停地谈论他们的 API 现在有多“快得惊人”。当然，您已经涉足过其他语言，也许您会想：“我真的需要另一种语言吗？”剧透警报：是的，是的，你知道。 Go 就是那种语言。让我以最讽刺、最真诚的方式为你解释一下。...编程 发布于2024-11-07
-
如何计算 Pandas 中多列的最大值？在 Pandas 中查找多列的最大值假设您有一个包含多列的数据框，并且希望创建一个包含两个或多个列中的最大值的新列现有的列。例如，给定 A 列和 B 列，您需要创建 C 列，其中：C = max(A, B)要完成此任务：使用 max 函数和 axis=1 计算指定列中每行的最大值：df[["...编程 发布于2024-11-07
-
如何在 PHP 中从目录中检索文件名？从 PHP 中的目录中检索文件如何在 PHP 中访问目录中的文件名？事实证明，确定正确的命令具有挑战性。这个问题旨在为寻求类似解决方案的个人提供帮助。PHP提供了几种从目录获取文件列表的方法：DirectoryIterator（推荐）此类允许对目录中的文件进行迭代：foreach (new Dire...编程 发布于2024-11-07
-
使用 Linq、Criteria API 和 Query Over 扩展 NHibernate 的 Ardalis.SpecificationArdalis.Specification is a powerful library that enables the specification pattern for querying databases, primarily designed for Entity Framework Cor...编程 发布于2024-11-07
-
PYTHON：OOP {初学者版}Python：面向对象编程[OOP]：是一种编程范式（模型），使用对象和类来构建软件一种模拟现实世界实体和关系的方法。这是基于对象可以包含数据和操作该数据的代码的想法。 关于面向对象编程，您需要了解一些关键概念： 班级 目的 属性 方法 遗产 封装 多态性 抽象 下面的示例是一个帮助您参考正在解释的...编程 发布于2024-11-07
-
Neo.mjs：一个高性能开源 JavaScript 框架。在浏览 GitHub 并寻找可协作的开源项目时，我发现了 Neo.mjs。我对这个项目产生了兴趣，并开始更多地研究这个新框架。我想在这篇博文中分享我发现的所有内容。 什么是 Neo.mjs？ Neo.mjs 旨在构建高性能、数据驱动的 Web 应用程序，重点关注利用 Web Work...编程 发布于2024-11-07
-
将 Azure Functions 部署到 Azure 容器应用程序的两种方法的比较昨天，我写了一篇题为“在 Azure 容器应用程序上部署 Java Azure Function”的文章。 在那篇文章中，我提到使用 Azure 的集成管理功能，我想澄清这意味着什么以及它与本文中以前的方法有何不同。 旧方法：使用 az containerapp create 创建 ...编程 发布于2024-11-07
-
如何使用 MinGW 在 Windows 上构建 GLEW？分步指南。使用 MinGW 在 Windows 上构建 GLEW：综合指南使用 GLEW，这是一个无缝集成 OpenGL 和 WGL 函数的纯头文件库，使用 MinGW 增强 Windows 上 OpenGL 应用程序的开发。为了使用 MinGW 有效构建 GLEW，需要一组特定的命令和步骤。首先，创建两个名...编程 发布于2024-11-07
-
如何使用 CSS 创建带有对角线的双色调背景？使用对角线创建双色调背景要使用 CSS 实现由对角线分为两部分的背景，请执行以下操作这些步骤：1。创建两个 Div：创建两个单独的 div 来表示两个背景部分。2.设置 Div 样式：将以下 CSS 应用于 div：.solid-div { background-color: [solid co...编程 发布于2024-11-07
-
文档的力量：阅读如何改变我在 JamSphere 上使用 Redux 的体验作为开发人员，我们经常发现自己一头扎进新的库或框架，渴望将我们的想法变为现实。跳过文档并直接跳到编码的诱惑很强烈——毕竟，这有多难呢？但正如我通过构建音乐管理平台 JamSphere 的经验所了解到的那样，跳过这一关键步骤可能会将顺利的旅程变成充满挑战的艰苦战斗。 跳过文档的魅力 当...编程 发布于2024-11-07
-
如何在PHP多子域应用中精准控制Cookie域？在 PHP 中控制 Cookie 域和子域创建多子域站点时，有必要控制会话 cookie 的域确保每个子域的正确会话管理。然而，手动设置域时，PHP 的 cookie 处理似乎存在差异。默认情况下，session_start() 会使用当前子域分配会话 cookie。但是，尝试使用 ini_set(...编程 发布于2024-11-07
-
Java中的三元运算符可以不返回值吗？三元运算符：深入研究代码优化虽然三元运算符 (?:) 是 Java 中的一个强大工具，但它了解其局限性至关重要。一个常见的误解是可以在不返回值的情况下使用它。与这种看法相反，Java 不允许在没有 return 语句的情况下进行三元运算。三元运算符的目的是评估条件并将值分配给变量或表达式。如果没有返...编程 发布于2024-11-07
学习中文
- 1 走路用中文怎么说？走路中文发音，走路中文学习
- 2 坐飞机用中文怎么说？坐飞机中文发音，坐飞机中文学习
- 3 坐火车用中文怎么说？坐火车中文发音，坐火车中文学习
- 4 坐车用中文怎么说？坐车中文发音，坐车中文学习
- 5 开车用中文怎么说？开车中文发音，开车中文学习
- 6 游泳用中文怎么说？游泳中文发音，游泳中文学习
- 7 骑自行车用中文怎么说？骑自行车中文发音，骑自行车中文学习
- 8 你好用中文怎么说？你好中文发音，你好中文学习
- 9 谢谢用中文怎么说？谢谢中文发音，谢谢中文学习
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
