Loading...
Todo setup começa do mesmo jeito: use um projeto TypeScript existente, inicialize o Rocketicons na raiz e adicione o ID exato de um ícone.
Importe o componente gerado pelo alias adicionado ao tsconfig.json:
Sua ferramenta de build precisa entender o alias @. Se ela não ler os paths do TypeScript automaticamente, repita esse alias na configuração dela.
Execute os comandos no diretório com next.config.* e tsconfig.json. O Next.js lê aliases do TypeScript, então você pode usar o import gerado em Server ou Client Components, conforme o contexto do componente.
Execute os comandos ao lado de vite.config.*. Mantenha o path @/ri/* no TypeScript e configure o alias @ no Vite caso seu template ainda não faça isso.
Comece com um projeto Expo em TypeScript. Configure react-native-svg, NativeWind e a integração Tailwind do Rocketicons; depois inicialize e importe o mesmo componente local. O Metro também precisa resolver o alias @.
Rocketicons usa o core nativo gerado com react-native-svg. Configure React Native SVG, NativeWind, os caminhos de conteúdo do Tailwind e a resolução do alias antes de renderizar:
A CLI atual gera apenas TypeScript/TSX. Ela não configura bundlers, Metro, NativeWind ou React Native SVG para você.