GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → pankod → react-hooks-screen-type

pankod / react-hooks-screen-type

Licence: other
Determining screen size type for Bootstrap 4 grid.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

react-hooks

Projects that are alternatives of or similar to react-hooks-screen-type

react-intersection-observer-hook
React hook to use IntersectionObserver declaratively
Stars: ✭ 58 (+286.67%)
Mutual labels:  react-hooks
Frontend
마음을 잇는 현명한 소비 '잇다'🤝
Stars: ✭ 19 (+26.67%)
Mutual labels:  react-hooks
React-Playground
Learning reactjs from the ground up (router, redux, thunk, hooks, context, portals, and functional components)
Stars: ✭ 15 (+0%)
Mutual labels:  react-hooks
rapid-react
A light weight interactive CLI Automation Tool 🛠️ for rapid scaffolding of tailored React apps with Create React App under the hood.
Stars: ✭ 73 (+386.67%)
Mutual labels:  react-hooks
hx
A simple, easy to use library for React development in ClojureScript.
Stars: ✭ 244 (+1526.67%)
Mutual labels:  react-hooks
use-axios-hooks
axios hooks for common network calls scenarios
Stars: ✭ 27 (+80%)
Mutual labels:  react-hooks
hooks
List of all React hooks using data structures and algorithms
Stars: ✭ 20 (+33.33%)
Mutual labels:  react-hooks
think
Instagram clone using React Native with funcional components, React Hooks, React Navigation 4x and Reactotron debugger
Stars: ✭ 20 (+33.33%)
Mutual labels:  react-hooks
tiny-ui
⚛️ A friendly UI component set for React.js
Stars: ✭ 202 (+1246.67%)
Mutual labels:  react-hooks
openzeppelin-network.js
An easy to use and reliable library that provides one line access to Web3 API.
Stars: ✭ 45 (+200%)
Mutual labels:  react-hooks
hacn
A "monad" or DSL for creating React components using Fable and F# computation expressions
Stars: ✭ 34 (+126.67%)
Mutual labels:  react-hooks
use-countdown-timer
React hook exposing a countdown timer with optional expiration reset callbacks
Stars: ✭ 31 (+106.67%)
Mutual labels:  react-hooks
Nectus
A boilerplate Flask API for a Fullstack Project with some additional packages and configuration prebuilt. ⚙
Stars: ✭ 32 (+113.33%)
Mutual labels:  react-hooks
ReSift
A state management library for data fetches in React
Stars: ✭ 39 (+160%)
Mutual labels:  react-hooks
react-laravel
A simple crud based laravel app to learn how to use react with laravel.
Stars: ✭ 43 (+186.67%)
Mutual labels:  react-hooks
typescript-nextjs-redux-toolkit-material-ui-example
TypeScript v3.8, Next.js v9, Redux Toolkit, Material-UI v4, react-hooks, SSR live demo
Stars: ✭ 61 (+306.67%)
Mutual labels:  react-hooks
rex-state
Convert hooks into shared states between React components
Stars: ✭ 32 (+113.33%)
Mutual labels:  react-hooks
use-tus
React hooks for resumable file uploads using tus
Stars: ✭ 62 (+313.33%)
Mutual labels:  react-hooks
react-hooks
🎣 React Hooks to get hooked on
Stars: ✭ 53 (+253.33%)
Mutual labels:  react-hooks
eslint-config-typescript-unified
🛠️ A unified ESLint configuration with sensible defaults for TypeScript projects.
Stars: ✭ 15 (+0%)
Mutual labels:  react-hooks
View All Similar Projects ➔

About

This package is useful for determining screen size type on web applications with respect to bootstrap 4 grid system.

Install

npm i react-hooks-screen-type

Or

yarn add react-hooks-screen-type

Usage

import useScreenType from 'react-hooks-screen-type';

function MyAwesomeComponent() {
    const screenType = useScreenType();
    // can be "x-small, small, medium, large, x-large"
}
Created by Pankod

License

Licensed under the MIT License, Copyright © 2018-present Pankod

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