标签:react

过去十年,最重要的十个JavaScript框架

前端开发在过去十年间发生了翻天覆地低变化,在过去十年间有很多的JavaScript框架改变了我们开发前端应用软件的方式,可以说被革了很多次命了。 作者按照下面几个条件,选取了十个JavaScript框架: 在2010 - 2020年间发布 仍在积极开发中 很明显地影响了大量开...

如何用CSS Variables和React Context创建一个主题引擎

CSS变量(Variables)是一个很酷的东西,你可以用它做很多事情,比如在你的应用里使用ease适配主题。 作者在本文中展示如何将CSS变量集成到React中,并使用Context创建一个主题组件(ThemeComponent),文中有详细的代码示例。

为什么JavaScript正在吃掉HTML

Web开发正不断改变。最近有一种趋势特别流行,它从根本上违背了如何制作网页的传统观念。这对一些人来说是令人兴奋的,但对另一些人来说却是令人沮丧的,而且两者的原因很难解释。 传统的Web页面,都是由HTML、CSS和JavaScript三部分组成。近几年盛行的前端框架(如:...

React做了什么(和没做什么)

React doesn't do a whole lot. React做的事情没那么多,虽然它做的事情确实做的很好!确切地说,React做的事情没有它没做的事情多。 React做了什么事情? 作为一个UI库,React只负责将组件渲染到Web页面中,决定着页面看起来应该...

React state管理的三个规则

State在React组件中连续的渲染中承担了重要的角色,要想很好地管理好组件内的state,需要做很多地尝试和总结。虽然现在有了useState(),可以更容易地管理state,但还是会遇到一些问题: 我应该把组件里的state分割成很多小组件,还是保持一个组件? 如果sta...

2021年如何学习React:7个你需要知道的技能

React 已经发布第17个大版本了,React生态也越来越强大,俨然已经是一个成熟框架的样子了。 As you're piecing together your React learning path, it's easy to feel overwhelmed and ...

使用GitHub pages部署一个React应用

Github pages 是GitHub提供的一个非常好的服务,开发者可以使用它去部署一个静态网站。 所谓的静态网站是指,项目里只包含html,css,javascript及图片等静态文件,服务提供托管服务。 文中从头开始,演示了如何使用Github pages部署一个 Reac...

关于React Server Components的一切

React Server Components 是一个目前在RFC阶段的能力,它是受其他技术(如PHP,Ruby on Rails,GraphQL等)的灵感而来,估计很快就会正式地发布。它可以在服务端渲染,也可以在客户端渲染。开发者可以通过通过它构建一个跨越两端的应用,来提供最好...

React之道——软件设计,架构和最佳实践

通常的React项目中,最佳实践的东西都是比较小的颗粒度,大部分团队在架构级别都是自给自足。当然,没有一个通用的最佳实践可以被应用到所有的应用中,但有一些常规的规则可以让我们创建一个高效的代码库,方便复用。 软件架构及设计,是为了保持足够的高效和灵活,开发者可以用它有效地工作,且...

Next.js是如何违背React基本原理的(示例)

在前端世界中,性能一直是一场持续不断的战争。RSC(React Server Components)目前在Next.js应用程序路由器中实现,被视为旨在改善启动性能的官方武器。然而,在这场战斗中,似乎我们忽略了一些基本原理,导致了开发者体验(DX)的下降。本文旨在提供当前Next...