WordPress博客项目改用react前端展示
WordPress博客项目改用react前端展示
之前自己的主打技术栈是vue全家桶,所以将自己的wordpress博客改成了vue版本服务端渲染,现在因为公司需要将我的项目从vue转到react,本人后面可能也就要主打eact技术栈了。
我记得这个网站还是在清明节假期三天改造完成的,当时还写了一篇《道招网终于完成改版了》,想不到这么快又要改了,当然这次我是不准备额外增加功能,主要以迁移技术栈为主,虽然自己最开始学习框架的时候是使用的react了,但是长期使用vue,对react还是有些手生了,最近会抽时间补齐这个短板,目前我也在进行简单的开发了。
这个换成react决定尝试些react的新功能,比如hooks,我之前只知道有useState
、useEffect
,想不到其实还要很多哦,比如useReducer
、useMemo
等,不得不说react就是相对好玩些。
我个人也比较偏爱函数式编程,所以很自然会喜欢函数式组件多一些,刚好现在可以多用用了。 react也不是说什么都香的,比如react的jsx在写“html”时是再次把我恶心到了,vue那种更清晰些。
言归正传,目前道招网的react改造之旅已经正式开始了,目前还剩下的主要工作是
- 组件还剩70%,有列表、详情、分类、标签、翻页等
- redux
- 服务端渲染
相关文章
怎么调试Webpack+React项目,报错basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")怎么办
今天在WebStorm上Windows上准备调试一个React项目,就出现了这样的报错。 Node Parameters里面写的是webpack-dev-server的执行文件 .\node_mod 阅读更多…
改造富文本编辑器wangEditor成react组件
我们知道wangEditor常用的功能是editor实例的 txt.html() 和 txt.text() 方法,尤其是 txt.html() 方法,这是一个类似与jQuery常用的那种get和se 阅读更多…
2021年的一点工作总结(一)迁移React技术栈
2021年全年的工作总结起来很简单,算是做苦力的一年吧。。。 2021年春节后就开始邮件项目从Vue迁移到React的工作以及富文本编辑器由wangEditor替换成CKEditor。 其实自己 阅读更多…
Vue和React hooks实现Select批量选择、选中条数、全选、反选实现对比
批量选择、全选、反选这些功能使用频率还是很高的,下面直接看看Vue和React分别怎么实现吧。 Vue 在使用Vue的时候是很容易实现的,我们以下列数据格式为例: const data 阅读更多…
React router用hooks读取routeName、根据routeName跳转
在迁移Vue至React的过程中遇到了一些路由相关的问题,在Vue项目中经常会使用routeName,毕竟使用path太长了,也记不住,我自己看了看React router也没有发现routeNam 阅读更多…
转译:使用react hooks优化回调函数在组件间的传递,useState,useReducer?
我们先看一下使用 useState hooks写的todoList组件,里面我们需要层层传递回调函数。 import React, { useState } from "react& 阅读更多…