Instalar dependencias

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

Web

yarn add @fortawesome/fontawesome-svg-core @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome yarn add rxjs

Library

Components:

• Hooks
  • useView

Hooks

useView

Descrição

Hook para facilitar a criação de páginas, facilita a busca e status da página.

Uso:

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};

Opções:

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

Retorno:

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