2f:["$","section","3",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Cada Flag Explicada com Exemplos"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Vamos ver o que cada flag faz na prática. Código real mostra melhor que descrições abstratas."}],["$","h3","1",{"className":"text-xl font-semibold text-white mb-4","children":"strictNullChecks — A Flag Mais Impactante"}],["$","div","2",{"dangerouslySetInnerHTML":{"__html":"

// SEM strictNullChecks (perigoso)\nfunction buscarUsuario(id: string): User {\n  // Pode retornar undefined, mas o tipo diz User\n  return database.find(u => u.id === id);\n}\n\nconst user = buscarUsuario('123');\nconsole.log(user.name); // Runtime error: Cannot read property 'name' of undefined\n\n// COM strictNullChecks (seguro)\nfunction buscarUsuario(id: string): User | undefined {\n  return database.find(u => u.id === id);\n}\n\nconst user = buscarUsuario('123');\n// console.log(user.name); // Erro de compilação!\n\n// Jeito correto:\nif (user) {\n  console.log(user.name); // OK - TypeScript sabe que não é undefined\n}\n\n// Ou com optional chaining:\nconsole.log(user?.name ?? 'Usuário não encontrado');\n

"}}],["$","p","3",{"className":"text-gray-300 leading-relaxed mb-6","children":"Essa flag sozinha previne a maioria dos erros de 'Cannot read property of undefined'. O TypeScript te obriga a verificar null/undefined antes de acessar propriedades. Parece chato, mas cada verificação é um bug a menos em produção."}],["$","h3","4",{"className":"text-xl font-semibold text-white mb-4","children":"noImplicitAny — Nada de Any Escondido"}],["$","div","5",{"dangerouslySetInnerHTML":{"__html":"

// SEM noImplicitAny (o TypeScript aceita calado)\nfunction processar(dados) {\n  // 'dados' é implicitamente 'any'\n  // Qualquer operação passa sem checagem\n  return dados.map(item => item.valor * 2);\n}\n\n// COM noImplicitAny (TypeScript exige tipo)\nfunction processar(dados) {\n  // Erro: Parameter 'dados' implicitly has an 'any' type\n}\n\n// Jeito correto:\ninterface Item {\n  valor: number;\n}\n\nfunction processar(dados: Item[]): number[] {\n  return dados.map(item => item.valor * 2);\n}\n\n// Agora se alguém passa um array de strings, o compilador barra\n// processar(['a', 'b']); // Erro de compilação\n

"}}],["$","h3","6",{"className":"text-xl font-semibold text-white mb-4","children":"strictFunctionTypes — Compatibilidade de Funções"}],["$","div","7",{"dangerouslySetInnerHTML":{"__html":"

// strictFunctionTypes verifica compatibilidade de callbacks\n\ninterface Animal {\n  nome: string;\n}\n\ninterface Cachorro extends Animal {\n  raca: string;\n}\n\n// SEM strictFunctionTypes (deixa passar)\ntype Handler = (animal: Animal) => void;\n\nconst handleCachorro: Handler = (cachorro: Cachorro) => {\n  console.log(cachorro.raca); // Perigoso! Nem todo Animal tem raca\n};\n\n// COM strictFunctionTypes (barra)\nconst handleCachorro: Handler = (cachorro: Cachorro) => {\n  // Erro: Type '(cachorro: Cachorro) => void' is not assignable\n  // to type 'Handler'\n  console.log(cachorro.raca);\n};\n\n// Jeito correto: use Animal e verifique\nconst handleAnimal: Handler = (animal: Animal) => {\n  if ('raca' in animal) {\n    console.log((animal as Cachorro).raca);\n  }\n};\n

"}}],"$L39","$L3a","$L3b","$L3c","$L3d"]]}]