@zydon/common-csr

Zydon common resources for React projects (only Client-Side Rendering (CSR))

Instalação no seu projeto

• instalação pacote: yarn add @zydon/common-csr
• instalação dependências necessárias: yarn add @emotion/react @emotion/styled @mui/material react-router-dom
• instalação @types necessários: yarn add @types/react-lazy-load-image-component -D

Recursos disponíveis

Esse pacote tem os seguintes recursos disponiveis (components, hooks e utils):

Componentes

• Image: componente de imagem construido em cima do react-lazy-load-image-component (Priorize quando for utilizar/rendererizar uma imagem)

Componentes de navegação

• NavSectionHorizontal: itens para navegação na horizontal
• NavSectionMini: itens para navegação, versão mini
• NavSectionVertical: itens para navegação na vertical
• Editor: editor rich text construido em cima do react-quill
• EditorField: editor rich text construido em cima do react-quill
• SQLEditor: editor sql construido em cima do react-quill
• SQLEditorEditorField: editor sql construido em cima do react-quill e que funciona como campo de formulário react-hook-form

Hooks

• useActiveLink: hook que mostra se a rota passada está ativa ou não

Como fazer implementações/correções nesse pacote?

Esse pacote é basicamente um projeto react-vite publicado no npm.
Para fazer implementações/correções basta clonar o repositório do projeto e subir localmente em sua máquina. Crie uma branch, realize as implementações/correções, depois suba para o repositório e faça merge pra main. As alterações serão publicadas automaticamente no npm em alguns minutos.

Você pode testar suas implementações/correções no componente App.tsx