有同学在群里提问,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或传统框架的方式制作网站。
很多想学java的新同学,经常问丁老师,java的spring,spring cloud,spring boot都是些什么东东呀?感觉傻傻分不清楚呢?今天丁老师就给你们解答。首先,spring,spring cloud,spring b...
最近有客户提出需求,要开发一个智能人才招聘系统,包含PC端网站、微信小程序、手机APP,想实现的功能是求职者登录注册后,上传自己的PDF简历,系统就能自动帮他匹配关联和推荐的职位。求助丁老师,这种系统该怎么实现,原理和步骤是什么呢?今天...
大型景区信息化管理,软硬件体系架构预算图,包含景区售票系统、景区人员管理系统、财务系统、硬件管理系统、景区酒店管理系统、景区点餐系统、园区管理系统,游客/用户端APP/小程序等。含全套的软件体系搭建费用。
krpano全景图默认开启陀螺仪的方法
今天有同学在群里提问,在使用photoshop编辑文字时,经常会弹出一个文字选择的面板如图:这时文字也无法输入,也无法取消和关闭,很是烦人,怎么取消这个功能呢?经过丁老师研究,方法很简单:1.打开photoshop菜单-编辑2.选择首选项-...
在使用wordpress的过程中,有的时候部分页面打不开,或是程序不能正常使用,也没有显示具体的错误信息,这个时候该怎么办呢?首先是查看错误日志,可以查看wordpress本身的错误日志,以及php的错误日志。这时有朋友提问了,wordpr...
fontawesome所有图标class类名单,适用于4.7.0版本。总计有593个图标class类(包含别名):fa-500pxfa-address-bookfa-address-book-ofa-address-cardfa-addre...
国外很多VPS购买后,只有密码,没有登录账号,如何登录呢?我们以one.com为例,购买了VPS后,只能设置密码,但是用root,也无法登录,是怎么回事呢?查了官方文档,原来修改的VPS密码,不是root的,这个VPS默认的账号是admin...