Skip to content

💫 This package is a simple screen size detector for react. You can get the screensize on your Frontend app with ease. We dont guarantee that this package will work in Backend.

License

Notifications You must be signed in to change notification settings

sdevs-bws/screen-sizr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NPM

Codacy Badge Downloads Version install size node


Basic Information.

This package is a simple package that allows you to track the screensize / get the screensize of a device. (this package is made for web / frontend we do not guarantee that this package will work in backend)

Choose Readme type.

📘 - React

Get Started.

Installation.

NPM

npm i @sdevs/screen-sizr

Yarn

yarn add @sdevs/screen-sizr

Usage.

Importing.

import ScreenSizr from '@sdevs/screen-sizr';

Getting the screensize (normal).

import ScreenSizr from '@sdevs/screen-sizr';

const screensize = ScreenSizr.getScreenSize();

Getting the screensize (async).

import ScreenSizr from '@sdevs/screen-sizr';

const screensize = await ScreenSizr.getScreenSizeAsync();

Getting the screensize (async / promise).

import ScreenSizr from '@sdevs/screen-sizr';

ScreenSizr.getScreenSizeAsync().then(screensize => {
    console.log(screensize.width, screensize.height);
});

Getting the screensize (async / await).

import ScreenSizr from '@sdevs/screen-sizr';

const screensize = await ScreenSizr.getScreenSizeAsync();

Examples.

Example.

import ScreenSizr from '@sdevs/screen-sizr';

const screensize = ScreenSizr.getScreenSize();

console.log(screensize.width, screensize.height);

Example (async).

import ScreenSizr from '@sdevs/screen-sizr';

const screensize = await ScreenSizr.getScreenSizeAsync();

console.log(screensize.width, screensize.height);

Example (async / promise).

import ScreenSizr from '@sdevs/screen-sizr';

ScreenSizr.getScreenSizeAsync().then(screensize => {
    console.log(screensize.width, screensize.height);
});

License.

This package is licensed under the MIT License. See the LICENSE file for more information.

Support.

If you need support, please join our Discord Server and ask your question in the #support channel.

Issues.

If you have any issues, please open an issue on our GitHub Repository.

Developers.


JanjyTapYT


Stoneclane Development


Developed with ❤️ by SDEVS

About

💫 This package is a simple screen size detector for react. You can get the screensize on your Frontend app with ease. We dont guarantee that this package will work in Backend.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published