react config hooks

React-config-ghooks

Entregar experiencias más adecuadas para el sistema operativo, tipo de dispositivo, navegador y otras cosas de un usuario

Este es un conjunto de ganchos y utilidades React para cargar según el de un usuario:

• Sistema operativo
• Navegador
• Configuración

Objetivo

Haga que sea más fácil para el desarrollador apuntar a diferentes dispositivos en función de su configuración. Se puede usar para verificar diferentes configuraciones relacionadas con la configuración para entregar las mejores experiencias al usuario.

Instalar

npm install --save react-config-hooks

Uso

Sistema operativo

 import { useOS } from 'react-config-hooks'

const [ os , isWin , isMac , isUnix , isLinux , isWinMob , isAndroid , isiOS ] = useOS ( )
 

Valor	Devolución	Tipo de retorno
os	Devuelve el nombre de OS	Cadena
isWin	Devuelve verdadero si el sistema operativo es Windows y viceversa	booleano
isMac	Devuelve verdadero si el sistema operativo es Mac y viceversa	booleano
isUnix	Devuelve verdadero si el sistema operativo es unix y viceversa	booleano
isLinux	Devuelve verdadero si el sistema operativo es Linux y viceversa	booleano
isWinMob	Devuelve verdadero si el sistema operativo es Windows Mobile y viceversa	booleano
isAndroid	Devuelve verdadero si el sistema operativo es Android y viceversa	booleano
isiOS	Devuelve verdadero si el sistema operativo es iOS y viceversa	booleano

---

Navegador

 import { useBrowser } from 'react-config-hooks'

const [ browser , isChrome , isFirefox , isIE , isEdge , isSafari , isOpera , isYandex ] = useBrowser ( )
 

Valor	Devolución	Tipo de retorno
browser	Devuelve el nombre del navegador	Cadena
isChrome	Devuelve verdadero si el navegador es Chrome y viceversa	booleano
isFirefox	Devuelve verdadero si el navegador es Firefox y viceversa	booleano
isIE	Devuelve verdadero si el navegador es, es decir, viceversa	booleano
isEdge	Devuelve verdadero si el navegador es borde y viceversa	booleano
isSafari	Devuelve verdadero si el navegador es safari y viceversa	booleano
isOpera	Devuelve verdadero si el navegador es ópera y viceversa	booleano
isYandex	Devuelve verdadero si el navegador es Yandex y viceversa	booleano

---

Configuración

 import { useConfig } from 'react-config-hooks'

const [ deviceConfig , isCookieEnabled , isOnLine , knownLangs , prefLang , isJavaEnabled ] = useConfig ( )
 

Valor	Devolución	Tipo de retorno
deviceConfig	Devuelve las diferentes propiedades ( isCookieEnabled , isOnLine , knownLangs , prefLang , isJavaEnabled ) relacionadas con la configuración	Matrices de objetos
isCookieEnabled	Devuelve verdadero si la cookie está habilitada y viceversa	booleano
isOnLine	Devuelve verdadero si el usuario está en línea y viceversa	booleano
knownLangs	Devuelve una matriz que representa los idiomas conocidos por el usuario, por orden de preferencia	formación
prefLang	Devuelve una cadena que representa el lenguaje preferido del usuario, generalmente el idioma de la interfaz de usuario del navegador. El valor nulo se devuelve cuando esto es desconocido.	Cadena
isJavaEnabled	Devuelve verdadero si Java está habilitado y viceversa	booleano

---

Licencia

MIT © Dev-Saeed