我为什么选择React框架？

刚开始了解

我第一次了解网页框架是上个月吧，我当时了解有Vue3和React这两个，之所以选择React是因为组件化。可以多个HTML拆成一个个组件，可以随时调用，这对于我来说是非常方便的。各有各的优点吧，其实我之前也是稍微了解过一点vue3的，但是被劝退了哈哈，看上去写起来比较麻烦。

对于我来说React就很合适啦，比较适合全栈来开发网站。

function Header({ cf }) {
    return(
        <header id="header">
        {/* 在JSX中书写HTML标签必须要小写，大写会被视为React组件 */}
            <Logo /> {/* 使用Logo组件 */}
            <ul className="header-nav"> {/* JSX中写类要用className */}
                {cf.map((item) => <li><a link={item.link}>{item.name}</a></li>)}
                {/* 根据cf变量传入的结果生成多个标签 */}
            </ul>
        </header>
    )
}

如果将上面这个换做是HTML+JS写法的话就是这样的

<header id="header">
    <!-- Logo -->
    <div id="logo">Logo</div>

    <!-- 导航 -->
    <ul class="header-nav"></ul>
</header>

<script>
const cf = [
    { name: "首页", link: "/" },
    { name: "文章", link: "/articles" },
    { name: "关于", link: "/about" }
];

const nav = document.querySelector(".header-nav");

// 生成导航
cf.forEach(item => {
    const li = document.createElement("li");
    const a = document.createElement("a");

    a.href = item.link;
    a.textContent = item.name;

    li.appendChild(a);
    nav.appendChild(li);
});
</script>

AI更好编写React

React框架如果使用AI去编写，那简直就是降维打击了。React的组件化和JavaScript 表达能力特别适合AI操作。AI 特别擅长生成这种规律明确、结构重复、组件化程度高的代码。所以即使React可能脱离原有的认知，但是依靠AI的帮助，你还是可以像模像样的做出来一个可以使用的网页。

我们来看一个案例，这个是Vue3的写法

<script setup>
import { ref } from 'vue';

const message = ref('');

function checkAge(isAdult) {
    message.value = isAdult
        ? '欢迎'
        : '您不符合年龄要求';
}
</script>

<template>
    <div>
        <h2>您是否满18岁？</h2>

        <button @click="checkAge(true)">是</button>
        <button @click="checkAge(false)">否</button>

        <p>{{ message }}</p>
    </div>
</template>

这个是React的写法

function AgeCheck() {
    const [message, setMessage] = useState('');

    return (
        <div>
            <h2>您是否满18岁？</h2>

            <button onClick={() => setMessage('欢迎')}>是</button>
            <button onClick={() => setMessage('您不符合年龄要求')}>否</button>

            <p>{message}</p>
        </div>
    );
}

是不是简单很多呢？

为什么说国内主流仍是Vue

Vue相比其他的框架来说开发者的学习成本比较低，并且比较接近HTML。原本就会HTML、CSS、JavaScript三件套的前端开发者，接触Vue后很容易理解。React则需要接受JSX、组件、State、Hooks等一套新的开发方式。Vue早期在国内开发者社区传播得非常快，很多国内教程、博客、视频课程、开源项目都围绕Vue展开。Vue特别适合“中小团队快速开发”。

Vue目前仍然是中国前端开发领域非常主流的技术之一，但React在全球范围内的影响力和生态规模更大。

不过对于新人开发者来说，Vue依然是更好的选择，可以快速带你上手。