ShadiAbu Hilal

Diseño la arquitectura de interfaces y de las plataformas subyacentes — sistemas de diseño, centros de miembros, internacionalización, CI/CD y herramientas de las que dependen los ingenieros.

2.6M+

2,6M+ descargas semanales

10

10 paquetes npm

20+

20 años

138k

138k alcanzados en Stack Overflow

// desplegado a escala

rtl-detect · npm · VS Code · i18n

Sobre mí

Arquitectura con sesgo por la interfaz.

Soy Shadi Abu Hilal, ingeniero principal de UI en Broadcom. Fui arquitecto principal sénior en Yahoo y Verizon Media, diseñando sistemas web usados por millones de personas.

Casi todo mi código abierto nace de problemas de producción: dirección de locale, CSS RTL, pipelines de build y herramientas que otra persona puede usar en un minuto. rtl-detect empezó como un helper. Se volvió una dependencia.

Escribo en Stack Overflow cuando una respuesta precisa vive más que una reunión. Hablo árabe e inglés, y vivo en California.

Habilidades

Idiomas hablados: Árabe, inglés

Sistemas y arquitectura

  • Arquitectura de sistemas
  • Seguridad y escalabilidad
  • Estrategias de caché
  • Frameworks personalizados
  • Automatización CI/CD

Ingeniería

  • Front-end (React, Redux, Angular, Web Components)
  • Back-end (Node.js, Java)
  • Móvil (SwiftUI, Kotlin Jetpack)
  • HTML, CSS, JavaScript, TypeScript
  • Unitarias, funcionales, E2E, multibrowser
  • Pruebas de capturas de pantalla
  • Internacionalización (i18n)
  • Soporte UI RTL

Liderazgo y procesos

  • Liderar con el ejemplo
  • Agile / Scrum

Qué hago

  • Arquitectar y revisar proyectos a gran escala y seguros
  • Colaborar con equipos de UX, PM, backend y UI
  • Gestionar equipos Scrum y la entrega
  • Liderar contratación, mentoría y coaching
  • Seleccionar tecnología y herramientas para los equipos
  • Analizar sistemas y comportamiento de usuarios
  • Configurar y mejorar pipelines CI/CD
  • Construir POCs para nuevas funciones y productos
  • Establecer y hacer cumplir estándares de código
  • Dar charlas técnicas, talleres y formación
  • Resolver bloqueos antes de que frenen a los equipos
  • Mejorar entornos de desarrollo
  • Asegurar que el código se pruebe antes de publicarse

Roles

  1. Ingeniero principal de UI

    Broadcom

    2024 — hoy

    Palo Alto, CA, EE. UU.

  2. Arquitecto principal sénior

    Yahoo Inc.

    2021 — 2023

    Mountain View, CA, EE. UU.

  3. Arquitecto principal sénior

    Verizon Media

    2019 — 2021

    San José, CA, EE. UU.

  4. Ingeniero principal de desarrollo de software

    Verizon Media

    2019 — 2019

    Sunnyvale, CA, EE. UU.

Formación

Grado en Ciencias de la Computación

Princess Sumaya University for Technology

Amán, Jordania

Honores y premios

  • Best Poster — TechPulse 2012 (Yahoo)

    Artículo técnico y demo sobre procesamiento avanzado de imágenes con HTML5 Canvas en la conferencia técnica anual de Yahoo.

  • Super Star Team Award — 2011 (Yahoo)

    El mayor honor de equipo de Yahoo. Construimos Helwa — 10 millones de usuarios, 100M de visitas de página al mes.

Patente

Method and System for Rendering Advertisements within an Application on a Mobile Device

US IPCOM000243103D · Emitida el 15 sep 2015

Últimos proyectos de trabajo

Sistemas usados por millones — de seguridad VMware a escala Yahoo.

VMware vDefend SSP en Broadcom hoy. Centros de miembros, paneles de privacidad y sistemas de diseño en Yahoo, AOL, TechCrunch, Engadget y más.

  1. 01/Plataforma

    VMware vDefend Security Services Platform (SSP)

    Broadcom

    Ingeniero principal de UI en Broadcom — arquitecto del frontend para la gestión de SSP y flujos de seguridad.

    VMware vDefend Security Services Platform — el centro operativo de vDefend en VMware Cloud Foundation. Centraliza inteligencia de seguridad, detección y respuesta en red, prevención de malware y servicios relacionados en una plataforma escalable.

    • Seguridad
    • VMware Cloud Foundation
    • Plataforma
  2. 02/Plataforma

    Mi cuenta

    Yahoo

    React con componentes Web UI internos.

    Member Center 2.0 — la experiencia de cuenta para Yahoo, AOL, TechCrunch y otras marcas de Verizon Media. Arquitecté el frontend, establecí estándares centrales y diseñé CI/CD flexible para los repos.

    • React
    • Web Components
    • CI/CD

    Multimarca: sustituye yahoo en la URL por aol, techcrunch, engadget u otras marcas compatibles.

  3. 04/Plataforma

    Panel de privacidad

    Yahoo

    Arquitecté el proyecto e implementé el código central.

    Privacy Dashboard para Yahoo, AOL, TechCrunch y otras marcas. Servidor frontend en Java más SPA en React para rendimiento, UX y menos llamadas a la API.

    • React
    • Java
    • Multimarca

    Multimarca: sustituye yahoo en la URL por aol, techcrunch, engadget u otras marcas compatibles.

  4. 05/Kit de herramientas

    Componentes web React y utilidades

    Yahoo

    Diseños coherentes en superficies de producto amplias. No es código abierto.

    Biblioteca interna en Yahoo — componentes web React reutilizables (RTL, temas) y un paquete de utilidades con cliente REST, gestor de rutas y extensiones a bibliotecas útiles.

    • Web Components
    • RTL
    • Temas

    Interno en Yahoo — no disponible públicamente.

Código abierto

  1. 01/npm

    rtl-detect

    2,6 millones de descargas semanales. 295 dependientes.

    Una biblioteca pequeña que responde bien una pregunta: ¿este locale es de derecha a izquierda? Cientos de paquetes dependen de ella. Así se ve la infraestructura cuando está bien hecha.

    • i18n
    • RTL
    • Node.js
  2. 02/Extensión

    Claude Code Context Picker

    Contexto sin el ensayo. VS Code Marketplace.

    Elige un archivo, una línea o un elemento vivo de la página y envíalo a Claude Code. Hecha para que un ingeniero muestre al modelo lo que quiere decir, en lugar de describirlo.

    • VS Code
    • Claude Code
    • Experiencia de desarrollador