jackhutu / Jackblog React
Licence: mit
Jackblog react 版, 个人博客系统, 使用服务端渲染(Universal / Isomorphic), react, redux, react-router, react-bootstrap, immutablejs, redux-form等
Stars: ✭ 292
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Jackblog React
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (-49.66%)
Mutual labels: immutablejs, universal, isomorphic
Push Starter
React Redux Starter with SSR 🤖
Stars: ✭ 43 (-85.27%)
Mutual labels: universal, isomorphic, redux-form
React Base
atSistemas React/Redux Isomorphic Platform
Stars: ✭ 82 (-71.92%)
Mutual labels: immutablejs, universal, isomorphic
server
Serve one or more react apps! - Custom routes, HotReloading, Authenticated Apps/routes, Relay, Webpack..
Stars: ✭ 20 (-93.15%)
Mutual labels: isomorphic, universal
grand central
State-management and action-dispatching for Ruby apps
Stars: ✭ 20 (-93.15%)
Mutual labels: isomorphic, universal
universal-react-relay-starter-kit
A starter kit for React in combination with Relay including a GraphQL server, server side rendering, code splitting, i18n, SEO.
Stars: ✭ 14 (-95.21%)
Mutual labels: isomorphic, universal
Oh My Fullstack
🚀 Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)
Stars: ✭ 99 (-66.1%)
Mutual labels: immutablejs, isomorphic
universal-progressive-todos
A Todo list with universal JavaScript & Progressive Enhancement
Stars: ✭ 30 (-89.73%)
Mutual labels: isomorphic, universal
alda
A boilerplate for React isomorphic aplication with Material Design
Stars: ✭ 16 (-94.52%)
Mutual labels: universal, redux-form
Go Starter Kit
[abandoned] Golang isomorphic react/hot reloadable/redux/css-modules/SSR starter kit
Stars: ✭ 2,855 (+877.74%)
Mutual labels: universal, isomorphic
boss-lite
Boss Lite - React Redux Material Admin Template
Stars: ✭ 148 (-49.32%)
Mutual labels: redux-form, immutablejs
koa-webpack-server
Koa2 webpack all-in-one environment for universal development
Stars: ✭ 14 (-95.21%)
Mutual labels: isomorphic, universal
react-ssr-starter
📚 Featuring Webpack 4, React 17-18, SSR, HMR, prefetching, universal lazy-loading, and more
Stars: ✭ 18 (-93.84%)
Mutual labels: isomorphic, universal
Helium.js
Automating Universal React Applications
Stars: ✭ 63 (-78.42%)
Mutual labels: isomorphic, universal
Fetch Plus
🐕 Fetch+ is a convenient Fetch API replacement with first-class middleware support.
Stars: ✭ 116 (-60.27%)
Mutual labels: immutablejs, isomorphic
fastify-vite
This plugin lets you load a Vite client application and set it up for Server-Side Rendering (SSR) with Fastify.
Stars: ✭ 497 (+70.21%)
Mutual labels: isomorphic, universal
Redux Connect
Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React
Stars: ✭ 551 (+88.7%)
Mutual labels: immutablejs, isomorphic
react-ssr-spa
Server side rendered single page app using reactjs official libraries.
Stars: ✭ 30 (-89.73%)
Mutual labels: isomorphic, universal
react-ssr-hydration
Example of React Server Side Rendering with Styled Components and Client Side Hydration
Stars: ✭ 15 (-94.86%)
Mutual labels: isomorphic, universal
jackblog react 版
Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: express 版 , koa 版
客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版
移动端有: react native 版, ionic2.0 版
此为客户端react版, 需要配合服务端使用.
服务端任选一种, 请预先安装并启动服务端
开发
$ git clone [email protected]:jackhutu/jackblog-react.git
$ cd jackblog-react
$ npm install
$ npm run dev
在浏览中打开http://localhost:3000
调试
- redux-logger 默认开启, 关闭方法
webpack-> webpack.config.dev.client.js -> __DEVLOGGER__ : false
- redux-devtools 默认使用chrome扩展, Redux DevTools Chrome Extension , 网页方式默认关闭, 开启方法:
webpack-> webpack.config.dev.client.js -> __DEVTOOLS__ : true
目录结构
.
├── README.md
├── dist // 项目build目录
├── logs // 生产环境日志目录
├── src // 生产目录
│ ├── actions // redux action目录
│ ├── api // API 请求
│ ├── assets // css 和图片资源
│ ├── components // 组件
│ ├── reducers // redux reducer目录
│ ├── store // store配置
│ ├── util // 工具函数
│ └── client.js // 客户端入口
│ └── config.js // api url, cookie domain等配置文件
│ └── index.html // 生产环境生成ejs文件
│ └── routes.js // 路由配置
│ └── server.js // 服务端渲染文件
├── webpack // Webpack配置目录
│ ├── webpack.config.dev.client.js // 开发的客户端Webpack配置文件
│ ├── webpack.config.dev.server.js // 开发的服务端渲染Webpack 配置文件
│ ├── webpack-config-prod.js // 生产的Webpack 配置文件
├── History.md // 更新日志
├── nodemon.json // nodemon配置文件
├── process.json // pm2配置文件
├── server.js // 项目server入口文件
.
生产环境构建
$ npm run build 或 npm run start
线上布署
$ pm2 start process.json
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].