{"id":83730,"date":"2022-10-04T01:48:00","date_gmt":"2022-10-03T23:48:00","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/avanzando-en-el-ecosistema-del-framework\/"},"modified":"2020-09-17T02:10:45","modified_gmt":"2020-09-17T05:10:45","slug":"avanzando-en-el-ecosistema-del-framework","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/dev\/avanzando-en-el-ecosistema-del-framework\/","title":{"rendered":"Weiterentwicklung des Framework-\u00d6kosystems"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Inhaltsverzeichnis umschalten\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Umschalten<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/avanzando-en-el-ecosistema-del-framework\/#%C2%BFComo-mejoramos-la-web\" >Wie verbessern wir das Web?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/avanzando-en-el-ecosistema-del-framework\/#Contribuciones-a-los-marcos-web\" >Beitr\u00e4ge zu Web-Frameworks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/avanzando-en-el-ecosistema-del-framework\/#Angular\" >Winkelig<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/avanzando-en-el-ecosistema-del-framework\/#Nextjs\" >Next.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/avanzando-en-el-ecosistema-del-framework\/#Nuxtjs\" >Nuxt.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/avanzando-en-el-ecosistema-del-framework\/#Babel\" >Babel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/avanzando-en-el-ecosistema-del-framework\/#%C2%BFQue-sigue\" >Was kommt als n\u00e4chstes?<\/a><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Chrome arbeitet mit Open Source-Frameworks zusammen, um auf ein besseres Web hinzuarbeiten<\/p>\n<p>\n          <time>8. Januar 2020<\/time><\/p>\n<\/header>\n<p>Chrome leistet einen aktiven Beitrag zum Web-Framework-\u00d6kosystem. Unser Vortrag auf dem Chrome Dev Summit 2019 behandelt, woran wir im letzten Jahr gearbeitet haben.<\/p>\n<p>\n  <iframe loading=\"lazy\" title=\"Weiterentwicklung des Web-Framework-\u00d6kosystems (Chrome Dev Summit 2019)\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/QDljY2I1Pfw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/p>\n<p>Lesen Sie weiter, um eine ausf\u00fchrliche Zusammenfassung des Vortrags mit zus\u00e4tzlichen Details und Ressourcen zu erhalten.<\/p>\n<h2 id=\"how-do-we-make-the-web-better\"><span class=\"ez-toc-section\" id=\"%C2%BFComo-mejoramos-la-web\"><\/span>Wie verbessern wir das Web? <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Das Ziel jedes Mitglieds des Chrome-Teams ist es, das Web zu verbessern. Wir arbeiten daran, die Browser-APIs und V8, die Kern-JavaScript- und WebAssembly-Engine f\u00fcr Chrome, zu verbessern. Entwickler sind daher mit Funktionen ausgestattet, mit denen sie gro\u00dfartige Webseiten erstellen k\u00f6nnen. Wir versuchen auch, die Websites, die bereits heute in Produktion sind, zu verbessern, indem wir in vielerlei Hinsicht zu Open Source-Tools beitragen.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/almanac.httparchive.org\/en\/2019\/javascript#open-source-libraries-and-frameworks\">Die meisten Webentwickler<\/a><br \/>\nSie verlassen sich nach M\u00f6glichkeit auf Open Source-Tools und ziehen es vor, keine vollst\u00e4ndig benutzerdefinierte Infrastruktur aufzubauen. Clientseitige JavaScript-Frameworks und UI-Bibliotheken machen einen wachsenden Anteil der Open Source-Nutzung aus. Fakten zu den drei beliebtesten clientseitigen Frameworks und Bibliotheken,<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/reactjs.org\/\">Reagieren<\/a>, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/angular.io\/\">Winkelig<\/a>y <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/vuejs.org\/\">Vue<\/a>, zeigt, dass:<\/p>\n<ul>\n<li>72% der Teilnehmer an der<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/hacks.mozilla.org\/2019\/12\/presenting-the-mdn-web-developer-needs-assessment-web-dna-report\/\">MDNs erste j\u00e4hrliche Umfrage f\u00fcr Webentwickler und -designer<\/a><br \/>\nVerwenden Sie mindestens eines dieser Frameworks und Bibliotheken.<\/li>\n<li>\u00dcber<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/bigquery.cloud.google.com\/savedquery\/1086077897885:24ffb259f2a04a7f9955e44f6e0298e9\">320.000 Standorte<\/a> Die vom HTTP-Archiv analysierten Top-5-Millionen-URLs verwenden mindestens eines dieser Frameworks und Bibliotheken.<\/li>\n<li>Nach der aufgewendeten Zeit gruppiert, verwenden 30 der Top-100-URLs mindestens eines dieser Frameworks und Bibliotheken. (Die Forschung wurde mit internen Daten durchgef\u00fchrt).<\/li>\n<\/ul>\n<p>Das bedeutet, dass <strong>Bessere Open Source-Tools k\u00f6nnen direkt zu einem besseren Web f\u00fchren<\/strong> Aus diesem Grund haben Chrome-Ingenieure begonnen, direkt mit externen Frame- und Bibliotheksautoren zusammenzuarbeiten.<\/p>\n<h2 id=\"contributions-to-web-frameworks\"><span class=\"ez-toc-section\" id=\"Contribuciones-a-los-marcos-web\"><\/span>Beitr\u00e4ge zu Web-Frameworks <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die Frameworks, die \u00fcblicherweise zum Erstellen und Strukturieren von Webseiten verwendet werden, lassen sich in zwei Kategorien einteilen:<\/p>\n<ul>\n<li><strong>Frames der Benutzeroberfl\u00e4che<\/strong> (oder Bibliotheken) wie Preact, React oder Vue, die die Kontrolle \u00fcber die Anzeigeebene einer Anwendung erm\u00f6glichen (z. B. \u00fcber ein Komponentenmodell).<\/li>\n<li><strong>Web Frameworks<\/strong>B. Next.js, Nuxt.js und Gatsby, die ein End-to-End-System mit integrierten Stimmungsfunktionen wie serverseitigem Rendering bereitstellen. Diese Frameworks nutzen normalerweise ein Benutzeroberfl\u00e4chen-Framework oder eine Bibliothek f\u00fcr die Ansichtsebene.<\/li>\n<\/ul>\n<p><img alt='Framework-Typen-4286802' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/framework-types-4286802.png'><\/p>\n<p>Entwickler k\u00f6nnen sich daf\u00fcr entscheiden, keine Frames zu verwenden. Wenn sie jedoch eine Bibliothek mit Ansichtsebenen, Routern, Stilsystemen, Server-Renderern usw. zusammenstellen, erstellen sie h\u00e4ufig ihre eigenen Frames. Obwohl hartn\u00e4ckig, k\u00fcmmern sich Web-Frameworks standardm\u00e4\u00dfig um viele dieser Probleme.<\/p>\n<p>Der Rest dieses Beitrags hebt viele Verbesserungen hervor, die k\u00fcrzlich auf verschiedenen Frameworks und Tools gelandet sind, einschlie\u00dflich der Beitr\u00e4ge des Chrome-Teams.<\/p>\n<h2 id=\"angular\"><span class=\"ez-toc-section\" id=\"Angular\"><\/span>Winkelig <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Das Angular-Team hat eine Reihe von Verbesserungen an Version 8 des Frameworks ausgeliefert:<\/p>\n<figure class=\"w-figure\">\n  <img alt='Differential-Loading-Angular-9090246' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/differential-loading-angular-9090246.png' class=\"w-screenshot\"><figcaption class=\"w-figcaption\">\n<p>    Reduzierte Paketgr\u00f6\u00dfe f\u00fcr angle.io mit differenziellen Builds (von <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/blog.angular.io\/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27\">Winkelversion 8<\/a>)<br \/>\n  <\/figcaption><\/figure>\n<ul>\n<li>Unterst\u00fctzung f\u00fcr die dynamische Standardimportsyntax f\u00fcr verz\u00f6gerte Ladepfade.<\/li>\n<li><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/angular.io\/guide\/web-worker\">Unterst\u00fctzung f\u00fcr Web-Worker<\/a> Operationen auf einem vom Hauptthread getrennten Hintergrundthread ausf\u00fchren.<\/li>\n<li><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=jnp_ny4SOQE&amp;feature=youtu.be&amp;t=1320\">Efeu<\/a>Angulars neue Rendering-Engine, die eine bessere Neukompilierungsleistung und eine geringere Paketgr\u00f6\u00dfe bietet, ist unter verf\u00fcgbar <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/angular.io\/guide\/ivy#opting-into-angular-ivy\">Vorschau Modus<\/a> f\u00fcr bestehende Projekte.<\/li>\n<\/ul>\n<p>Weitere Informationen zu diesen Verbesserungen finden Sie unter<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/blog.angular.io\/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27\">&quot;Version 8 von Angular&quot;<\/a><br \/>\nDas Chrome-Team freut sich darauf, n\u00e4chstes Jahr eng mit ihnen zusammenzuarbeiten, sobald weitere Funktionen verf\u00fcgbar sind.<\/p>\n<h2 id=\"next.js\"><span class=\"ez-toc-section\" id=\"Nextjs\"><\/span>Next.js <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/nextjs.org\/\">Next.js<\/a> ist ein Webframework, das React als Ansichtsebene verwendet. Zus\u00e4tzlich zu einem UI-Komponentenmodell, das viele Entwickler von einem clientseitigen Framework erwarten, bietet Next.js eine Reihe integrierter Standardfunktionen:<\/p>\n<ul>\n<li>Routing mit Standard-Code-Aufteilung<\/li>\n<li>Zusammenstellung und Gruppierung (mit <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/babeljs.io\/\">Babel<\/a> y<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/webpack.js.org\/\">Web-Paket<\/a>)<\/li>\n<li>Serverseitiges Rendern<\/li>\n<li>Mechanismen zum Abrufen von Daten auf Seitenebene<\/li>\n<li>Eingekapselter Stil (mit <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/zeit\/styled-jsx\">styled-jsx<\/a>)<\/li>\n<\/ul>\n<p>Next.js ist f\u00fcr kleine Paketgr\u00f6\u00dfen optimiert, und das Chrome-Team hat dabei geholfen, Bereiche zu identifizieren, in denen wir die Leistung noch weiter verbessern k\u00f6nnen. Sie k\u00f6nnen mehr \u00fcber jeden von ihnen erfahren, indem Sie die RFCs (Request for Comments) und PR (Pull Requests) anzeigen:<\/p>\n<ol>\n<li>Eine verbesserte Strategie zur Fragmentierung von Webpaketen, die detailliertere Pakete ausgibt und die Menge an doppeltem Code reduziert, die \u00fcber mehrere Pfade erhalten wird (<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/zeit\/next.js\/issues\/7631\">RFC<\/a>,<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/zeit\/next.js\/pull\/7696\">PR<\/a>).<\/li>\n<li>Differenzielles Laden mit dem Modul- \/ Nomodelmuster, das die Gesamtmenge an JavaScript in Next.js-Anwendungen ohne Code\u00e4nderungen um bis zu 20% reduzieren kann (<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/zeit\/next.js\/issues\/7563\">RFC<\/a>,<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/zeit\/next.js\/pull\/7704\">PR<\/a>).<\/li>\n<li>Verbesserte Verfolgung von Leistungsmetriken mithilfe der Benutzersynchronisierungs-API (<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/zeit\/next.js\/pull\/8069\">PR<\/a>).<\/li>\n<\/ol>\n<figure class=\"w-figure\">\n  <img alt='barnebys-6451575' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/barnebys-6451575.png' class=\"w-screenshot-filled\"><figcaption class=\"w-figcaption\">\n    <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.barnebys.com\/\">Barnebys.com<\/a>, eine gro\u00dfe Suchmaschine f\u00fcr Antiquit\u00e4ten und Sammlerst\u00fccke, verzeichnete nach Aktivierung der granularen Fragmentierung eine Reduzierung des gesamten JavaScript um 23%<br \/>\n  <\/figcaption><\/figure>\n<p>Wir untersuchen auch andere Funktionen, um die Benutzer- und Entwicklererfahrung bei der Verwendung von Next.js zu verbessern, z.<\/p>\n<ul>\n<li>Aktivieren des gleichzeitigen Modus zum Entsperren der progressiven oder teilweisen Fl\u00fcssigkeitszufuhr der Komponenten.<\/li>\n<li>Ein webpaketbasiertes Compliance-System, das alle generierten Asset- und Quelldateien scannt, um bessere Fehler und Warnungen anzuzeigen (<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/zeit\/next.js\/issues\/9310\">RFC<\/a>).<\/li>\n<\/ul>\n<figure class=\"w-figure\">\n  <img alt='Konformit\u00e4t-1295570' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/conformance-1295570.png' class=\"w-screenshot-filled\"><figcaption class=\"w-figcaption\">\n<p>    Ein Beispiel f\u00fcr einen Konformit\u00e4tskompilierungsfehler in Next.js (Prototyp)<br \/>\n  <\/figcaption><\/figure>\n<h2 id=\"nuxt.js\"><span class=\"ez-toc-section\" id=\"Nuxtjs\"><\/span>Nuxt.js <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/nuxtjs.org\/\">Nuxt.js<\/a> ist ein Framework, das Vue.js mit verschiedenen Bibliotheken kombiniert, um eine hartn\u00e4ckige Konfiguration bereitzustellen. Wie Next.js enth\u00e4lt es viele sofort einsatzbereite Funktionen:<\/p>\n<ul>\n<li>Routing mit Standard-Code-Aufteilung<\/li>\n<li>Zusammenstellung und Gruppierung (mit <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/babeljs.io\/\">Babel<\/a> y<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/webpack.js.org\/\">Web-Paket<\/a>)<\/li>\n<li>Serverseitiges Rendern<\/li>\n<li>Abrufen von asynchronen Daten f\u00fcr jede Seite<\/li>\n<li>Standarddatenspeicher (<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/vuex.vuejs.org\/guide\/\">Vuex<\/a>)<\/li>\n<\/ul>\n<p>Wir haben nicht nur direkt daran gearbeitet, die Leistung verschiedener Tools zu verbessern, sondern auch die<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/opencollective.com\/chrome\">Rahmenhintergrund<\/a> finanzielle Unterst\u00fctzung f\u00fcr mehr Open-Source-Bibliotheken und Frameworks. Mit unserer <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/nuxt\/nuxt.js\/issues\/6467#issuecomment-538192059\">j\u00fcngste Unterst\u00fctzung<\/a> F\u00fcr Nuxt.js sollen in naher Zukunft einige Funktionen verf\u00fcgbar sein, darunter intelligentere Server-Renderings und Bildoptimierungen.<\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Der Rahmenfonds beschleunigt die Bem\u00fchungen verschiedener Rahmen und Bibliotheken mit dem Ziel, ihre Leistung zu verbessern. Wenn Sie an einem Open Source-Tool arbeiten und Unterst\u00fctzung ben\u00f6tigen, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/bit.ly\/chrome-framework-fund\">bewerben Sie sich bitte<\/a>!<\/p>\n<\/div>\n<h2 id=\"babel\"><span class=\"ez-toc-section\" id=\"Babel\"><\/span>Babel <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wir haben auch Fortschritte bei der Verbesserung der Leistung eines wichtigen zugrunde liegenden Tools in fast allen genannten Frameworks erzielt:<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/babeljs.io\/\">Babel<\/a>.<\/p>\n<p>Babel kompiliert Code, der eine neuere Syntax enth\u00e4lt, in Code, den verschiedene Browser verstehen k\u00f6nnen. Es ist \u00fcblich geworden, es zu benutzen <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/babeljs.io\/docs\/en\/babel-preset-env\">@ babel \/ preset-env<\/a> um auf moderne Browser abzuzielen, in denen verschiedene Browserziele angegeben werden k\u00f6nnen, um gen\u00fcgend erforderliche Polyf\u00fcllung f\u00fcr alle ausgew\u00e4hlten Umgebungen bereitzustellen. Eine M\u00f6glichkeit, Ziele festzulegen, ist die Verwendung <code><\/code> um alle Browser anzusprechen, die <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/babeljs.io\/docs\/en\/babel-preset-env#targetsesmodules\">Unterst\u00fctzt ES-Module<\/a>.<\/p>\n<p>Um diesen Fall zu optimieren, haben wir eine neue Voreinstellung ver\u00f6ffentlicht.<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/github.com\/babel\/preset-modules\">@ babel \/ modules-presets<\/a>. Anstatt moderne Syntax in \u00e4ltere Syntax umzuwandeln, um Browserfehler zu vermeiden, <code>voreingestellte Module<\/code> behebt jeden spezifischen Fehler, indem er in die n\u00e4chstm\u00f6gliche moderne, ungebrochene Syntax umgewandelt wird. Dies f\u00fchrt zu modernem Code, der geliefert werden kann <em>fast unver\u00e4ndert<\/em> f\u00fcr die meisten Browser.<\/p>\n<p><img alt='babel-preset-env-1548177' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/babel-preset-env-1548177.png'><\/p>\n<p>Entwickler verwenden bereits <code>Preset-Env<\/code> Sie werden auch von diesen Optimierungen profitieren, ohne etwas tun zu m\u00fcssen, da sie bald integriert werden <code>Preset-Env<\/code> auch.<\/p>\n<h2 id=\"what's-next\"><span class=\"ez-toc-section\" id=\"%C2%BFQue-sigue\"><\/span>Was kommt als n\u00e4chstes? <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Durch die enge Zusammenarbeit mit Open Source-Frameworks und -Bibliotheken, um bessere Erfahrungen zu erzielen, erkennt das Chrome-Team, was f\u00fcr Benutzer und Entwickler gleicherma\u00dfen von grundlegender Bedeutung ist.<\/p>\n<p>Wenn Sie an einem Framework, einer UI-Bibliothek oder einer beliebigen Form von Web-Tools (Stitcher, Compiler, Linter) arbeiten,<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/bit.ly\/chrome-framework-fund\">Anforderungsrahmenhintergrund<\/a>!<\/p>\n<p>    <web-feedback additional-questions=\"\"><\/web-feedback>\n  <\/div>","protected":false},"excerpt":{"rendered":"<p>Chrome est\u00e1 colaborando con marcos de c\u00f3digo abierto para trabajar hacia una web mejor 8 de enero de 2020 Chrome es un colaborador activo del ecosistema de framework web y&#8230;<\/p>","protected":false},"author":1,"featured_media":83732,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-83730","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Avanzando en el ecosistema del framework - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Chrome est\u00e1 colaborando con marcos de c\u00f3digo abierto para trabajar hacia una web mejor 8 de enero de 2020 Chrome es un colaborador activo del ecosistema\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avanzando en el ecosistema del framework\" \/>\n<meta property=\"og:description\" content=\"Chrome est\u00e1 colaborando con marcos de c\u00f3digo abierto para trabajar hacia una web mejor 8 de enero de 2020 Chrome es un colaborador activo del ecosistema\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-03T23:48:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/thumbnail-6378970.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Avanzando en el ecosistema del framework\",\"datePublished\":\"2022-10-03T23:48:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/\"},\"wordCount\":1420,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/thumbnail-6378970.jpg\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/\",\"name\":\"Avanzando en el ecosistema del framework - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/thumbnail-6378970.jpg\",\"datePublished\":\"2022-10-03T23:48:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Chrome est\u00e1 colaborando con marcos de c\u00f3digo abierto para trabajar hacia una web mejor 8 de enero de 2020 Chrome es un colaborador activo del ecosistema\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/fortschritt-im-rahmen-okosystem\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/thumbnail-6378970.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/thumbnail-6378970.jpg\",\"width\":500,\"height\":500,\"caption\":\"thumbnail-6378970-5297411-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fortschritt im \u00d6kosystem des Frameworks - R Marketing Digital","description":"Chrome arbeitet mit Open Source-Frameworks zusammen, um auf ein besseres Web hinzuarbeiten. 8. Januar 2020 Chrome leistet einen aktiven Beitrag zum \u00d6kosystem","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/","og_locale":"de_DE","og_type":"article","og_title":"Avanzando en el ecosistema del framework","og_description":"Chrome est\u00e1 colaborando con marcos de c\u00f3digo abierto para trabajar hacia una web mejor 8 de enero de 2020 Chrome es un colaborador activo del ecosistema","og_url":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/","og_site_name":"R Marketing Digital","article_published_time":"2022-10-03T23:48:00+00:00","og_image":[{"width":500,"height":500,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/thumbnail-6378970.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Avanzando en el ecosistema del framework","datePublished":"2022-10-03T23:48:00+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/"},"wordCount":1420,"image":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/thumbnail-6378970.jpg","articleSection":["Dev"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/","url":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/","name":"Fortschritt im \u00d6kosystem des Frameworks - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/thumbnail-6378970.jpg","datePublished":"2022-10-03T23:48:00+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Chrome arbeitet mit Open Source-Frameworks zusammen, um auf ein besseres Web hinzuarbeiten. 8. Januar 2020 Chrome leistet einen aktiven Beitrag zum \u00d6kosystem","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/fortschritt-im-rahmen-okosystem\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/thumbnail-6378970.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/thumbnail-6378970.jpg","width":500,"height":500,"caption":"thumbnail-6378970-5297411-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/83730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=83730"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/83730\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media\/83732"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=83730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=83730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=83730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}