我用 React、Redux 和 Typescript 制作了一个 Spotify 克隆版

2025-06-08

我用 React、Redux 和 Typescript 制作了一个 Spotify 克隆版

大家好,我正在分享一个用 React、Redux 和 Typescript 制作的 Spotify Clone。如果你想直接使用正式版,可以点击这个链接:http://spotifyclooone.netlify.app/

替代文本

如果您想检查源代码,请点击此处前往我的 Github https://github.com/diogo405/spotify-clone

关于项目

该项目实际上非常简单,只有两个页面:主页和相册,从虚假 API 中提取数据。

Redux 和 Typescript

说实话,如果你是 Typescript 新手,你肯定会讨厌它。一开始,几乎所有东西都要输入,这很痛苦。不过,用过几个组件之后,你就会习惯,有时它还能帮你一把。我的建议是,如果你想尝试一下 Typescript,最好先从 JavaScript 项目开始,而不是 React。

Redux 是另一个不太好用的地方(我一直很喜欢 Recoil——简单易用)。他们试图用这个工具包减少样板代码——现在好多了——但是,获取/设置状态仍然需要写很多代码(尤其是用 Typescript)。

伪造 API

这个伪 API 是一组异步函数,它们会以 0 到 3 秒的随机间隔返回 JSON 文件。由于数据尚未准备好,我使用了一些框架作为占位符,这样布局就不会跳动太多。

替代文本

结论

尝试使用 React 和 Typescript 非常有趣,因为您可以学习一种使用 Javascript 进行开发的新方法,并熟悉我相信会持续存在的技术。

鏂囩珷鏉ユ簮锛�https://dev.to/diogo405/i-ve-made-a-spotify-clone-with-react-redux-and-typescript-1fh2
PREV
AWS 中的容器编排:ECS、Fargate 和 EKS 的比较
NEXT
正则表达式并不难