Components La

Version 1.0.0

Libreria de componentes de react basado en Material Ui, creado con el hecho de aprender a hacer una libreria y usarlo en mis proximos proyectos

Instalacion

• npm

  npm install componentsla

• pnpm

  pnpm install componentsla

Uso

import { Typography } from "componentsla";

export default function Page() {
  return (
    <div>
      <Typography variant="p" text="paragraph">
        Parrafo
      </Typography>
    </div>
  );
}

Aportar

1. Clonar proyecto

  git clone https://github.com/Laszlo-Caballero/ComponentsLa.git

2. Instalar dependencias

  npm install

3. Compilar proyecto

  npm run build

TODOS

• Mas componentes
  • [x] Box
    • [x] componente polymofico
  • [x] Typography
    • [x] componente polymorfico
  • [ ] Listas
  • [x] Treeview (https://mdbootstrap.com/docs/standard/plugins/tree-view/)
    • [x] Solid
  • [ ] Tooltip
  • [x] Toaster (https://react-hot-toast.com/)
    • [x] Sin Contexto
    • [x] Observer
    • [x] Toast api
  • [x] Carrusel
    • [ ] resposive desing
    • [x] claseNames dentro del componente y mejorar el cn
    • [x] pedir segundos al hacer el autoplay
    • [x] navegacion ciclica
    • [x] ver los botones de next o previous
    • [x] pedir width
    • [x] any en el interfaz del as ❔
    • [x] pedir iconos y eliminar componentsla-icons ⚠️
    • [ ] iconos predeterminados ❓
  • [x] Modal
    • [x] Solid
  • [x] Paginacion
    • [x] custom Icon y eliminar componentsla-icons ⚠️
    • [x] Icon FirstButton y LastButton con sus funcionalidades
    • [x] icon opcional
    • [x] Arreglar variantes
    • [x] Get Page
    • [x] Arreglar el classItem
    • [x] disable
    • [x] iconos predeterminados ❓
  • [x] Tablas ❔
  • [x] Menu
    • [x] Posicionarse arriba, abajo, izquierda, derecha totalmente
    • [ ] Para mantener las variantes debe haber un outline, text y el contained
    • [x] Arreglar el position ⚠️
    • [x] Arreglar el open
    • [x] Solid
  • [x] Tabs
    • [x] Contexto para no pedir el value en cada tab
    • [ ] Vertical Tabs
    • [x] Solid
  • [x] Aside
    • [x] position fixed
    • [ ] grid colums 1 creo xd 1fr auto 1fr para el header y footer
    • [x] Solid
  • [x] Details
    • [x] Solid
• Universal
  • [ ] Animaciones
  • [ ] Standar de colores
  • [x] Remover JSX en los props de los componentes por ReactElement
  • [ ] Remover el ReactElement por ReactNode
  • [ ] Hacer Type para CustomClassNames
  • [ ] Añadir test para componentes
  • [x] componentes polymorficos
  • [x] useCallback y useMemo
  • [ ] resposive components
  • [ ] useRef en los componentes (principales button, typography, etc)
• Iconos
  • [ ] Añadir iconos
  • [x] Ponerlos en un solo archivo ⚠️
  • [x] Poner prop de color en hexadecimal
• Hooks
  • [x] useForm no valida los subObjetos
  • [ ] hacer que en mutate en el onSubmit se entrege la data en la funcion
  • [x] useDrop
    • [ ] inputProps