jaredpalmer / React Router Nextjs Like Data Fetching
Demonstrating React Router 4's SSR awesomeness
Stars: ✭ 84
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Router Nextjs Like Data Fetching
Accounts Ui
Accounts UI for React in Meteor 1.3+
Stars: ✭ 197 (+134.52%)
Mutual labels: ssr, react-router
react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot
Seed to create your own project using React with Apollo GraphQL client
Stars: ✭ 19 (-77.38%)
Mutual labels: react-router, ssr
async-react-router
Client side react router with async. It like next.js!
Stars: ✭ 21 (-75%)
Mutual labels: react-router, ssr
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+427.38%)
Mutual labels: ssr, react-router
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+38.1%)
Mutual labels: ssr, react-router
react-ssr
从零搭建一个react-ssr框架 解决页面js事件 样式同构 服务器客户端路由 数据注水脱水等问题
Stars: ✭ 42 (-50%)
Mutual labels: react-router, ssr
elegant-react-ssr
Server-side rendering with create-react-app, React Router v4, Helmet, Redux, and Thunk boilerplate, without ejecting CRA
Stars: ✭ 16 (-80.95%)
Mutual labels: react-router, ssr
After.js
Next.js-like framework for server-rendered React apps built with React Router
Stars: ✭ 4,051 (+4722.62%)
Mutual labels: ssr, react-router
React Lego
React-lego : incrementally add more cool stuff to your react app
Stars: ✭ 417 (+396.43%)
Mutual labels: ssr, react-router
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (+2.38%)
Mutual labels: ssr, react-router
React 5ddm
5d动漫,使用React,服务端渲染,接口(不开源)来自赞片CMS。仅供参考,交流群:14646823 欢迎加入
Stars: ✭ 50 (-40.48%)
Mutual labels: ssr, react-router
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (+1.19%)
Mutual labels: ssr, react-router
Nostalgie
Nostalgie is an opinionated, full-stack, runtime-agnostic framework for building web apps and web pages using react.
Stars: ✭ 130 (+54.76%)
Mutual labels: ssr, react-router
Ice
🚀 The Progressive App Framework Based On React(基于 React 的渐进式应用框架)
Stars: ✭ 16,961 (+20091.67%)
Mutual labels: ssr, react-router
Loadable Components
The recommended Code Splitting library for React ✂️✨
Stars: ✭ 6,194 (+7273.81%)
Mutual labels: ssr, react-router
Dva Starter
完美使用 dva react react-router,最好用的ssr脚手架,服务器渲染最佳实践
Stars: ✭ 60 (-28.57%)
Mutual labels: ssr, react-router
Vue Horizontal
An ultra simple pure vue horizontal layout for modern responsive web with zero dependencies. (SPA/SSG/SSR)
Stars: ✭ 75 (-10.71%)
Mutual labels: ssr
Quench Vue
Simple, client-side hydration of pre-rendered Vue.js apps
Stars: ✭ 71 (-15.48%)
Mutual labels: ssr
SSR Demo with React Router 4
Install
Clone the repo and install deps...
git clone [email protected]:jaredpalmer/react-router-ssr.git
cd react-router-ssr
yarn install && yarn start
Click around...
What is going on here?
This little app demonstrates some cool SSR stuff you can do with React Router 4:
- Next.js-like data fetching using an HoC, static route config, and
matchPath
. - "Client-only" routes...this translates to partial/selective SSR (because Routes are just components 😉)
- Using RR4's
statusContext
to set HTTP status codes isomorphically.
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].