spravo / Typescript React Express
typescript react express example
Stars: ✭ 12
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Typescript React Express
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (+616.67%)
Mutual labels: express, server-side-rendering
Mmf Blog Vue2 Ssr
mmf-blog-vue2 ssr(The service side rendering)
Stars: ✭ 174 (+1350%)
Mutual labels: express, server-side-rendering
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (+875%)
Mutual labels: express, server-side-rendering
React Cool Starter
😎 🐣 A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.
Stars: ✭ 1,083 (+8925%)
Mutual labels: express, server-side-rendering
react-router-v4-redux-ssr
Walkthrough for SSR with rr@v4 and rrr@v5
Stars: ✭ 58 (+383.33%)
Mutual labels: server-side-rendering, webpack3
163music
🎵163 music web app built with Vue 2.6, server side render, webpack 4
Stars: ✭ 139 (+1058.33%)
Mutual labels: express, server-side-rendering
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (+1108.33%)
Mutual labels: express, server-side-rendering
Crate
👕 👖 📦 A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories).
Stars: ✭ 2,281 (+18908.33%)
Mutual labels: express, server-side-rendering
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+10750%)
Mutual labels: webpack3, server-side-rendering
Hapi React Hot Loader Example
Simple React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (+266.67%)
Mutual labels: webpack3, server-side-rendering
Twreporter React
twreporter site with nodejs
Stars: ✭ 263 (+2091.67%)
Mutual labels: express, server-side-rendering
ssr-starter-pack
Moved to https://github.com/Brigad/ssr-starter-pack
Stars: ✭ 12 (+0%)
Mutual labels: server-side-rendering, webpack3
Kite
🌴 Kite 前台页面是vue ssr服务端渲染、后台页面是react spa、服务层nodejs express、mysql编写的一套多权限文章、动态管理系统
Stars: ✭ 455 (+3691.67%)
Mutual labels: webpack3, express
Typesafe Routes
Spices up your favorite routing library by adding type safety to plain string-based route definitions.
Stars: ✭ 26 (+116.67%)
Mutual labels: express
Outputcache
Cache api responses using Redis, Memcached or any cache provider for NodeJS
Stars: ✭ 9 (-25%)
Mutual labels: express
Express Boilerplate
A fast, simple Node.js/Express + MongoDB + Vue.js web app boilerplate project
Stars: ✭ 25 (+108.33%)
Mutual labels: express
Reactjs Portfolio Mern Website
My Portfolio | Full Stack MERN Application
Stars: ✭ 25 (+108.33%)
Mutual labels: server-side-rendering
Deprecated
🚀 Framework for building universal web app and static website in Vue.js (beta)
Stars: ✭ 858 (+7050%)
Mutual labels: express
Vue express session nodb
这是一个带有express session验证的vue项目,其中server适用于其他任何前端框架,开发者可以根据自己的需求进行更改;另外session存储不涉及数据库存储,使用的是内存存储。
Stars: ✭ 24 (+100%)
Mutual labels: express
Typescript React Redux Isomorphic Hot Example.
About
This is a starter boilerplate app I've put together using the following technologies:
- React
- React Router
- Express
- Typescript
- Webpack for bundling
- Webpack Dev Middleware
- Webpack Hot Middleware
- Redux's futuristic Flux implementation
- Support ReduxDevTools (developer experience)
- TSLint to maintain a consistent code style
- style-loader, sass-loader and autoprefixer to allow import of stylesheets in plain css, scss,
- react-helmet to manage title and meta tag information on both server and client
Feature:
- Support docker
- Server side render + fetch data
- React hot reload
- Server render supports react hot reload
- Server does not reload after change client code
How to use
$ npm run docker:run
# Connect to docker container
$ npm run docker:exec
# NOTE. After work you should stop container
$ npm run docker:stop
# Developer mode
$ npm run start
$ npm run build
$ npm run server
# TSLint
$ npm run tslint
# Unit test
# TODO
Explanation
Client side
The client side entry point is reasonably named client/index.ts. All it does is load the routes, initiate react-router, rehydrate the redux state from the window.__PRELOADED_STATE__
passed in from the server, and render the page over top of the server-rendered DOM. This makes React enable all its event listeners without having to re-render the DOM.
Server-side Data Fetching
...
Routing and HTML return
...
TODO:
- Storybook
- test (mocha, chai, chai-http, enzyme, sinon, jsdom)
- webpack/plugins/assetsManifest.js
- Dockerfile
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].