ShadiAbu Hilal

Ich entwerfe die Architektur von Benutzeroberflächen und den zugrundeliegenden Plattformen — Designsysteme, Mitgliedszentren, Internationalisierung, CI/CD und Werkzeuge, auf die Ingenieure setzen.

2.6M+

2,6 Mio.+ Downloads / Woche

10

10 npm-Pakete

20+

20 Jahre

138k

138 Tsd. auf Stack Overflow erreicht

// im großen Maßstab ausgeliefert

rtl-detect · npm · VS Code · i18n

Über mich

Architektur mit einem Hang zur Oberfläche.

Ich bin Shadi Abu Hilal, Principal UI Engineer bei Broadcom. Jahre lang war ich Senior Principal Architect bei Yahoo und Verizon Media und habe Websysteme entworfen, die Millionen Menschen nutzen.

Der Großteil meines Open Source kommt aus Produktionsproblemen: Locale-Richtung, RTL-CSS, Build-Pipelines und Werkzeuge, die andere in einer Minute verstehen. rtl-detect begann als Helfer. Es wurde eine Abhängigkeit.

Ich schreibe auf Stack Overflow, wenn eine präzise Antwort länger lebt als ein Meeting. Ich spreche Arabisch und Englisch und lebe in Kalifornien.

Fähigkeiten

Gesprochene Sprachen: Arabisch, Englisch

Systeme & Architektur

  • Systemarchitektur
  • Sicherheit & Skalierbarkeit
  • Caching-Strategien
  • Eigene Frameworks
  • CI/CD-Automatisierung

Engineering

  • Front-end (React, Redux, Angular, Web Components)
  • Back-end (Node.js, Java)
  • Mobil (SwiftUI, Kotlin Jetpack)
  • HTML, CSS, JavaScript, TypeScript
  • Unit, funktional, E2E, Cross-Browser
  • Screenshot-Tests
  • Internationalisierung (i18n)
  • RTL-UI-Unterstützung

Führung & Prozesse

  • Mit gutem Beispiel vorangehen
  • Agile / Scrum

Was ich tue

  • Groß angelegte, sichere Projekte architektonieren und prüfen
  • Mit UX-, PM-, Backend- und UI-Teams zusammenarbeiten
  • Scrum-Teams und Auslieferung führen
  • Einstellung, Mentoring und Coaching leiten
  • Technologie und Werkzeuge für Teams auswählen
  • Systeme und Nutzerverhalten analysieren
  • CI/CD-Pipelines einrichten und verbessern
  • POCs für neue Features und Produkte bauen
  • Coding-Standards festlegen und durchsetzen
  • Tech-Talks, Workshops und Schulungen halten
  • Blocker lösen, bevor sie Teams ausbremsen
  • Entwicklungsumgebungen verbessern
  • Sicherstellen, dass Code vor dem Release getestet wird

Rollen

  1. Principal UI Engineer

    Broadcom

    2024 — heute

    Palo Alto, CA, USA

  2. Senior Principal Architect

    Yahoo Inc.

    2021 — 2023

    Mountain View, CA, USA

  3. Senior Principal Architect

    Verizon Media

    2019 — 2021

    San Jose, CA, USA

  4. Principal Software Development Engineer

    Verizon Media

    2019 — 2019

    Sunnyvale, CA, USA

Ausbildung

B.Sc. in Informatik

Princess Sumaya University for Technology

Amman, Jordanien

Auszeichnungen

  • Best Poster — TechPulse 2012 (Yahoo)

    Technisches Paper und Demo zu fortgeschrittener Bildverarbeitung mit HTML5 Canvas auf Yahoos jährlicher Technikkonferenz.

  • Super Star Team Award — 2011 (Yahoo)

    Yahoos höchste Teamauszeichnung. Wir bauten Helwa — 10 Millionen Nutzer, 100 Mio. Pageviews pro Monat.

Patent

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

US IPCOM000243103D · Erteilt am 15. Sep. 2015

Neueste Arbeitsprojekte

Systeme, die Millionen nutzen — von VMware-Sicherheit bis Yahoo-Maßstab.

VMware vDefend SSP bei Broadcom heute. Mitgliedszentren, Datenschutz-Dashboards und Designsysteme bei Yahoo, AOL, TechCrunch, Engadget und mehr.

  1. 01/Plattform

    VMware vDefend Security Services Platform (SSP)

    Broadcom

    Principal UI Engineer bei Broadcom — ich architektoniere das Frontend für SSP-Management und Security-Workflows.

    VMware vDefend Security Services Platform — der operative Hub für vDefend in VMware Cloud Foundation. Bündelt Security Intelligence, Network Detection and Response, Malware Prevention und verwandte Dienste auf einer skalierbaren Plattform.

    • Sicherheit
    • VMware Cloud Foundation
    • Plattform
  2. 02/Plattform

    Mein Konto

    Yahoo

    React mit internen Web-UI-Komponenten.

    Member Center 2.0 — die Kontoerfahrung für Yahoo, AOL, TechCrunch und andere Verizon-Media-Marken. Ich habe das Frontend architektoniert, Kernstandards aufgebaut und flexibles CI/CD für die Repos entworfen.

    • React
    • Web Components
    • CI/CD

    Multi-Brand: Ersetzen Sie yahoo in der URL durch aol, techcrunch, engadget oder andere unterstützte Marken.

  3. 04/Plattform

    Datenschutz-Dashboard

    Yahoo

    Projekt architektoniert und Kerncode implementiert.

    Privacy Dashboard für Yahoo, AOL, TechCrunch und andere Marken. Java-Frontend-Server plus React-SPA für Performance, UX und weniger API-Aufrufe.

    • React
    • Java
    • Multi-Brand

    Multi-Brand: Ersetzen Sie yahoo in der URL durch aol, techcrunch, engadget oder andere unterstützte Marken.

  4. 05/Toolkit

    React-Webkomponenten & Utilities

    Yahoo

    Konsistente Designs über große Produktflächen. Kein Open Source.

    Interne Bibliothek bei Yahoo — wiederverwendbare React-Webkomponenten (RTL, Themes) und ein Utils-Paket mit REST-Client, Route Manager und Erweiterungen nützlicher Bibliotheken.

    • Web Components
    • RTL
    • Themes

    Intern bei Yahoo — nicht öffentlich verfügbar.

Open Source

  1. 01/npm

    rtl-detect

    2,6 Millionen Downloads pro Woche. 295 Abhängige.

    Eine kleine Bibliothek, die eine Frage richtig beantwortet: Ist diese Locale rechts-nach-links? Hunderte Pakete hängen davon ab. So sieht Infrastruktur aus, wenn sie gut gemacht ist.

    • i18n
    • RTL
    • Node.js
  2. 02/Erweiterung

    Claude Code Context Picker

    Kontext ohne den Aufsatz. VS Code Marketplace.

    Datei, Zeile oder ein lebendes Element auf der Seite wählen und an Claude Code senden. Damit ein Ingenieur dem Modell zeigt, was gemeint ist — statt es zu beschreiben.

    • VS Code
    • Claude Code
    • Entwicklererlebnis