有同学在群里提问,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或传统框架的方式制作网站。
每次使用都要在网上查询,关键词也不好搜,直接发布在这里,以供不时之需,需要请直接copy。$(function(){ console.log('丁老师软件开发做APP、小程序、网站'); });
黑苹果四叶草引导 Clover v2.4k r4674
在使用前端jquery插件,tablesorter做表格排序和搜索时,遇到了一个问题,就是已经加载了jquery.tablesorter.js和jquery.tablesorter.widgets.js,但是在表格中的input输入关键...
有同学反应,在使用宝塔时,突然Mysql和Redis停止运行了,怎么启动也启动不了,Mysql启动失败,并且也不报错,没有错误日志;Redis提示启动成功,但是在宝塔里始终是显示未启动状态,用命令行启动显示success,但再执行ser...
二维码码有三个参数: 数据类型、大小(“像素 ”数)和纠错级别。能存储多少信息也取决于这些参数。例如,纠错级别越低,可存储的信息越多,但代码越难被读者识别。最大尺寸和最小纠错值如下:最大字符数 7089个字符(纯数字)字母数字 4296个字...
普通账号个人认证号企业认证号蓝色认证标识薯条推广聚光平台效果广告普通应商业合作以KOL/KOC身份和品牌合作以品牌方身份发起起合作开设店铺个人店铺或个体户(不支持港澳台公司申请)旗舰店店或专卖店(支持港澳台公司申请)主动私信每天10位陌生用...
windows11更新后,不管是桌面的右键,还是文件上点右键,都非常地别扭,而且也非常的卡顿。在网上找了一堆方法,都不管用,经过不懈努力,终于找到了真正能恢复经典版右键的方法。废话不多说,具体方法如下:1.以管理员方式运行CMD打开后,在C...
这几年AI技术的发展已经达到新的高度,从提高个人生产力到企业操作效率的各个方面,AI都扮演着不可或缺的角色。无论是进行语言交流、内容创作、或是任务管理,都有相应的AI工具可以帮助我们更加轻松地完成工作。以下是丁老师觉得不错的AI工具推荐,希...