Ajax WordPress React单页主题

组件化的 WordPress 单页引导主题,用 React 和 Flux 搭起来的,结构清晰、逻辑也比较顺。用的是react-router做路由,前端打包靠webpack,整个开发流程还蛮现代的。你要是习惯用 React 开发,再接个 WordPress 后台,这套挺顺手。

Ajax这块得也不错,页面局部更新,速度快,还不需要整页刷新。像加载博客内容、切换导航这种交互,体验挺流畅的。数据格式也比较常见,JSON为主,配合fetch或者axios都好用。

文件名叫Ajax-wordpress-react.zip,主要是个主题项目包。你可以直接跑本地看看效果,也能拿它做二开模板。嗯,前后端逻辑拆得挺干净的,适合练手也适合拿去改成你自己的项目。

跟它相关的几个资源也蛮值得一看,比如这个React Flux Webpack 测试,讲得还挺细;还有这个Gulp-Webpack-Flux-React 支架,适合了解打包流程;做 WordPress 的可以参考这个wordpress-webpack-starter,蛮贴近实战。

如果你有 WordPress 后台,又想试试前端走单页路由,可以试着改造这个包。要注意下webpack.config.js的路径别乱改,不然打包会出错。

zip
Ajax-wordpress-react.zip 预估大小:32个文件
folder
wordpress-react-master 文件夹
file
_config.yml 29B
file
functions.php 9KB
file
webpack.prod.config.js 3KB
file
README.md 5KB
file
footer.php 388B
file
index.php 47B
folder
inc 文件夹
file
page-header.php 111B
file
wp_head.php 1KB
file
page-footer.php 51B
file
LICENSE 1KB
file
screenshot.png 22KB
file
package.json 1KB
file
single.php 82B
folder
src 文件夹
folder
css 文件夹
file
main.css 8KB
file
index.jsx 6KB
folder
js 文件夹
file
Constants.jsx 255B
folder
Stores 文件夹
file
DataStore.jsx 3KB
file
API.jsx 16KB
file
AjaxDispatcher.jsx 101B
folder
Components 文件夹
file
Footer.jsx 2KB
file
Page.jsx 1KB
file
Menu.jsx 6KB
file
AppDispatcher.jsx 99B
folder
Actions 文件夹
file
ServerActions.jsx 1KB
file
.babelrc 164B
file
page-history.php 630B
file
page-CustomPage1.php 821B
file
page.php 82B
file
page-history.jsx 4KB
file
style.css 336B
file
webpack.dev.config.js 2KB
file
header.php 3KB
zip 文件大小:29.48KB