Gathering detailed insights and metrics for @devesharp/react
@devesharp/react-web
@fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome @fortawesome/react-native-fontawesome react-router-dom immer use-immer yup
@devesharp/react-hooks
@devesharp/react-native
@devesharp/react-utils
npm install @devesharp/reactTypescript
Module System
Node Version
NPM Version
47.1
Supply Chain
64.2
Quality
69.2
Maintenance
50
Vulnerability
93.2
License
Total Downloads
9,237
Last Day
2
Last Week
6
Last Month
69
Last Year
940
Latest Version
1.4.33
Package Id
@devesharp/react@1.4.33
Unpacked Size
8.36 MB
Size
3.06 MB
File Count
1,742
NPM Version
7.5.2
Node Version
14.15.4
Cumulative downloads
Total Downloads
Last day
0%
2
Compared to previous day
Last week
-84.2%
6
Compared to previous week
Last month
-12.7%
69
Compared to previous month
Last year
-51.3%
940
Compared to previous year
23
67
yarn add @fortawesome/fontawesome-svg-core @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/react-native-fontawesome yarn add @react-navigation/bottom-tabs @react-navigation/drawer @react-navigation/native @react-navigation/stack yarn add @unform/core @unform/web @unform/mobile yarn add rxjs yarn add react-native-svg yarn add react-native-reanimated cd ios && pod install
add
yarn add @fortawesome/fontawesome-svg-core @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome yarn add rxjs
Components:
Hook para facilitar a criação de páginas, facilita a busca e status da página.
1import React, { useState } from 'react'; 2import { Observable } from 'rxjs'; 3import { useView, Resolve } from 'react-lib'; 4 5const ExampleRequest: Resolve<any> = (params: any) => 6 new Observable((obs) => { 7 obs.next({}); 8 obs.complete(); 9 }); 10 11const DelayedContentComponent = () => { 12 const { starting, errorLoadData, registerOnInit, registerOnInitError, reloadPage } = useView({ 13 resolves: { 14 example: ExampleRequest, 15 }, 16 }); 17 18 const [resource, setResource] = useState<any>(); 19 20 registerOnInit((response) => { 21 setResource(response.example); 22 }); 23 24 registerOnInitError((err) => { 25 // Error 26 }); 27 28 return ( 29 <div> 30 {starting && <div>Carregando página</div>} 31 {errorLoadData && <div>Erro ao carregar página</div>} 32 {!starting && errorLoadData && <div>Página carregada: {JSON.stringify(resource)}</div>} 33 {!starting && errorLoadData && ( 34 <button onClick={() => reloadPage()}>Recarregar página</button> 35 )} 36 </div> 37 ); 38};
| Nome | Tipo | Descrição |
|---|---|---|
| resolves | { [key: string]: Resolve<any> } | Observables que devem ser iniciados antes do inicio da página |
| firstLoad | boolean | Se deve fazer o carregamento inicial dos resolves |
| Nome | Tipo | Descrição |
|---|---|---|
registerOnInit | (fn: (resolves: any) => void) => void | Registrar funções que são chamadas na inicialização da página |
registerOnInitError | (fn: (err: any) => void) => void | Registrar funções que são chamadas no erro na inicialização da página |
starting | boolean | Status: Iniciando |
errorLoadData | boolean | Status: Erro no carregamento dos resolves |
criticalError | boolean | Status: Erro crítico desconhecido |
statusInfo | IStatusInfo | statusInfo |
setStatusInfo | (v: IObject) => any | Definir status da página |
$destroy | Subject<any> | Subject para destruir resolves |
reloadPage | (wait1s?: boolean) => void | Recarregar página |
getParamsResolve | MutableRefObject<{ [key: string]: () => any }> | Lista de funções que devem ser executadas no parametro de determinado resolver |
registerResolveParams | (resolveName: string, fn: () => any) => void | Registrar nova função para parametro de resolver |
No vulnerabilities found.
No security vulnerabilities found.