@juancarllos-ui/react NPM

Criado por Juan Carlos

Getting Started

Basic Template

Você pode criar um novo aplicativo React usando create-react-app .

npx create-react-app my-app

Adicionar `@juancarllos-ui/react` a um aplicativo existente

Primeiro de tudo, você precisa adicionar a dependência @juancarllos-ui/react ao seu projeto.

npm install @juancarllos-ui/react

Para usar @juancarllos-ui/react, você deve agrupar o componente raiz do seu aplicativo no ThemeProvider. Você provavelmente encontrará esse componente em src/index.js:

import { ThemeProvider } from '@juancarllos-ui/react';
...
const root = createRoot(document.getElementById("root"));
root.render(
  <ThemeProvider>
    <App />
  </ThemeProvider>
);

Caso você esteja usando um projeto Next.js, você seguir o seguinte passo: Dentro do arquivo _document.tsx

import { getCssText } from "@juancarllos-ui/react";
import { Html, Head, Main, NextScript } from "next/document";

export default function Document() {
  return (
    <Html lang="en">
      <Head>
        <style
          id="stitches"
          dangerouslySetInnerHTML={{ __html: getCssText() }}
        />
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
}

Então você está pronto para usar @juancarllos-ui/react e pode importar o(s) componente(s) desejado(s) em seu aplicativo: Por exemplo, para usar o componente Button, você precisa importá-lo:

import { Button } from "@juancarllos-ui/react";

Em seguida, você pode usar o botão em seu aplicativo:

<Button onClick={() => alert("Hello World!")}>Hello world!</Button>

Support

Estou buscondo melhorar minha biblioteca, adicionando novos recursos e funcionalidades para garantir que ela esteja sempre atualizada com as últimas tendências e tecnologias. Além disso, aprecio muito sugestões e ideias dos usuários, pois isso me ajuda a tornar minha biblioteca ainda melhor.

Caso tenha alguma ideia ou sugestão para melhorar a biblioteca, por favor, entre em contato comigo através das minhas redes sociais:

LinkedIn: https://www.linkedin.com/in/juancarlos13/

Instagram: https://www.instagram.com/juan.carllos_/

GitHub: https://github.com/JuanCarllos13

Agradeço por utilizar minha biblioteca e espero que ela ajude.

@radix-ui/react-avatar @radix-ui/react-checkbox @stitches/react phosphor-react

@everything-registry/sub-chunk-502 @juancarllos-ui/docs

3.0.0

10 months ago

2.0.0

10 months ago

1.1.3