有同学在群里提问，React有快速应用开发框架，比如nextjs+tailwind.css的技术框架，可以实现网页应用的快速开发。但又听说React开发的网站不太好，那么React到底适合做网站吗？今天丁老师给你解答。
其实，目前国内的确比较流行以React为底座框架，以Next.js+Tailwind.css为技术栈的快速网站开发框架，对于有前端技术的同学，可搭建简单项目。但是也存在一些问题，比如前期配置较复杂，针对初学者可能不好理解，上手慢，以及后期网站的SEO问题等。下边，丁老师就介绍下React做网站的优缺点。
React做网站的优势：
1.开发速度快。组件化开发，各种组件快速集成。对于有基础的同学，可以快速上手、快速调用、快速生成；
2.如果使用Tailwind.css等技术，则不需要写CSS，直接使用类名即可调用样式，并且支持多端统一；
3.热更新。代码改动后，无需刷新，网站实时自动更新。
React做网站的不足：
1.针对初学者不好理解，初期配置较为复杂，如路由配置、Webpack、Babel调优等。
2.动态样式不好维护；
3.首页加载慢。传统网站是打开一个页面加载一个页面，React的网站是初次打开会很慢很慢（因为加载了整站所有页面），但再进入其他页面则会很快。
4.不利于SEO优化。原生React开发网站的内容是使用JS渲染出来的，用白话说就是网页中没有内容，全是JS输出到页面的纯视觉显示。但使用Next.js可以解决问题，Next.js是将内容生成到Html中的。
5.不适合高度复杂的大型门户网站，无论从功能的开发，还是后期的维护，React并不适合业务场景复杂的大型门户网站。体积臃肿、维护成本高、网页加载慢，都是潜在的风险。
总结：
1.React并非不适合做网站，只是适合做部分类型的网站，如简单的企业官网、个人博客、移动端Web网站应用等。
2.电商或以SEO优化为获客渠道的流量型网站，建议还是以CMS或传统框架的方式制作网站。
在使用libreoffice对officeword转换为pdf时，出现sourcefilecouldnotbeloaded的错误提示，看了下路径和文件，发现都正确，仔细检查了下，发现是缺少libreoffice的write组件，需要安装。安...
phpmyadmin使用正常，但是在sql文件时，提示500internalServererror/nginx，查看了下nginx的日志，提示"open()"/usr/local/nginx/client_body_te...
最近更换电脑，需要重新安装macos。为了便于切换，使用了virtualbox进行安装。但是安装了N次，总是卡在黑屏代码，一切都是按照流程步骤来的，而且都是很简单的操作，也并没有太多需要注意和调整的地方，这是怎么回事呢？忽然想起来，在vir...
常用命令：#查看linux内核uname -rcat /proc/version #查看linux版本详细信息hostnamectl#列出所有文件ls -a#列出带有拥有者的文件ls -l#移动文件mv 源文件或目录 新文件或目录#复制文件...
今天有同学在群里提问，在使用photoshop编辑文字时，经常会弹出一个文字选择的面板如图：这时文字也无法输入，也无法取消和关闭，很是烦人，怎么取消这个功能呢？经过丁老师研究，方法很简单：1.打开photoshop菜单-编辑2.选择首选项-...
最近要在某单位内网部署项目，使用了lnmp来配置环境，软件安装成功，可安装后不管是打开ip地址还是默认站点，都提示nginx403forbidden，这是怎么回事呢？首先，已经出现了nginx403提示，说明nginx是安装正常的。其次，4...
这几年AI技术的发展已经达到新的高度，从提高个人生产力到企业操作效率的各个方面，AI都扮演着不可或缺的角色。无论是进行语言交流、内容创作、或是任务管理，都有相应的AI工具可以帮助我们更加轻松地完成工作。以下是丁老师觉得不错的AI工具推荐，希...
在使用wordpress的过程中，有的时候部分页面打不开，或是程序不能正常使用，也没有显示具体的错误信息，这个时候该怎么办呢？首先是查看错误日志，可以查看wordpress本身的错误日志，以及php的错误日志。这时有朋友提问了，wordpr...
丁老师自1998年起开始从事软件科学研发工作，先后为多家上市公司集团提供信息化解决方案，拥有27年资深软件实施经验
立即免费咨询软件定制开发小程序/APP价格表备案/许可证号：渝ICP备16011675号-3渝公网安备 50019002501361号
©2015-2025 dls6.com All Rights Reserved
关注微信公众号
