Je conçois l'architecture des interfaces et des plateformes sous-jacentes — systèmes de design, centres membres, internationalisation, CI/CD et outils dont les ingénieurs dépendent.
2.6M+
2,6 M+ téléchargements / semaine
10
10 paquets npm
20+
20 ans
138k
138 k atteints sur Stack Overflow
// déployé à grande échelle
rtl-detect · npm · VS Code · i18n
À propos
Je suis Shadi Abu Hilal, ingénieur UI principal chez Broadcom. J'ai été architecte principal senior chez Yahoo et Verizon Media, concevant des systèmes web utilisés par des millions de personnes.
L'essentiel de mon open source vient de problèmes de production : direction de locale, CSS RTL, pipelines de build, et des outils qu'on prend en une minute. rtl-detect a commencé comme un helper. C'est devenu une dépendance.
J'écris sur Stack Overflow quand une réponse précise vit plus longtemps qu'une réunion. Je parle arabe et anglais, et j'habite en Californie.
Langues parlées: Arabe, anglais
Systèmes et architecture
Ingénierie
Leadership et processus
Ingénieur UI principal
Broadcom
2024 — aujourd'hui
Palo Alto, CA, États-Unis
Architecte principal senior
Yahoo Inc.
2021 — 2023
Mountain View, CA, États-Unis
Architecte principal senior
Verizon Media
2019 — 2021
San Jose, CA, États-Unis
Ingénieur principal en développement logiciel
Verizon Media
2019 — 2019
Sunnyvale, CA, États-Unis
Licence en informatique
Princess Sumaya University for Technology
Amman, Jordanie
Best Poster — TechPulse 2012 (Yahoo)
Article technique et démo sur le traitement d'image avancé avec HTML5 Canvas à la conférence technique annuelle de Yahoo.
Super Star Team Award — 2011 (Yahoo)
La plus haute distinction d'équipe chez Yahoo. Nous avons construit Helwa — 10 millions d'utilisateurs, 100 M de pages vues par mois.
Method and System for Rendering Advertisements within an Application on a Mobile Device
US IPCOM000243103D · Délivré le 15 sept. 2015
Derniers projets professionnels
VMware vDefend SSP chez Broadcom aujourd'hui. Centres membres, tableaux de bord de confidentialité et systèmes de design chez Yahoo, AOL, TechCrunch, Engadget et plus.
01/Plateforme
Broadcom
Ingénieur UI principal chez Broadcom — j'architecte le frontend pour la gestion SSP et les flux de sécurité.
VMware vDefend Security Services Platform — le centre opérationnel de vDefend sur VMware Cloud Foundation. Centralise l'intelligence de sécurité, la détection et réponse réseau, la prévention des malwares et les services associés sur une plateforme évolutive.
02/Plateforme
Yahoo
React avec composants Web UI internes.
Member Center 2.0 — l'expérience compte pour Yahoo, AOL, TechCrunch et d'autres marques Verizon Media. J'ai architecturé le frontend, établi les standards centraux et conçu un CI/CD flexible pour les dépôts.
Multimarque : remplacez yahoo dans l'URL par aol, techcrunch, engadget ou d'autres marques prises en charge.
03/Système de design
Yahoo
Système de design thématisable utilisé par les équipes produit.
Denali 2.0 — reconstruit de zéro pour corriger la source unique de vérité du système de design. J'ai architecturé le cœur et l'implémentation React.
04/Plateforme
Yahoo
Architecture du projet et implémentation du code central.
Privacy Dashboard pour Yahoo, AOL, TechCrunch et d'autres marques. Serveur frontend Java plus SPA React pour la performance, l'UX et moins d'appels API.
Multimarque : remplacez yahoo dans l'URL par aol, techcrunch, engadget ou d'autres marques prises en charge.
05/Boîte à outils
Yahoo
Designs cohérents sur de vastes surfaces produit. Pas open source.
Bibliothèque interne chez Yahoo — composants web React réutilisables (RTL, thèmes) et un paquet utils avec client REST, gestionnaire de routes et extensions à des bibliothèques utiles.
Interne chez Yahoo — non disponible publiquement.
Open source
01/npm
2,6 millions de téléchargements par semaine. 295 dépendants.
Une petite bibliothèque qui répond juste à une question : cette locale est-elle de droite à gauche ? Des centaines de paquets en dépendent. Voilà à quoi ressemble une infrastructure bien faite.
02/Extension
Du contexte, sans le roman. VS Code Marketplace.
Choisissez un fichier, une ligne ou un élément vivant de la page et envoyez-le à Claude Code. Pour qu'un ingénieur montre au modèle ce qu'il veut dire, au lieu de le décrire.