frontend
Frontend-Engineering-Praktiken, HTML-, CSS-, JavaScript-Frameworks, Performance, Barrierefreiheit und Benutzeroberflächendesign.
3 Artikel
Ein Mittagsgespräch hat meine Website verändert
Zusammenfassung Wie ein beiläufiges Mittagsgespräch zum Neubau dieser Website mit Astro führte, den gesamten Stack modernisierte und sie als persönliche digitale Werkstatt statt traditionellem Portfolio neu dachte.
Einige der spannendsten Projekte, an denen ich gearbeitet haben, begannen in überraschend alltäglichen Momenten. Ein Gespräch führt zu einer neuen Idee, jemand teilt eine Erfahrung aus seiner Arbeit, oder ich stoße auf einen anderen Ansatz für ein vertrautes Problem. Das Gespräch endet irgendwann, alle kehren zu ihrer täglichen Arbeit zurück, doch eine kleine Idee bleibt weiter in meinen Gedanken. In den folgenden Tagen wächst diese Idee langsam zu Dokumentation, Notizen, Experimenten und gelegentlich zu einem völlig neuen Projekt zurück. Wenn ich zurückblicke, kann ich viele meiner liebsten Lernerfahrungen genau auf solche Momente zurückführen, und der Neubau meiner persönlichen Website wurde eine weitere dieser unerwarteten Reisen.
Weiterlesen →Portfolio, ein leichter persönlicher Portfolio-Tracker
frontend
Ammar Najjar · 12. Dezember 2025 · 5 Min. LesezeitZusammenfassung Dieser Beitrag erklärt Design und Implementierung eines einfachen browserbasierten Portfolio-Trackers mit React, TypeScript und Vite inklusive Anforderungen, Herausforderungen und Lösungen für State-Handling, Caching und Charts.
Dieser Beitrag beschreibt Design und Implementierung eines browser-first Portfolio-Trackers. Im Fokus: Anforderungen, die Herausforderungen während der Entwicklung und wie die finale Lösung diese adressiert, mit Code-Snippets zu Zustandsverwaltung, Caching und Diagramminteraktion.
Weiterlesen →Reactjs: Arrays in jsx
frontendAmmar Najjar · 24. November 2019 · 1 Min. LesezeitZusammenfassung Kurzer Tipp zur Verwendung von JavaScript array.map zum Rendern dynamischer Elementlisten in JSX statt hartcodierten Wiederholungen, für saubereren und wartbareren React-Code, wie im Tic-Tac-Toe-Beispiel gezeigt.
Als ich vor einigen Monaten das Reactjs Tutorial ausprobiert habe, ist mir aufgefallen, dass im offiziellen Startercode dieselben div-Elemente in der Methode render() wiederholt werden. Falls sich am Quellcode etwas ändert, liste ich ihn hier auf:
Weiterlesen →