Git Product home page Git Product logo

ssr's Introduction

ssr

基于create-react-app 2.0等最新前端技术框架的react同构渲染模版,支持热更新,redux等.

一、Usage

  1. 客户端渲染启动方式 2. 服务端渲染启动方式
  1. tnpm i && tnpm start
  2. tnpm i && tnpm run server

二、Framework

  1. Express v4 => nodejs web框架
  2. ejs@latest => 模版引擎
  3. React@latest => 前端框架,服务端和客户端都可以渲染
  4. Redux@latest => 数据管理框架
  5. Redux-thunk@latest => 数据管理中间件
  6. create-react-app v2 => 前端快速开发脚手架
  7. webpack-dev-middleware@latest => webpack本地开发插件
  8. webpack-hot-middleware@latest => webpack热更新插件

三、Articles

相关文章

  1. 服务端渲染与 Universal React App
  2. Building Server-rendered React Apps with NextJS
  3. koa2 + webpack 热更新
  4. Running React Router v4, Redux Saga, SSR and Code Splitting together
  5. 苏宁Nodejs性能优化实战
  6. beidou articles
  7. nodejs guides
  8. 使用next.js完成从开发到部署
  9. 使用Next.js构建React服务端渲染应用
  10. React服务端渲染(项目搭建)
  11. React服务端渲染(前后端路由同构)
  12. React服务端渲染(代码分割和数据预取)

四、Projects

相关项目

  1. react-next
  2. react-koa2-ssr
  3. react-ssr

ssr's People

Contributors

ihtml5 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.