免费 React 登陆页面模板

介绍

您可能已经从标题中猜到了，我将介绍我最近的 React 登陆页面模板。

不久前，我发布了我的第一个开源库，大家似乎都很喜欢。为了表示感谢，我在这里分享一下我的第二个项目。

总体而言，React 资源和登陆页面模板在互联网上很难找到，尤其是那些不过时或没有性能问题的模板。

因此，我使用了一些最流行的库来创建这个项目。包括但不限于用于开发 UI 的 Ant Design 和 Styled-Components、用于本地化的 i18next 以及用于制作一些精细动画的 React-reveal。我知道这听起来可能很多，但我计划在未来扩展这个项目。

在审核页面时，Lighthouse 会针对该页面运行一系列测试，然后生成一份关于页面运行状况的报告。您可以根据报告，将失败的测试结果作为改进应用的指标。

Landy 是一款免费的 React 落地页模板，专为希望快速创建专业落地页的开发者和初创公司设计，帮助他们为业务或项目打造一个高效便捷的落地页。对于正在学习 React 或前端开发的初学者来说，这个项目也非常适合，因为您将在项目中学习到一些最基本的原则。

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

🎁 现代 - 使用 React 的最新功能创建的模板（使用 Hooks 进行状态管理，使用代码拆分来减少捆绑包大小）

🏷 响应式 – 高度响应且可重复使用的 UI 组件，根据提供的 props 而变化

🚀 快速 – 由于实施了最佳实践且没有第三方依赖，因此体验非常流畅，获得了完美的 Google Lighthouse 评分

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

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

🤙 联系表单 - 使用 React Hooks 编写的联系表单，采用不受控制的表单验证机制，以减少不必要的性能损失。您只需提供端点即可

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

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