Clean Architecture no React: Organizando seu código para escalar

A Clean Architecture é um conceito introduzido por Robert C. Martin (Uncle Bob) que nos ajuda a criar sistemas mais organizados e fáceis de manter.

Por que usar Clean Architecture?

Quando trabalhamos com projetos grandes, a organização do código se torna crucial. Sem uma estrutura clara, o código pode se tornar um "espaguete" difícil de entender e modificar.

Benefícios principais:

Estrutura de pastas sugerida

src/

domain/

entities/

usecases/

data/

repositories/

services/

presentation/

components/

pages/

hooks/

Exemplo prático

Vamos criar um caso de uso simples para buscar usuários:

// domain/usecases/GetUserUseCase.ts
export class GetUserUseCase {
  constructor(private userRepository: UserRepository) {}


  async execute(id: string): Promise {
    return this.userRepository.findById(id);
  }
}

Desta forma, separamos completamente a lógica de negócio da camada de apresentação.

Conclusão

Implementar Clean Architecture pode parecer trabalhoso no início, mas os benefícios a longo prazo são enormes. Comece aos poucos e vá adaptando conforme a necessidade do seu projeto.