CODEDOJO / JOURNAL
Ideas que merecen
convertirse en código.
Patrones, decisiones y técnicas para entender mejor el software que construyes.
55 artículos · una biblioteca para seguir creciendoAdvanced TypeScript Patterns for React
Master TypeScript with React: Generic components, utility types, type inference, discriminated unions.
Leer artículo ↗Explora el cuaderno
55 artículos
React Patterns
Learn fundamental React patterns: Compound Components, HOCs, Custom Hooks, Render Props, and more.
Composition Pattern
Learn the composition pattern and how to build reusable, flexible React components.
Container/Presentational Pattern
The 'Secret Sauce' for scalable React apps. Learn how to separate logic from UI.
Advanced React Hooks & Patterns
Senior-level patterns that solve real production problems: Performance, Visual Stability, and Race Conditions.
Advanced React Concepts
Senior-level documentation focusing on the why (architecture/trade-offs) rather than just the how.
React Design Patterns 2025
Comprehensive guide to React design patterns and best practices for 2025.
React Concurrent Features & Suspense
Deep dive into React 18+ concurrent features: Suspense, useDeferredValue, useTransition.
Server Components & React Server Components
Next.js 13+ Server Components: When to use Server vs Client components.
React Internals & Advanced Concepts
Understand React's internals: Fiber architecture, reconciliation algorithm.
Vercel React Best Practices
45+ performance rules from Vercel: waterfalls, bundle size, server-side, client data, re-renders, rendering, JavaScript, and advanced patterns. Editable code with live preview.
Performance Optimization
Master React performance optimization techniques: Code-Splitting, useCallback, useMemo, and more.
Advanced Code Splitting & Bundling
Master code splitting strategies: Route-based splitting, component-based splitting, dynamic imports.
Performance Monitoring & Optimization
Measure and optimize React performance: React DevTools Profiler, Web Vitals, bundle analysis.
Rendimiento Web y Core Web Vitals
Master web performance optimization. Learn Critical Rendering Path optimization, resource hints.
Mejores Prácticas y Patrones de Next.js
Complete Next.js guide: App Router, Server Components, data fetching, caching, optimization, and production-ready patterns used by senior engineers.
AWS Cloud: De Cero a Héroe
Complete AWS guide from fundamentals to advanced: Core services, architecture patterns, security & IAM.
Edge Computing y Edge Functions: El Futuro de las Aplicaciones de Baja Latencia
Master edge computing architecture: Vercel Edge Functions, Cloudflare Workers, edge caching strategies.
Terraform: Maestría en Infraestructura como Código
Complete Terraform guide from fundamentals to advanced: Infrastructure as Code, state management, modules, workspaces, and production patterns.
Docker from Zero to Hero
Practical Docker tutorial from zero to hero: images, containers, Dockerfile, volumes, networking, Docker Compose, and multi-stage builds. Includes code editor examples and hands-on challenges to evaluate your knowledge.
Kubernetes: De Cero a Héroe
Practical Kubernetes tutorial: kind, Pods, Deployments, Services, Ingress, ConfigMaps/Secrets, Volumes, namespaces, HPA, Jobs/CronJobs, debugging, Helm. Code editor examples and 12 challenges (Beginner → Advanced) to evaluate your knowledge.
Aplicaciones Serverless: Guía Completa
Understand serverless architecture from core concepts to production patterns. Learn FaaS, event-driven pipelines, async workers, managed services, cold starts, design principles, and when serverless is the right choice. Animated diagrams and interactive challenges.
Gradle From Zero to Hero
Practical Gradle tutorial with Kotlin DSL: wrapper, tasks, plugins, dependencies, multi-module, version catalogs, and challenges to evaluate knowledge.
Testing Strategies & Patterns
Comprehensive testing guide: Unit, Integration, E2E testing with React Testing Library, Jest, Vitest, Playwright.
Mejores Prácticas de Revisión de Código
Master the art of code review: Effective PR reviews, providing constructive feedback, reviewing architecture decisions.
Error Boundaries & Error Handling Patterns
Master production-grade error handling: Error Boundaries, error recovery strategies, error reporting.
React Security Best Practices
Secure React applications: XSS prevention, CSRF protection, authentication patterns, authorization.
Patrones de Autenticación y Autorización
Master production-grade authentication and authorization. Learn JWT, OAuth 2.0, session management.
State Management in 2025
Learn modern React state management: Immer for immutable updates, Zustand for shared state.
React Query: Production Patterns
Production-grade React Query patterns: Optimistic Updates, Race Condition handling, Data Transformation.
API Layer Architecture
Build production-ready API layers: Separation of concerns, custom hooks for API, TypeScript with API.
Design Patterns
Learn essential design patterns: Singleton, Factory, Observer, Strategy, Decorator, and more.
SOLID Principles
Master SOLID principles for clean, maintainable code: Single Responsibility, Open/Closed, Liskov Substitution.
Advanced Patterns: Design System Foundations
Render Props, Wrapper Components, and Polymorphic Components are the building blocks of Design Systems.
Micro-Frontends Architecture
Build scalable micro-frontend architectures: Module Federation, single-spa, independent deployments.
Migration & Refactoring Patterns
Strategies for migrating legacy React code: Class to Hooks migration, Redux to modern state management.
Refactoring Guru: Code Smells
Learn about code smells and refactoring techniques from Refactoring.Guru. Understand Refused Bequest and other object-orientation abusers.
Patrones de Diseño Frontend que Realmente Funcionan en 2026
Master the most effective frontend design patterns for 2026: Atomic Design, Signals vs Context API, Container Queries, Dark Mode theming, Progressive Disclosure, AI-enhanced workflows, lazy loading, tree shaking, and accessibility-first components. Executable code examples included.
How LLMs Work: Behind the Scenes
Explore the inner workings of Large Language Models (LLMs). Learn about Transformer architecture, attention mechanisms, training, and how these systems intelligently generate text.
Advanced TypeScript Patterns for React
Master TypeScript with React: Generic components, utility types, type inference, discriminated unions.
Habilidades Blandas y Comunicación para Desarrolladores Senior
Master the soft skills that define senior developers: Communication strategies, asking effective questions.
Preparación para Entrevistas: Guía Completa para Desarrolladores
Master technical interviews, system design, coding patterns, and behavioral interviews.
Kotlin Multiplatform UI Patterns
Practical Compose Multiplatform techniques to ship one shared UI codebase across Android, iOS, and Desktop.
Flutter vs React Native vs Kotlin Multiplatform: La Guía del Arquitecto 2026
Comprehensive architectural analysis comparing Flutter, React Native, and Kotlin Multiplatform in 2026.
Kotlin Coroutines & Channels: Zero to Hero
Guide aligned with the official Kotlin Coroutines docs: kotlinx.coroutines (launch, async), suspending functions (safer than futures), Coroutines basics, Cancellation and timeouts, Composing suspending functions, Context and dispatchers, Channels, Exceptions, Select (experimental), plus Flow/Android references.
Spring Core with Kotlin: Gold Standard (Phase 1–7)
Gold Standard curriculum for Senior Spring Engineers. Phase 1: DI, Lifecycle, @Configuration vs @Component, Scopes, BeanPostProcessors, Starter. Phase 2: MVC—DTOs, @ControllerAdvice, Filters vs Interceptors, validation, Perfect API. Phase 3: N+1, JOIN FETCH / @EntityGraph, propagation & proxy, @Version, High-Load Optimizer. Phase 4: OAuth2/OIDC, JWT, filter chain, @PreAuthorize, CORS, Secure Vault. Phase 5: Coroutines, WebClient, Kafka/Rabbit, DLQ, Outbox, Reliable Notifier. Phase 6: Actuator, MDC, Micrometer, tracing, Glass Box. Phase 7: Modular Monolith, packaging by feature, DDD lite, testing pyramid, Refactor capstone. Course completion.
Spring Reactive with Kotlin: Master Course
Master Spring WebFlux with Kotlin: Mono, Flux, map vs flatMap, Zip & Tuples, and the reactive mindset. Step-by-step fundamentals plus challenge sections to solve code.
Spring Boot Reactive with Kotlin & MongoDB
Zero to Hero: transition from blocking apps to non-blocking Reactive Mongo. Architecture, @Document models, ReactiveMongoRepository, services with flatMap/switchIfEmpty, WebFlux controllers, ReactiveMongoTemplate, and a Reactive Blog Engine capstone.
Dominando Spring Reactive Programming
Comprehensive guide to reactive programming with Spring: Reactive Manifesto, Project Reactor, Mono & Flux, backpressure, reactive streams, Spring WebFlux, and real-world reactive patterns with Kotlin code examples.
Accessibility Patterns & Best Practices
Build accessible React applications following WCAG guidelines. Learn ARIA patterns, keyboard navigation.
Internationalization (i18n) Patterns
Build multilingual React applications: react-i18next, date/time formatting, RTL support.
Animation & Transition Patterns
Smooth animations in React: Framer Motion, React Spring, CSS transitions, layout animations.
Form Management & Validation Patterns
Production-ready form handling: React Hook Form, Formik, Zod validation, complex form patterns.
Sistemas de Diseño y Bibliotecas de Componentes
Build production-grade design systems from scratch. Learn Storybook patterns, component documentation.
Git Worktrees y Claude Code: Guía Completa
Master git worktrees for parallel development with Claude Code. Learn worktree lifecycle, subagent isolation, batch processing, hook configurations, and multi-branch workflows.
Estructuras de Datos y Algoritmos: Guía Completa
Comprehensive guide to data structures and algorithms with executable TypeScript and Kotlin code examples. Master arrays, linked lists, stacks, queues, trees, graphs, sorting, searching, and dynamic programming.