基于 ReactJS 的信用卡支付 UI

这不是教程，甚至不是什么信息类的东西。只是一个分享我项目的地方，希望能激发一些创意。希望你能学到新的资源或尝试新的项目。代码库已开放！

嘿，开发者们，我们很幸运😉

这个超棒的平台让我们能够展示带有“#showdev”社区标签的项目，我正在抓住这个机会！

资源

• 演示
• 回购
• Cleave.js
• React.js

尝试不同的信用卡发行商：

• Visa 卡以 4 开头
• 万事达卡 51
• 发现 6011 / 或 65
• 大来卡 300

特征

1. ReactJS
2. JSX
3. 基本 Javascript
4. 自定义 SCSS
5. Cleave.JS
6. 动态渲染

需要指出的是

整个项目最搞笑的地方，也是我最得意的地方，就是左上角的全息贴纸！上面画着窗户上的雨滴！🤣

结论

告诉我你的想法。还有很多可以添加的功能。比如，我想添加一个 rotateX 动画，让用户点击表单字段后，可以在背面输入安全码！那就太棒了。

如果你正在从事前端开发并使用 React，不妨试试！它完全基于 React 的所有基础知识和 JavaScript 基础。

如果你最终决定尝试一下，请在下方展示你的项目！我相信你一定能做得更好！😎

在Twitter上关注我

用于字节大小的 Web 开发内容！

你也应该关注我的Instagram

仅与开发相关的东西！

看看我写的其他适合初学者的文章！⤵️

如何使用 Styled-Components 构建响应式 React 导航菜单

克里斯·汉森・21年8月3日

#webdev #tutorial #javascript #react

使用基本 Javascript 过滤你的 React 数据

克里斯·汉森・21年8月27日

#webdev #react #tutorial #beginners

非常适合初学者的 API，助您开始实践前端开发🧑‍💻

克里斯·汉森・21年8月30日

#webdev #beginners #tutorial #codenewbie

作为一名自学成才的前端 Web 开发人员，如何保持专注？

克里斯·汉森·21年7月29日

#beginners #webdev #生产力 #devjournal