简介

正如您可能已经从标题中猜到的那样,我将回顾一下我最近的 React 登录页面模板。

不久前,我发布了我的第一个开源库,你们似乎很喜欢它。为了表示感谢,我发布了关于我的第二个项目的信息。

限定模板

React 资源和登录页面模板作为一个整体,在互联网上很难找到,尤其是那些没有过时或没有性能问题的。

出于这个原因,我使用了一些最流行的库来创建这个项目。包括但不限于用于开发 UI 的 ant design 和 styled-components,用于本地化的 i18next 和用于制作一些微妙动画的 react-reveal,我知道这听起来可能很多,但我计划在未来扩展这个项目。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--nfKhy5n6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent .com/48876996/100373174-cd393880-3023-11eb-9fef-8acdf9733120.gif)

谷歌灯塔

[](https://res.cloudinary.com/practicaldev/image/fetch/s--ZcB-7wyP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images .githubusercontent.com/48876996/104335960-555c9a00-550d-11eb-8e94-4549637f72bd.PNG)

审核页面时,Lighthouse 会针对该页面运行一系列测试,然后生成有关该页面执行情况的报告。从这里你可以使用失败的测试作为你可以做些什么来改进你的应用程序的指标。

特点

Landy 是一个免费的 React 登陆页面模板,专为希望为其业务或项目创建快速专业登陆页面的开发人员和初创公司而设计。这个项目也非常适合初学者,他们正在学习 React 或前端开发,因为您将在这个项目中遇到一些最基本的原则。

这个 React 模板带有多语言支持、流畅的动画、使用 React Hooks 和错误验证构建的联系表单、一组即用型部分,最重要的是,所有内容都存储在 JSON 文件中,以便您可以管理文本和图像,无需任何 React.js 的先验知识。

包括什么?

🎁 Modern – 使用 React 的最新功能创建的模板(使用 Hooks 进行状态管理,代码拆分以减少包大小)

🏷 Responsive – 高度响应和可重用的 UI 组件,根据提供的道具而变化

🚀 快速 – 由于实施了最佳实践且没有第三方依赖,带来了流畅的体验,从而获得了完美的 Google Lighthouse 分数

🌍 国际化 - 预建的独立文件,适用于各种环境,无需重新加载页面即可翻译内容

🛸 路由 - src/pages 目录中的每个文件都会生成自己的路由,因此您不必手动处理路由

🤙 联系表单 - 用 React Hooks 编写的联系表单,具有不受控制的表单验证,以减少不必要的性能损失。您只需要提供端点

⚙️ 维护 - 所有内容都存储在 JSON 文件中,以便您轻松管理网站内容

关于项目

您可以查看现场演示或查看源代码。