isomorphic-redux-CNode

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 罗鸿畴
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

isomorphic-redux-forum

About

基于React->Node->Mongo技术栈的类CNode社区同构单页Web应用,关于此项目开发过程中的经验总结移步我的技术博客相关文章:使用React SSR构建Isomorphic应用

用到的技术栈

  • React 构建Web组件
  • React-router 客户端路由及ssr路由
  • redux 管理应用state
  • react服务端渲染 实现同构
  • node/express 提供服务
  • webpack 构建
  • webpack-isomorphic-tools 处理ssr静态资源
  • JWTs 前后端分离下的token验证
  • Ant Design 构建UI
  • redux-devtools 开发者工具
  • mongodb/mongoose 提供数据库管理

项目线上Demo

bbs.luoxia.me

运行Demo

安装依赖

npm install

配置文件

修改配置文件config.js,指定自己的数据库地址,端口,数据库,用户名和密码

编译

npm run build

运行Node server

npm run start

访问3000端口

开发环境

安装依赖

npm install

启动webpack server

npm run run-dev-server

启动express服务器

npm run run-server

访问服务:3000端口(包含了HMR)

Docker部署说明

Dockerfile部署Node镜像,docker-compose.yml以node+mongodb+nginx来写的,可以根据自己需要进行配置。

TODO

  • 修复bugs
  • 修改文章
  • 修改个人资料
  • 进一步优化UI
  • 单元测试
 相关资料
  • 前言 由于可能有些读者没听过 Isomorphic JavaScript 。因此在进到开发 React Redux Sever Rendering 应用程式的主题之前我们先来聊聊 Isomorphic JavaScript 这个议题。 根据 Isomorphic JavaScript 这个网站的说明: Isomorphic JavaScript Isomorphic JavaScript apps

  • 前言 Universal/Isomorphic 总结 延伸阅读 Using react-router and express with authentication via Passport.js - possible? topheman/react-es6-isomorphic erikras/react-redux-universal-hot-example coodoo/react-redu

  • 前言 如果你是从一开始跟着我们踏出 React 旅程的读者真的恭喜你,也谢谢你一路跟着我们的学习脚步,对一个初学者来说这一段路并不容易。本章是扣除附录外我们最后一个正式章节的範例,也是规模最大的一个,在这个章节中我们要整合过去所学和添加一些知识开发一个可以登入会员并分享食谱的社群网站,Les’s GO! 需求规划 让使用者可以登入会员并分享食谱的社群网站 功能规划 React Router / R

  • Isomorphic Strings 描述 Given two strings s and t, determine if they are isomorphic. Two strings are isomorphic if the characters in s can be replaced to get t. All occurrences of a character must be re

  • React and Koa boilerplate (deprecated. New project available at https://github.com/hung-phan/micro-nextjs) The idea of this repository is to implement all new concepts and libraries which work great f

  • React Isomorphic Starterkit Isomorphic starterkit with server-side React rendering usingnpm,koa,webpack,babel,react,react-router,react-transform-hmr,react-transmit,react-inline-css Features Fully auto