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
- 服务端渲染
相关文章
Did you mean to use React.forwardRef()?搞懂react的createRef和forwardRef
最近在使用react过程中发现在使用ref时的一些场景,自己初步感觉react的ref没有vue那么强大。 现在我就简单看下怎么使用ref? createRef 我们直接看源码 / 阅读更多…
对React Hooks的Capture value特性的理解
之前我的项目里面很多功能都是用的事件驱动,所以下面的实例也会更多地使用监听事件的回调函数。 我们先看下测试代码 const {useEffect ,useState, useRef, us 阅读更多…
邮箱收件人组件成长历程(二)(React hooks升级版)
记得自己之前写过一篇 《邮箱收件人组件(vue版)成长历程(一)》 记得当时里面写到了自己使用的是可编辑div来进行输入的,同时提到 当时出于挑战自己和青铜的倔强,想试着换个方案,完全使用可编辑di 阅读更多…
React执行调度流程梳理笔记
触发更新 我们最常见的触发更新的方式就是更新state了,可以分别从类组件和函数组件看看这时会发生什么。 类组件之 setState: 当触发 setState 本质上是调用 enque 阅读更多…
转译:使用react hooks优化回调函数在组件间的传递,useState,useReducer?
我们先看一下使用 useState hooks写的todoList组件,里面我们需要层层传递回调函数。 import React, { useState } from "react& 阅读更多…
使用next.js服务端渲染经历
上周末的时候打算把自己的网站从vue的ssr转换为react的ssr,鉴于之前在vue中是用的原生的ssr,这次想在react中试试框架,所以首选的就是next.js。 第一次用next.js,根据 阅读更多…