React:24 万 Star 的前端框架,到底强在哪

React 是 Facebook 开源的 JavaScript 库,用来构建用户界面。GitHub Star 数超过 24 万,是前端领域使用最广泛的库之一。

正文顶部截图

React 的核心思路是声明式编程。你只需要描述 UI 在某个状态下长什么样,数据变化时 React 自动把对应的组件更新渲染出来。不用手动操作 DOM,代码逻辑更清晰,排查问题也方便。

组件化是另一个关键设计。把页面拆成一个个独立的组件,每个组件管理自己的状态,再组合成完整的界面。组件逻辑写在 JavaScript 里,不受模板语法限制,数据在组件之间传递很灵活。

React 还能做到学一套写多端。Web 端用 React 本身,移动端可以用 React Native,服务端渲染用 Node。技术栈不用大改,新功能可以直接往上叠。

README区域截图

安装方式很灵活,可以按需引入。快速体验用 Quick Start,已有项目想加 React 可以逐步接入,新项目从零搭建也有完整脚手架支持。

代码写起来是这样的:

import { createRoot } from 'react-dom/client';

function HelloMessage({ name }) {
  return <div>Hello {name}</div>;
}

const root = createRoot(document.getElementById('container'));
root.render(<HelloMessage name="Taylor" />);

这种 HTML 风格的语法叫 JSX。JSX 不是必须的,但写起来直观,一个组件的逻辑和结构都在一个文件里,不用在 JS 和模板之间来回切换。

React 的文档体系也很完善。官方站点 react.dev 上有入门教程、核心概念讲解、API 参考手册,从零基础到高级用法都有覆盖。Thinking in React 这篇文档专门讲如何用 React 的思维方式拆解页面,值得一看。

作为一个经历了十多年验证的开源项目,React 的生态极其成熟。状态管理、路由、UI 组件库、构建工具,围绕 React 的第三方方案应有尽有。遇到问题基本都能找到现成的解决方案或社区讨论。

MIT 协议开源,商用无限制。

都能找到现成的解决方案或社区讨论。

MIT 协议开源,商用无限制。

更多推荐