Frontend Weekly Digest (29. Juli - 4. August 2019)

Diese Woche veröffentlichen wir eine wirklich große Auswahl aller wichtigen Neuigkeiten, die Sie bei der Front-End-Entwicklung möglicherweise verpasst haben. Stellen Sie sicher, dass Sie die neuesten Updates für CSS, HTML und JavaScript überprüfen.

Webentwicklung

• Frontend-Design, Reaktion und eine Brücke über die große Kluft
• Hoppla, ich denke, wir sind jetzt Full-Stack-Entwickler
• Frontend in Südkorea
• Mit SVG einen realistischen Glaseffekt erzielen
• • "#PerfMatters Conference 2019"

• Leistung:
  • Ich habe das Web einen Tag lang mit einem Budget von 50 MB genutzt
  • Instagram.com schneller machen: Teil 1
  

• Zugänglichkeit:
  • Barrierefreiheitsstrategien für Ihr Content-Team
  • Wahrheiten über digitale Zugänglichkeit
  • Erstellen Sie benutzerdefinierte Optionsfelder, auf die über die Tastatur zugegriffen werden kann
  

CSS

• Herausfinden von CSS-Animationseigenschaften mit einem magischen Kätzchenkorn
• Verwenden von von JavaScript generierten benutzerdefinierten CSS-Attributen als Übergabemechanismus
• 7 Top-CSS-Trends für 2019
• Neue CSS-Funktionen in Firefox 68
• Wie spezifisch sind @Rules wie @keyframes und @media?
• Flexbox und Polsterung
• Best Practices für die Organisation von CSS-Themen

Javascript

• Spickzettel für den Wechsel von jQuery zu Vanilla JavaScript
• Schreiben einer einfachen MVC-App in einfachem JavaScript
• So saugen Sie nicht an JavaScript
• Svelte: erste Eindrücke
• JavaScript-Versprechen und Async / Await: So schnell wie möglich

• Reaktion:
  • Reagieren + Redux + Comlink = Off-Main-Thread
  • Reagieren Sie auf das <Animierte /> Tutorial
  • Abrufen von Daten in React mit React Async
  • Warum Haken reagieren?
  • Ersetzen Reaktionshaken Redux?
  • Ersetzen React Hooks Komponenten höherer Ordnung (HOCs)?
  • localize-react : Eine wirklich einfache, leichtgewichtige Bibliothek zur Lokalisierung in React-Anwendungen ohne Abhängigkeiten, die auf der neuen React Context-API basiert
  • Eine performante Lösung zum Ersetzen von Redux durch React Context und Hooks
  

• Winkel:
  • Erstellen Sie mit Angular und Tensorflow.js Ihren eigenen Bildklassifizierer
  • Top Angular Open Source-Projekte
  • Ankündigung von Bit mit Angular Public Beta
  • Schlank für Winkelentwickler
  

• VueJS:
  • Erstellen dynamischer Routen in einer Nuxt-Anwendung
  • Vue.js 3: Zukunftsorientierte Programmierung
  • Erste Schritte mit Vuetify 2.0
  

• Ember:
  • Roadmap für Ember 2019-2020
  • Ember Components Museum . Erfahren Sie, wie Sie Komponenten in Ember 3 verwenden können
  • Spickzettel für Glutkomponenten
  

Browser

• Neu in Chrome 76
• Was ist neu in DevTools (Chrome 77)?
• Neue CSS-Funktionen in Firefox 68

Danke fürs Lesen! Sie können uns gerne Ihre Artikel oder frischen nützlichen Inhalte senden, die Sie in der nächsten Übersicht sehen möchten.