Anderson LimaSoftware Engineer & Architect
4 de octubre de 2026
3 min de lectura
95 visualizaciones
Interface Segregation Principle (ISP) diz: clientes不应该 ser forçados a depender de interfaces que não usam. Traduzindo para o dia-a-dia: não crie contratos que carregam 47 campos quando o consumidor precisa de 3.
Esse princípio, que parece óbvio, é quebrado sistematicamente em sistemas médios e grandes. O resultado é acoplamento fantasma: mudar um campo quebra consumidores que nem usam aquele campo.
interface User {
id: string;
name: string;
email: string;
avatar: string;
bio: string;
followersCount: number;
followingCount: number;
postsCount: number;
isVerified: boolean;
preferences: UserPreferences;
settings: UserSettings;
// ... 30+ campos
}
async function getUserAvatar(userId: string): Promise<string> {
const user = await api.users.get(userId);
return user.avatar;
}
O endpoint /users/:id retorna User obesa. Para mostrar avatar, você busca 30 campos. Banco faz query pesada, rede transmite JSON grande, JS parseia objeto gigante, e você usa 1 campo.
interface UserSummary {
id: string;
name: string;
avatar: string;
}
interface UserProfile extends UserSummary {
bio: string;
followersCount: number;
followingCount: number;
postsCount: number;
}
interface UserSettings {
preferences: UserPreferences;
settings: UserSettings;
}
// Endpoint específico
app.get('/users/:id/summary', async (req, res) => {
const user = await db.users.findSummary(req.params.id);
res.json(user);
});
app.get('/users/:id/profile', async (req, res) => {
const user = await db.users.findProfile(req.params.id);
res.json(user);
});
Cada endpoint retorna só o que precisa. Cliente escolhe granularidade.
Productos gratuitos y de pago para convertir ideas en una base que puedas lanzar.
13 productos disponibles
nextjs · boilerplate
Boilerplate de API em Python com FastAPI, organizado em Clean Architecture (router, service, repository e adapters por módulo). Inclui autenticação JWT com hashing bcrypt, MongoDB, testes com pytest e cobertura, Dockerfile e docker-compose para subir localmente, e documentação Swagger/OpenAPI automática. Repositório de origem privado; snapshot técnico verificado antes da publicação.
Ver producto
react · boilerplate
Base React Native para apps iOS y Android con Expo, Clean Architecture, MVVM, Firebase y módulos nativos. Referencia técnica de VaiDeFut, con distribución pública en Google Play y un flujo de publicación para iOS documentado.
Ver producto
nextjs · boilerplate
Kit gratuito y open source para comenzar con agentes de código en Claude Code, Codex, Gemini, Copilot y OpenCode. El repositorio público confirma una licencia MIT.
Ver producto
nextjs · boilerplate
Base AI-first white-label para lanzar productos SaaS con Next.js, chat, RAG, memoria, tenants y documentación. El snapshot verificado documenta Supabase, no MongoDB; la limitación está explícita. MongoDB, Redis y RabbitMQ requieren una integración/configuración compatible.
Ver producto
nextjs · boilerplate
Edición avanzada de una base white-label y multi-tenant AI-first para acelerar productos con Next.js, chat, RAG, memoria y documentación. El snapshot verificado no demuestra una capa Ultra distinta; la limitación y los cambios de provider, cache y colas quedan transparentes.
Ver producto
nextjs · boilerplate
Base white-label y multi-tenant para convertir una idea en un SaaS AI-first con Next.js, chat, RAG, memoria y seguridad documentada. El snapshot verificado usa Supabase; el nombre identifica el repositorio de origen. Los límites de provider, cache y colas son explícitos; Redis y RabbitMQ son integraciones configurables.
Ver producto
react · portfolio
Una contribución única para apoyar contenido técnico gratuito, investigación y la continuidad de proyectos relevantes publicados por Anderson Lima. Tú eliges el valor; no es una suscripción.
Ver producto
react · boilerplate
Starter React gratuito para crear una suite de pruebas confiable desde el primer commit con Vitest, Testing Library, Playwright, Vite, TypeScript, Zustand, React Query, MirageJS y PWA. El repositorio no declara una licencia SPDX; revisa sus términos antes del uso comercial.
Ver producto
react · portfolio
Monorepo público en React, TypeScript y Vite para explorar una biblioteca de componentes con lenguaje visual inspirado en interfaces nativas. El README actual es breve y no declara una licencia SPDX; trátalo como preview gratuito.
Ver producto
nextjs · saas
Boilerplate SaaS AI-first con Next.js, Supabase, Stripe y provider routing para avanzar desde el primer prompt hasta un despliegue real más rápido. Los cambios de IA, datos, email, cache y colas son explícitos; Redis y RabbitMQ son integraciones configurables.
Ver producto
react · saas
Starter React + TypeScript para SaaS multi-tenant con Firebase, Atomic Design, temas, PWA, pantallas de producto, MirageJS y chat Gemini extensible a otros providers. Valida requisitos de producción, costes e integraciones antes de publicar.
Ver producto
react · boilerplate
Starter React público con TypeScript, Zustand, React Query, Tailwind CSS, PWA e integraciones de IA documentadas. El repositorio no declara una licencia SPDX; revisa sus términos antes del uso comercial.
Ver producto
nextjs · saas
Landing SaaS para Next.js, TypeScript y Tailwind CSS con SEO, temas, i18n, PWA y puntos de integración para auth, Stripe e IA. Una base clara para dejar atrás la pantalla en blanco y dar forma a tu propuesta.
Ver productoContinúa explorando temas similares
Guia robusto para aplicar Dependency Inversion Principle com ports and adapters, React Context, contract tests e observabilidade de adapters em produção.
A rule, an AI suggestion, and a human agent's decision, for the same synthetic ticket: only one of them can ever change the ticket's state. From that constraint, DeskPilot gains a typed…
Prompts são código. E código sem teste é dívida técnica. Aprenda a criar pipelines de avaliação automática para suas aplicações de IA.
Una lista de 47 puntos para encontrar errores, riesgos de seguridad y problemas de rendimiento antes del lanzamiento.
Templates probados en producción, usados por desarrolladores. Ahorra semanas de setup en tu próximo proyecto.
{
user(id: "123") {
name
avatar
}
}
Cliente pede exatamente o que precisa. Backend entrega. ISP nativo.
// ❌ Errado
function UserCard({ user }: { user: User }) {
return <div>{user.name}</div>;
}
// ✅ Certo
interface UserCardProps {
name: string;
avatar: string;
}
function UserCard({ name, avatar }: UserCardProps) {
return (
<div>
<img src={avatar} />
<span>{name}</span>
</div>
);
}
// Uso
<UserCard name={user.name} avatar={user.avatar} />
Componente declara exatamente o que precisa. Não força caller a buscar User inteira.
const selectUserName = (state: RootState) => state.user.name;
const selectUserAvatar = (state: RootState) => state.user.avatar;
function UserCard() {
const name = useSelector(selectUserName);
const avatar = useSelector(selectUserAvatar);
return <div><img src={avatar} />{name}</div>;
}
Componente depende de selectors mínimos. Mudança em state.user.bio não rerenderiza UserCard.
ISP tem custo. Aplicar sempre pode gerar overengineering.
ISP não é dogma. É heurística útil para evitar acoplamento fantasma. Quando você tem dúvida se deve segregar, considere o custo da segregação versus o custo do overfetching/acoplamento.
Na dúvida, comece segregado. Refatore para unificar se a segregação causar mais fricção que benefício.