在React 应用程序中将数据从父级传递给子级的最简单方法是将其传递给子级的. 但是，当深度嵌套的子级需要来自树中更高层组件的数据时，就会出现问题。如果我们通过 传递数据，每个孩子都会被要求接受数据并将其传递给它的孩子，…
你需要知道的关于 React Hooks 的一切。
什么是 React Hook？ React hooks 只不过是 JavaScript 函数，它可以让你从函数组件中挂钩 React 状态和生命周期特性。 （注意：Hook 只能在函数组件内部使用。） 挂钩允许您添加状态…
如何创建和发布 React 组件库
教程中的所有代码作为一个完整的包都可以在此存储库中找到。 如果您对本教程的视频版本感兴趣，请查看下面的链接！您可以按照此博客中的代码进行操作。 （视频完全是可选的，博客文章中涵盖了每一步和说明） 介绍 先决条件和设置 创…
应避免的不良 ReactJs 实践
有很多文章和博客包含有关如何以正确的方式做事的有用信息。最佳实践，良好的设计模式，良好的编码习惯，适当的状态使用，等等…… 所以我决定把事情如何相反的方式，并期待不做事！ 这篇文章将陈述不好的做法…
React Router V5 与 V6
React Router 版本 6 发布了，它很重要，因为它是最广泛使用的 React 库之一。 那么什么是 React 路由器？ React Router 是一个功能齐全的客户端和服务器端路由库，用于 React，一个…
如何使用Tailwind CSS和样式化组件以更少的代码来样式化您的React Apps
Tailwind是实用程序优先的CSS框架，用于快速构建自定义设计。可以单独使用它来设置React Apps的样式。但是，最好将其与样式化组件结合使用。这种结合将Tailwind的魔力带入了CSS-in-Js。 在本指南…
如何成为一名更好的React开发人员
嗨，大家好！希望您平安无事。 我想谈谈今天不同的东西。我想分享一些技巧和策略，这些技巧和策略将帮助您在响应中编写更干净，更好的代码。 我将来写或将要写的大部分内容都与我在学习编码时遇到的困难有关。 作为一个没有指导者的自…
使用React构建i18n转换器
很明显，网站需要国际化。但是，创建同一网站的多个版本并不是最佳解决方案。使用React，我们可以完全全球化我们的应用程序。我将向您展示如何做到这一点。 该应用程序包括： 翻译引擎 它什么都不做，只会得到一个单词，并根据所…
不创建反应应用程序即可反应。像专业人士一样开始构建您的React项目
我的第一个React应用程序的记忆仍在我的记忆中。我记得建立一个新项目多么容易。 但是，当我深入前端开发时，我了解到CRA有很多局限性。不要误会我的意思，CRA是我仍然使用的出色工具。但是它缺乏灵活性，让我寻找其他选择。…
