如何组织大型React应用并使其组件模块化
在本文中,我将讨论构建和构造大型[React](/React/)应用程序时采用的方法。[React](/React/)的最佳功能之一是它如何摆脱阻碍,并且在文件结构方面几乎没有描述性。因此,您会在Stack Overflow和类似站点上发现很多问题,询问如何构建应用程序。这是一个很自以为是的话题,没有正确的方法。在本文中,我将向您介绍在构建React应用程序时所做出的决策:挑选...
在本文中,我将讨论构建和构造大型[React](/React/)应用程序时采用的方法。[React](/React/)的最佳功能之一是它如何摆脱阻碍,并且在文件结构方面几乎没有描述性。因此,您会在Stack Overflow和类似站点上发现很多问题,询问如何构建应用程序。这是一个很自以为是的话题,没有正确的方法。在本文中,我将向您介绍在构建React应用程序时所做出的决策:挑选...
![](/images/tt/react.jpg) 在本文中,我们将研究如何使用Jest(Facebook维护的测试框架)来测试React组件。我们将首先研究如何在普通JavaScript函数上使用Jest,然后再查看Jest提供的一些特定功能,这些功能专门旨在简化React应用程序的测试。 值得注意的是,Jest并不是专门针对React的:您可以使用它来测试任何JavaS...
![](/images/tt/js.jpg) 众所周知,[Web前端](/)开发工程师,这个职位在WEB开发行业中,是比较吃香的。技术层面的高低,决定你在这个行业的地位;要想提高自己的地位,我们必须不断的扩大自己的知识面。今天带大家了解下最近流行的技术栈:[React](/React/)+ TypeScript + Redux Toolkit。OK,走起吧!!! 在本文中,...
![](http://static.51tbox.com/static/2024-11-23/col/7b11c01d8f667426973eb3689474758f/6bb9107e341647139af8b07684b19c5a.jpg.jpg) 炎炎夏日,温度直飙38°,还是在家里舒服点,静下心来写点东西。上篇文章我们分享了"[简单了解下react中处理API...
![QQ截图20200831182239.jpg](http://static.51tbox.com/static/2024-11-23/col/21d1d127b61449dfb4cc86628895259f/8fbb9e584ba84ab6812027e68b9dbfb4.jpg.jpg "QQ截图20200831182239.jpg") 俗说话,金无...
Web前端工程师会"抛弃 React、Angular"? ![nimg.ws.126.net.jpg](http://static.51tbox.com/static/2024-11-23/col/469119783cf868779b77acb17cfca46d/35152a258ae3456c93d4a53330e7f1af.jpg.jpg "...
![](/images/tt/react.jpg) React Router是[React](/search.php?q=react)的事实上的标准路由库。当您需要在具有多个视图的[React](/search.php?q=react)应用程序中导航时,将需要一个路由器来管理URL。React Router会做到这一点,使您的应用程序UI和URL保持同步。 本教程向您介绍R...
![](/images/tt/react.jpg) 在Web前端开发项目中,处理数据交互,不管在原生[javascript](/JavaScript/)、[jQuery](/JavaScript/)还是在流行框架[vuejs](/VueJs/)和[react](/React/)里,普遍用的是get和post方法;前二者的处理,相信大家很熟悉了,不在此次分享主题中,至于[vue...
这几天的大事就是长者去世了,功过与否交给后人评说。本站暂时设置为灰色悼念伟人。目前很多平台例如QQ音乐、网易云音乐都已经灰色了。 ## 全站变灰 代码也很简单,就是几行css。 \`\`\`css html{ -webkit-filter: grayscale(100%); /\* webkit \*/ -moz-filter: grayscale(100%); /\*fire...
![Font 应用:使用 CSS clamp() 函数创建流体排版](http://static.51tbox.com/static/2024-11-22/col/a4f8406abf2ac17ac0ec3e2e0e2bb639/321508bf0ba54c438c331cb0ada58531.png.jpg "Font 应用:使用 CSS clamp() 函数创建流...