当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

react-isomorphic-bundle

React Redux Universal (isomorphic) bundle
授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 习阳
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

React Redux Universal (isomorphic) bundle

=================

Learning from isomorphic-flux-boilerplate but use Redux.

DEMO

Demo site (iisnode): eventtest.oursweb.net

Installation

$ npm uninstall -g babel #completely remove babel@5
$ npm install -g nodemon webpack babel-cli node-inspector
$ npm install

edit ./config/sequelize/config.json

change dialect from "postgres" to "sqlite" if you want a simple start.

$ npm install sqlite3
DEVELOPMENT

npm run dev (wait until the terminal shows: "webpack: bundle is now VALID".)

Press "Ctrl + h" to switch redux devtools

  • open http://127.0.0.1:3000
PRODUCTION
Build and run
  • Linux / Macnpm start

  • Windows (Git Bash)npm run prestart && NODE_ENV=production npm run win-start

Manual build

make buildor make clean && make fast-build (clean up and rebuild all)

DEBUG

npm run debug

  • open http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858
  • open http://127.0.0.1:3000

Features

  • based on React 0.14.*
  • universal(isomorphic), supported JSON Web Tokens (JWT) and Sessions (levelDB)
  • change flummox to redux
  • react-router@1.0.0
  • register (with recaptcha)
  • log in
  • Facebook sign in
  • Google OAuth sign in
  • restful API with JSON Web Tokens
  • change password
  • create posts
  • modify posts
  • delete posts
  • i18n / language switcher
  • Traditional Chinese and Simplified Chinese Conversion (New Tong Wen Tang)
  • files/images uploader (dropzone)
  • advertisement scripts support
  • Google maps with HTML5 Geolocation
  • Google maps with driving directions
  • post list with infinite scroll (use requestAnimationFrame)
  • post list with calendar
  • serverside async data-fetching (great thanks to universal-redux-boilerplate)
  • simple full text Search
  • image slider
  • admin pages (manage posts and users)
  • nearby map (PostGIS)
  • RSS Feed (Atom)
  • sitemap
  • Google Analytics
  • social network share buttons

You might be interested in...

  • webpack 使用webpack对组件化的前端项目进行打包在如今是比较流行的做法。webpack解决的根本问题是处理项目中各种不同类型资源的依赖关系,并把他们打包成一个或多个文件,这也是我接触webpack的初衷。在webpack之前有seajs、FIS等解决模块化依赖问题的方案,seajs只解决模块引入的问题,FIS在纯前端的环境下显得过于臃肿(或许是我没有太深入了解),webpack的优势在

  • 什么是服务端渲染 renderToString 将react组件转换为字符串随浏览器返回 事件(onclick)处理,需要客户端实现同样的代码 单独打包 然后服务端直接引入 同时也要主要静态资源的跟目录 路由控制 服务端使用react-router-dom/StaticRouter 来实现路由跳转 请求数据 需要给组件添加一个静态方法 配置路由的时候添加一个属性 标志是当前组件需要请求数据 使用r

  • 使用React做同构应用 React是用于开发数据不断变化的大型应用程序的前端view框架,结合其他轮子例如redux和react-router就可以开发大型的前端应用。 React开发之初就有一个特别的优势,就是前后端同构。 什么是前后端同构呢?就是前后端都可以使用同一套代码生成页面,页面既可以由前端动态生成,也可以由后端服务器直接渲染出来 最简单的同构应用其实并不复杂,复杂的是结合webpac

 相关资料
  • 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

  • React Isomorphic Boilerplate An universal React isomorphic boilerplate for building server-side render web app. Introduction This repository is an universal React isomorphic boilerplate for developer

  • 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

  • isomorphic-redux-forum About 基于React->Node->Mongo技术栈的类CNode社区同构单页Web应用,关于此项目开发过程中的经验总结移步我的技术博客相关文章:使用React SSR构建Isomorphic应用 用到的技术栈 React 构建Web组件 React-router 客户端路由及ssr路由 redux 管理应用state react服务端渲染 实现

  • 前言 由于可能有些读者没听过 Isomorphic JavaScript 。因此在进到开发 React Redux Sever Rendering 应用程式的主题之前我们先来聊聊 Isomorphic JavaScript 这个议题。 根据 Isomorphic JavaScript 这个网站的说明: Isomorphic JavaScript Isomorphic JavaScript apps