cada biblioteca para seu fim. Tentar forçar Ease em animações estruturais pode gerar resultados inesperados."}]]}]]}]]]}] 30:["$","section","7",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Instalando React Native Ease em 2 minutos"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Basta rodar npx expo install react-native-ease no terminal do seu projeto. Em projetos puros, utilize npm install react-native-ease e faça o build novamente para iOS e Android."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-blue-500/10 border-blue-500/20 text-blue-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-blue-400","children":[["$","span",null,{"children":"ℹ️"}],"Após instalar, lembre-se:"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Sempre recompilar sua aplicação para capturar as dependências nativas. No Expo, reinicie com “npx expo start --clear”."}]]}]]}]]]}] 31:["$","section","8",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Primeiras linhas: declarando uma animação com Ease"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"A API busca a clareza: para animar, basta trocar um componente pelo isView , passar a propriedade animate e a transition desejada. Não precisa criar estados ou shared values manualmente para transições simples."}]]]}] 32:["$","section","9",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Exemplo prático: substituindo velha animação por Ease"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Quer migrar de um fade-in feito com Reanimated para Ease? Troque o componente animado pelo isView , passe o novo valor de opacidade para animate e a transição via transition= . Todo o controle passa para o sistema — nada de worklet, nada de shared value."}]]]}] 33:["$","section","10",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Diferença sentida: animação que não trava quando a UI lagga"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Em demonstrações lado a lado, quando a thread da UI fica lenta, animações via Reanimated começam a apresentar glitches. Usando Ease, a transição ocorre sem engasgos, já que a lógica está fora do ciclo JavaScript."}]]]}] 34:["$","section","11",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Estudos de caso: apps monetizados com animações simplificadas"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Comunidades de devs já relatam ganhos diretos: apps publicados mais depressa, alunos lançando suas primeiras aplicações mobile e faturando acima de 6 dígitos, isso tudo graças a menos complexidade e mais foco no produto final."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-green-500/10 border-green-500/20 text-green-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-green-400","children":[["$","span",null,{"children":"✅"}],"Sucesso comprovado"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Menos código, menos bug: mais tempo para criar novas features com segurança e previsibilidade."}]]}]]}]]]}] 35:["$","section","12",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Dica Pro: quando combinar Ease e Reanimated"