dhpp-ui v1.0.38

DHPP-UI

Biblioteca completa com todas as dependências necessárias para a criação de um novo projeto da Horta Para A Porta.

Documentação

• Configurando o Projeto
• Core
• Mobile
• Web

Configurando o Projeto

O projeto é divido em 3 partes:

Core: Onde ficam agrupados todos os componentes, funções e helpers utilizados em qualquer projeto, independente da plataforma (como configs do websocket, utils, theme, etc).
Mobile: Onde ficam agrupados os componentes de UI para aplicações em React Native.
Web: Onde ficam agrupados os componentes de UI para aplicações em React JS.

Primeiros Passos

Inicialmente precisa instalar as seguintes dependências

npm install --save styled-components js-sha512 react-redux redux redux-persist redux-thunk

Após a instalação, é necessário adicionar o código abaixo no nível mais alto dentro do Provider do Redux:

import { ThemeProvider } from "styled-components/native";
import SocketProvider    from "dhpp-ui/core/websocket";
import getTheme          from "dhpp-ui/core/helpers/theme";

const Routes = () => (
    <SocketProvider store={ store } server="test"> // test | prod
        <ThemeProvider theme={ getTheme(darkMode) }> // true | false
            <Routes/>
        </ThemeProvider>
    </SocketProvider>
)