All Projects → nolimits4web → Ssr Window

nolimits4web / Ssr Window

Licence: mit
Better handling for window object in SSR environment

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Ssr Window

React Use Api
Async HTTP request data for axios. Designed for diverse UI states, SSR and data pre-caching.
Stars: ✭ 49 (-10.91%)
Mutual labels:  ssr, server-side-rendering
React Imported Component
✂️📦Bundler-independent solution for SSR-friendly code-splitting
Stars: ✭ 525 (+854.55%)
Mutual labels:  ssr, server-side-rendering
Nuxt Firebase Sns Example
Nuxt v2 & Firebase(Hosting / Functions SSR / Firestore), Google Auth SNS Example.
Stars: ✭ 485 (+781.82%)
Mutual labels:  ssr, server-side-rendering
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+705.45%)
Mutual labels:  ssr, server-side-rendering
Angular Ssr Swa
Stars: ✭ 15 (-72.73%)
Mutual labels:  ssr, server-side-rendering
React Snap
👻 Zero-configuration framework-agnostic static prerendering for SPAs
Stars: ✭ 4,565 (+8200%)
Mutual labels:  ssr, server-side-rendering
Universal Starter
Angular 9 Universal repo with many features
Stars: ✭ 518 (+841.82%)
Mutual labels:  ssr, server-side-rendering
Quasar
Quasar Framework - Build high-performance VueJS user interfaces in record time
Stars: ✭ 20,090 (+36427.27%)
Mutual labels:  ssr, server-side-rendering
React Lazy Load Image Component
React Component to lazy load images and components using a HOC to track window scroll position.
Stars: ✭ 755 (+1272.73%)
Mutual labels:  ssr, server-side-rendering
React App
Create React App with server-side code support
Stars: ✭ 614 (+1016.36%)
Mutual labels:  ssr, server-side-rendering
Server Side Rendering
Server side rendering JavaScript in a PHP application
Stars: ✭ 432 (+685.45%)
Mutual labels:  ssr, server-side-rendering
Hapi React Hot Loader Example
Simple React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-20%)
Mutual labels:  ssr, server-side-rendering
Cra Universal
🌏 Create React App companion for universal app. No eject, auto SSR, zero config, full HMR, and more (inactive project)
Stars: ✭ 419 (+661.82%)
Mutual labels:  ssr, server-side-rendering
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+7838.18%)
Mutual labels:  ssr, server-side-rendering
After.js
Next.js-like framework for server-rendered React apps built with React Router
Stars: ✭ 4,051 (+7265.45%)
Mutual labels:  ssr, server-side-rendering
Laravel Server Side Rendering
Server side rendering JavaScript in your Laravel application
Stars: ✭ 506 (+820%)
Mutual labels:  ssr, server-side-rendering
React Storefront
React Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, Apache-2.0 license. Join us as contributor ([email protected]).
Stars: ✭ 292 (+430.91%)
Mutual labels:  ssr, server-side-rendering
Awesome Universal Rendering
Awesome resources about server side sendering (SSR), static rendering, pre-rendering, static site generators (SSG).
Stars: ✭ 308 (+460%)
Mutual labels:  ssr, server-side-rendering
Loadable Components
The recommended Code Splitting library for React ✂️✨
Stars: ✭ 6,194 (+11161.82%)
Mutual labels:  ssr, server-side-rendering
Onthefly
🔗 Generate TinySVG, HTML and CSS on the fly
Stars: ✭ 37 (-32.73%)
Mutual labels:  ssr, server-side-rendering

SSR Window

Better handling for window and documentt object in SSR environment.

This library doesn't implement the DOM (like JSDOM), it just patches (or creates window and document objects) to avoid them to fail (throw errors) during server-side rendering.

Was created for use in:

Installation

Library available on NPM:

npm i ssr-window

Usage

import { window, document } from 'ssr-window';

window.addEventListener('resize', () => {});

const div = document.querySelectorAll('div');

Extending

If you rely on some window/document properties which are not included here, you can use extend helper to add them:

import { window, document, extend } from 'ssr-window';

// add window.navigator.language
extend(window, {
  navigator: {
    language: 'en',
  },
});

// add document.body
extend(document, {
  body: {
    /* ... */
  },
});

Contribution

Yes please! See the contributing guidelines for details.

Licence

This project is licensed under the terms of the MIT license.

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].