T

Tagtics

Visão geral

  • Introdução
  • Recursos
  • Stack tecnológica

Implementações

  • Visão geral do client
  • React / Next.js
  • Vue 3
  • Angular
  • Svelte
  • Solid.js
  • Vanilla JS / HTML
Docs
Voltar ao app
ImplementaçõesReact / Next.js
Guia de implementação

Integração React / Next.js

Integre o Tagtics com hooks modernos de ciclo de vida. O client lida automaticamente com mudanças de rota para você.

Inicialização

Chame init quando o app montar e destroy quando desmontar para evitar vazamentos de memória.

import { useEffect } from 'react';

function App() {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'https://cdn.tagtics.online/client.js';
    script.async = true;
    script.onload = () => {
      window.Tagtics?.init({ apiKey: 'YOUR_API_KEY' });
    };
    document.body.appendChild(script);

    return () => {
      window.Tagtics?.destroy();
      script.remove();
    };
  }, []);

  return <YourApp />;
}