Ja, das ist eine React-Komponente, aber unabhängig davon, ob Sie sich für diesen Teil interessieren oder nicht, könnte der Teil „ideale Bildkomponente“ von Interesse sein. Es gibt viel zu bedenken, wie wir heute Bilder auf Webseiten einfügen. Dies befasst sich mit
- Platzhalterbereich (und dann flexible responsive Stile nach dem Laden)
- Platzhalterbilder von geringer Qualität
- Responsive Bilder Syntax (
srcset) - Bildformate (z. B. WebP verwenden, wenn möglich)
- Klick zum Laden bei schlechten Netzwerkverbindungen
- Bessere UX für Ladefehler, mit übersetzbarem Text
Das ist noch nicht alles. Viel zu bedenken bei dem armen kleinen <img>. Ich mochte die Antwort von Alejandro Sanchez
Die Readme-Datei für diese Komponente ist erstaunlich, um Ihnen beizubringen, wie Sie wie ein Frontend-Entwickler denken.
— Alejandro Sanchez (@alesanchezr) 12. Juni 2018