道招

WordPress博客项目改用react前端展示

如果您发现本文排版有问题,可以先点击下面的链接切换至老版进行查看!!!

WordPress博客项目改用react前端展示

之前自己的主打技术栈是vue全家桶,所以将自己的wordpress博客改成了vue版本服务端渲染,现在因为公司需要将我的项目从vue转到react,本人后面可能也就要主打eact技术栈了。

我记得这个网站还是在清明节假期三天改造完成的,当时还写了一篇《道招网终于完成改版了》,想不到这么快又要改了,当然这次我是不准备额外增加功能,主要以迁移技术栈为主,虽然自己最开始学习框架的时候是使用的react了,但是长期使用vue,对react还是有些手生了,最近会抽时间补齐这个短板,目前我也在进行简单的开发了。

这个换成react决定尝试些react的新功能,比如hooks,我之前只知道有useStateuseEffect,想不到其实还要很多哦,比如useReduceruseMemo等,不得不说react就是相对好玩些。

我个人也比较偏爱函数式编程,所以很自然会喜欢函数式组件多一些,刚好现在可以多用用了。 react也不是说什么都香的,比如react的jsx在写“html”时是再次把我恶心到了,vue那种更清晰些。

言归正传,目前道招网的react改造之旅已经正式开始了,目前还剩下的主要工作是

  1. 组件还剩70%,有列表、详情、分类、标签、翻页等
  2. redux
  3. 服务端渲染
更新时间:
上一篇:富文本编辑器wangEditor多语言、工具栏体验改造下一篇:Did you mean to use React.forwardRef()?搞懂react的createRef和forwardRef

相关文章

邮箱收件人组件成长历程(二)(React hooks升级版)

记得自己之前写过一篇 《邮箱收件人组件(vue版)成长历程(一)》 记得当时里面写到了自己使用的是可编辑div来进行输入的,同时提到 当时出于挑战自己和青铜的倔强,想试着换个方案,完全使用可编辑di 阅读更多…

项目Vue转成React hooks可能存在的问题--急需类似setState回调

假设在Vue中有如下三个方法,并且初始时 this.a = ‘a’; this.b = ‘b’; funA() { this.a = '1221&#03 阅读更多…

Vue和React hooks实现Select批量选择、选中条数、全选、反选实现对比

批量选择、全选、反选这些功能使用频率还是很高的,下面直接看看Vue和React分别怎么实现吧。 Vue 在使用Vue的时候是很容易实现的,我们以下列数据格式为例: const data 阅读更多…

深入学习React时间切片,任务调度scheduler

背景 最近想起月初看到的 魔术师卡颂 (微信号:kasong999)的一个公开直播—— 《手写React优先级调度算法》 ,虽然我更倾向于认为直播内容是演示如何利用React官方同款调度库手写代 阅读更多…

怎么调试Webpack+React项目,报错basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")怎么办

今天在WebStorm上Windows上准备调试一个React项目,就出现了这样的报错。 Node Parameters里面写的是webpack-dev-server的执行文件 .\node_mod 阅读更多…

react router页面跳转二次确认弹框及样式、业务逻辑自定义

我们在编辑页面时如果需要跳走通常会需要给用户提示,react router本身已经给了我们这样的功能,我们先看看怎么使用。 初见二次确认弹框 // App.jsx const App = 阅读更多…

关注道招网公众帐号
友情链接
消息推送
道招网关注互联网,分享IT资讯,前沿科技、编程技术,是否允许文章更新后推送通知消息。
允许
不用了