ShadiAbu Hilal

Projeto a arquitetura de interfaces e das plataformas subjacentes — sistemas de design, centros de membros, internacionalização, CI/CD e ferramentas de que os engenheiros dependem.

2.6M+

2,6M+ descargas semanais

10

10 pacotes npm

20+

20 anos

138k

138 mil alcançados no Stack Overflow

// entregue em escala

rtl-detect · npm · VS Code · i18n

Sobre

Arquitetura com viés para a interface.

Sou Shadi Abu Hilal, engenheiro principal de UI na Broadcom. Fui arquiteto principal sénior na Yahoo e na Verizon Media, a desenhar sistemas web usados por milhões de pessoas.

A maior parte do meu código aberto vem de problemas de produção: direção de locale, CSS RTL, pipelines de build e ferramentas que outra pessoa usa num minuto. rtl-detect começou como um helper. Tornou-se uma dependência.

Escrevo no Stack Overflow quando uma resposta precisa vive mais do que uma reunião. Falo árabe e inglês, e vivo na Califórnia.

Competências

Línguas faladas: Árabe, inglês

Sistemas e arquitetura

  • Arquitetura de sistemas
  • Segurança e escalabilidade
  • Estratégias de cache
  • Frameworks personalizados
  • Automação CI/CD

Engenharia

  • Front-end (React, Redux, Angular, Web Components)
  • Back-end (Node.js, Java)
  • Mobile (SwiftUI, Kotlin Jetpack)
  • HTML, CSS, JavaScript, TypeScript
  • Unitários, funcionais, E2E, multibrowser
  • Testes de captura de tela
  • Internacionalização (i18n)
  • Suporte UI RTL

Liderança e processos

  • Liderar pelo exemplo
  • Agile / Scrum

O que faço

  • Arquitetar e rever projetos em grande escala e seguros
  • Colaborar com equipas de UX, PM, backend e UI
  • Gerir equipas Scrum e entrega
  • Liderar contratação, mentoria e coaching
  • Selecionar tecnologia e ferramentas para as equipas
  • Analisar sistemas e comportamento dos utilizadores
  • Configurar e melhorar pipelines CI/CD
  • Construir POCs para novas funcionalidades e produtos
  • Estabelecer e fazer cumprir padrões de código
  • Dar palestras técnicas, workshops e formação
  • Resolver bloqueios antes de pararem as equipas
  • Melhorar ambientes de desenvolvimento
  • Garantir que o código é testado antes de publicar

Funções

  1. Engenheiro principal de UI

    Broadcom

    2024 — agora

    Palo Alto, CA, EUA

  2. Arquiteto principal sénior

    Yahoo Inc.

    2021 — 2023

    Mountain View, CA, EUA

  3. Arquiteto principal sénior

    Verizon Media

    2019 — 2021

    San Jose, CA, EUA

  4. Engenheiro principal de desenvolvimento de software

    Verizon Media

    2019 — 2019

    Sunnyvale, CA, EUA

Formação

Licenciatura em Ciência da Computação

Princess Sumaya University for Technology

Amã, Jordânia

Honras e prémios

  • Best Poster — TechPulse 2012 (Yahoo)

    Artigo técnico e demo sobre processamento avançado de imagem com HTML5 Canvas na conferência técnica anual da Yahoo.

  • Super Star Team Award — 2011 (Yahoo)

    A mais alta distinção de equipa da Yahoo. Construímos Helwa — 10 milhões de utilizadores, 100M de pageviews por mês.

Patente

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

US IPCOM000243103D · Emitida a 15 set 2015

Últimos projetos de trabalho

Sistemas usados por milhões — da segurança VMware à escala Yahoo.

VMware vDefend SSP na Broadcom hoje. Centros de membros, painéis de privacidade e sistemas de design na Yahoo, AOL, TechCrunch, Engadget e mais.

  1. 01/Plataforma

    VMware vDefend Security Services Platform (SSP)

    Broadcom

    Engenheiro principal de UI na Broadcom — arquiteto o frontend para gestão do SSP e fluxos de segurança.

    VMware vDefend Security Services Platform — o centro operacional do vDefend no VMware Cloud Foundation. Centraliza inteligência de segurança, deteção e resposta de rede, prevenção de malware e serviços relacionados numa plataforma escalável.

    • Segurança
    • VMware Cloud Foundation
    • Plataforma
  2. 02/Plataforma

    A minha conta

    Yahoo

    React com componentes Web UI internos.

    Member Center 2.0 — a experiência de conta para Yahoo, AOL, TechCrunch e outras marcas Verizon Media. Arquitetei o frontend, estabeleci padrões centrais e desenhei CI/CD flexível para os repositórios.

    • React
    • Web Components
    • CI/CD

    Multimarca: substitua yahoo no URL por aol, techcrunch, engadget ou outras marcas suportadas.

  3. 03/Sistema de design

    Denali

    Yahoo

    Sistema de design temático usado em equipas de produto.

    Denali 2.0 — reconstruído de raiz para corrigir a fonte única de verdade no sistema de design. Arquitetei o núcleo e a implementação React.

    • Sistema de design
    • React
    • Temas
  4. 04/Plataforma

    Painel de privacidade

    Yahoo

    Arquitetei o projeto e implementei o código central.

    Privacy Dashboard para Yahoo, AOL, TechCrunch e outras marcas. Servidor frontend Java mais SPA React para desempenho, UX e menos chamadas API.

    • React
    • Java
    • Multimarca

    Multimarca: substitua yahoo no URL por aol, techcrunch, engadget ou outras marcas suportadas.

  5. 05/Kit de ferramentas

    Componentes web React e utilitários

    Yahoo

    Designs consistentes em superfícies de produto amplas. Não é código aberto.

    Biblioteca interna na Yahoo — componentes web React reutilizáveis (RTL, temas) e um pacote de utilitários com cliente REST, gestor de rotas e extensões a bibliotecas úteis.

    • Web Components
    • RTL
    • Temas

    Interno na Yahoo — não disponível publicamente.

Código aberto

  1. 01/npm

    rtl-detect

    2,6 milhões de descargas por semana. 295 dependentes.

    Uma biblioteca pequena que responde bem a uma pergunta: este locale é da direita para a esquerda? Centenas de pacotes dependem dela. É isto que a infraestrutura parece quando está bem feita.

    • i18n
    • RTL
    • Node.js
  2. 02/Extensão

    Claude Code Context Picker

    Contexto sem o ensaio. VS Code Marketplace.

    Escolha um ficheiro, uma linha ou um elemento vivo da página e envie-o para o Claude Code. Feito para o engenheiro mostrar ao modelo o que quer dizer, em vez de o descrever.

    • VS Code
    • Claude Code
    • Experiência do programador