t3n.de
143 subscribers
28.5K links
Hier werden alle Nachrichten aus dem RSS-News-Feed von t3n.de gepostet. 🤓

Mehr News đź“°
@DerNewsChannel

Bei Fragen und Problemen 🤔
@DerNewsChat
Download Telegram
Version 4 der React-Dev-Tools – das bringt das Update
#chrome #firefox #react

Seit Freitag ist Version 4 der React-Developer-Tools öffentlich verfĂĽgbar․ Die Erweiterung gibt es fĂĽr Chrome, Firefox und Edge․ Wir haben uns das Update angeschaut und verraten euch, was die neue Version des Debugging-Werkzeugs alles kann․ Das Update der Browser-Erweiterung fĂĽr die Entwicklung mit React kommt mit vollständiger UnterstĂĽtzung fĂĽr React Hooks․ AuĂźerdem wurden Performance und Navigation deutlich verbessert und ĂĽberarbeitet․ Die Vorgängerversion nahm relativ viel Speicher und Leistung in Anspruch und war deshalb fĂĽr größere React-Apps nur bedingt geeignet․ Mit Version 4 wurde dieser Nachteil erfolgreich behoben․ Wenn․․․
Neue React-Features: Concurrent Mode revolutioniert die User-Experience
#microsoftbuild #javascript #react

Das beliebte JavaScript-Framework React aus dem Hause Facebook stellt neue experimentelle Features vor: Der Concurrent Mode vereint mehrere neue Features, die eure React-Anwendungen in Zukunft ohne Stocken rendern lassen․ Die Neuerung ist vergleichbar mit der Disruption des Entwicklungsworkflows, den Version Control Systeme mit sich brachten․Mit der Einführung des neuen, noch experimentellen Features folgen die Entwickler hinter dem Framework Erkenntnissen aus der Mensch-Computer-Interaktionsforschung․
Der Status quo
Nach jetzigem Stand blockiert React das Rendering weiterer Komponenten, wenn schon ein anderer Rendering-Prozess im Gange ist․ Eine wunderbare Analogie, die auch die React-Doku anführt, ist Version Control․ Wenn ihr zu․․․
100-Days-of-Code: Wie ein Twitter-Hashtag mich 100 Tage lang zum Coden zwingen wird
#javascript #twitter #css #html #code #hashtag #react

100 Tage lang will ich eine Stunde täglich Programmieren – und die 100-Days-of-Code sollen mich zwingen, das durchzuziehen․ Auf dem Plan stehen HTML, CSS, JavaScript, React․ Ob das funktioniert?
Das Konzept hinter der 100-Days-of-Code-Challenge ist einfach․ Es gibt nur wenige Regeln․ Nachdem sich Teilnehmende öffentlich dazu verpflichtet haben, mĂĽssen sie 100 Tage lang jeden Tag

mindestens eine Stunde lang coden,
einen Tweet mit dem Hashtag #100daysofcode verfassen, der ihren Fortschritt dokumentiert,
sich mit mindestens zwei Personen austauschen, die ebenfalls an der Challenge․․․
Was ist eigentlich React?
#programmierenlernen #apps #react

Das Buzzword React ist seit ein paar Jahren ĂĽberall․ React Hooks, React mit GraphQL – solche Schlagwörter dominieren das Netz․ Wer gerade erst angefangen hat, Coden zu lernen, und sich jetzt fragt, was eigentlich dahinter steckt – wir erklären es euch․ 
Das Beste an moderner Webentwicklung ist, dass es in diesem Themengebiet so unglaublich viele Ressourcen gibt․ Das Schlimmste an moderner Webentwicklung ist, dass es so unglaublich viele Ressourcen gibt, so dieser Autor in seinem Artikel auf Medium․ Das mag euch vielleicht bekannt vorkommen․
Wer gerade erst angefangen hat, sich mit Entwicklungsthemen zu befassen, ist oft schon mit der bloßen․․․
React: Neue Facebook-Website setzt komplett auf JavaScript
#php #uidesign #ui #facebook #react #javascript

Nach jahrelangem organischem Wachstum hat Facebook sein Website-UI komplett neu geschrieben: mit React, GraphQL und ohne PHP․

Die Oberfläche der Website von Facebook ist durch das zuständige Entwicklerteam komplett neu geschrieben worden, wie die Beteiligten in ihrem Engineering-Blog berichten․ Zum Einsatz kommen demnach nun die ursprünglich von Facebook selbst erstellte JavaScript-Bibliothek React sowie der GraphQL-Client Relay für React․
Das komplette Neuschreiben einer derart großen und vielfach genutzten Website․․․
React-Framework Next․js erreicht Version 9․5: Das ist drin
#seo #frameworks #react

Das populäre React-Framework aus dem Hause Vercel hat Version 9․5 erreicht․ Die neue Version bringt neben weiteren Performanz- auch SEO-Verbesserungen und Support für Webpack 5․
Next․js gibt es seit 2016․ Das Framework ermöglicht das Erstellen serverseitig gerenderter React-Apps und kommt etwa in den Entwicklerteams von Netflix, Hulu, Tiktok und übrigens auch bei t3n zum Einsatz․
Incremental-Static-Regeneration
Mit der neuen Version verlässt ein Feature namens Incremental-Static-Regeneration die Betaphase․ Der zugrundeliegende Mechanismus beruht auf dem Updaten bereits․․․
Vue 3 „One Piece“ ist da und hat sich einiges von React abgeschaut
#react #api #javascript

Der ehemalige Framework-Underdog aus dem JavaScript-Kosmos ist jetzt in Version 3․0 verfügbar – und wartet nach zwei Jahren Entwicklung mit einer rundum erneuerten Framework-Architektur und einem React-Hooks-ähnlichen Composition-API auf․
Vue․js ist neben React, Svelte und Angular eines der beliebtesten JS-Frameworks․ Ursprünglich entwickelt wurde es von Evan You, der sich damit seine eigene, weniger komplexe Alternative zu Googles Angular schaffen wollte․ 2014 beschloss der Entwickler, sein Projekt zu veröffentlichen, um auch andere Entwickler daran teilhaben zu lassen․ Mittlerweile erfreut sich der Framework-Underdog mit 1,3 M․․․
WE WANT YOU: Full Stack-Developerin (m/w/d)
#php #react #vorstellungsgespräch #jobs #fullstack #frameworks #bewerbung

Du arbeitest gerne mit neuen Technologien und hast Lust, auch den technischen Stack von t3n․de mitzugestalten? Das Arbeiten mit JS-Frameworks wie React sowie die Arbeit „unter der Haube“ mit PHP und Node․js macht dir Spaß? Komplexe Anforderungen spornen dich eher an, statt dich aus der Ruhe zu bringen? Dann haben wir die passende Stelle für dich! Zur Unterstützung unseres Entwicklerteams suchen wir bei t3n ab sofort eine*n Full Stack-Developer*in (m/w/d)․

Dein Job

Im Daily besprichst du mit deinem Team, woran du gerade arbeitest und welches Ticket du dir als nächstes schnappen wirst․
Um t3n․de stetig weiterzuentwickeln, arbeitest du mit dem Team sowohl daran, neue API-Driven-Templates zu prototypen, als auch daran, neue Services in unseren Stack zu integrieren․
Die Programmiersprache, die fĂĽr die Aufgabe am besten geeignet ist, ist auch die, die․․․
Was ist eigentlich GraphQL?
#react #facebook #api

GraphQL stammt wie React aus dem Hause Facebook․ Nur, was steckt eigentlich genau hinter der Abfragesprache? Und wo ist der Unterschied zu Rest? Unser Artikel liefert einen Überblick über die wichtigsten Fakten․
GraphQL ist – wie der Name vermuten lässt – eine Abfragesprache zum Auslesen und Manipulieren von Daten in API und erfreut sich vor allem seitdem sie 2015 Open Source wurde steigender Beliebtheit․ So groß der Hype sein mag und so sehr die Vorteile auf der Hand liegen mögen, gibt es natürlich Anwendungsfälle, in denen Entwickler mit Rest möglicherweise besser bedient sind․ Für kleinere․․․
Das sind die Pläne für React 18: Concurrent Mode heißt jetzt Concurrent Rendering
#react

Concurrent Mode heißt jetzt Concurrent Rendering und soll mit Veröffentlichung von React 18 ausgeliefert werden․ Eine Reihe neuer Features stecken auch in dem Release․
Das Team hinter der beliebten JavaScript-View-Library React arbeitet laut eines Blogposts an einer neuen Version․ Jetzt wurde eine erste Alpha-Version veröffentlicht, die Library-Autoren bereits zum Ausprobieren offen steht․ Neue Alpha-Versionen werden regelmäßig mit @alpha versehen via npm veröffentlicht․ Das Update wartet mit einigen neuen Features und einer von langer Hand angekündigten․․․
Was ist eigentlich CSS in JS?
#proptech #browser #javascript #react #server #entwicklungunddesign #css

CSS in JavaScript ist kontrovers – und kann durchaus einen Blick wert sein, nicht nur für React-Entwickler․ Wir stellen das Konzept vor und formulieren Fragen, die dir bei der Entscheidung für die CSS-in-JS-Library helfen können․
Im Grunde ist das Prinzip einfach: Anstelle von Stylesheets verpackt ihr euer CSS in Komponenten․ Die Wahl der richtigen CSS-in-JS-Library kann bei fast 50 Optionen zwar durchaus schwierig ausfallen, und am Ende kommt es auf euren jeweiligen Use-Case an․ Einige Eigenschaften haben jedoch alle Libraries gemeinsam:
Gescoptes CSS ✔️
Alle CSS-in-JS-Bibliotheken generieren einzigartige․․․
JavaScript-Framework Next․js 12 mit bisher größtem Update
#javascript #react

Das nach Projektangaben bisher größte Release von Next․js bringt einige Breaking Changes, mehr Performance und einen neuen Compiler․ Zudem können erste React-18-Features genutzt werden․
In Version 12 bringt das React-Framework Next․js den neuen Compiler SWC und das neue Middleware-Feature als Beta-Funktion an den Start․ Außerdem integriert Next․js jetzt Teile von React 18 und erlaubt damit die experimentelle Nutzung einiger neuer Funktionen․
Breaking Changes und ein schnellerer Compiler
Mit der Entfernung von Webpack 4 und der neuen Mindestanforderung von Node․js 12․22 bringt․․․
Wird Remix das nächste große Ding in der Webentwicklung?
#react #targetingitentscheider #ruby #javascript #webentwicklung #rubyonrails #rails

Jeden Dienstag beschäftigen wir uns im Pro-Briefing mit einem wichtigen Thema der IT․ Heute geht es um React und die Frage, ob es wirklich noch ein React-Framework braucht․ Den Impuls gab der Release von Remix V 1․0․
Remix ist wie Next․js ein Framework, das auf der populären View-Library React aus dem Hause Facebook aufsetzt․ Die Köpfe dahinter sind die Entwickler Michael Jackson und Ryan Florence, die Schöpfer von React Router․ Bisher basierte Remix auf einem Supporter-Subscription-Modell․ 250 US-Dollar kostete eine Lizenz für Einzelnutzer:innen, eine Enterprise-Lizenz schlug mit 1․000 Dollar zu Buche․ Am 1․․․
FĂĽr die Entwickler-Toolbox: Facebook bringt Create-React-App in Version 5
#react #facebook #entwicklungunddesign #apps

Das Schweizer Messer für React-Entwickler, die Create-React-App ist nach einem Jahr in der Version 5 erschienen․ Revolutionäre Neuerungen bringt das Tool nicht․ Aber alle wichtigen Bausteine wurden aktualisiert․
Mit der neuen Version 5 der Create-React-App bringt Facebooks Tools sich hinsichtlich einer ganzen Reihe externer Software-Bausteine selbst auf Stand․ So unterstützt die App jetzt Webpack 5, bringt das Java-Testing-Framework Jest auf Version 27 und hebt das JavaScript-Codeanalyse-Tool ESLint auf die erst im Oktober erschienene Version 8 und setzt damit mindestens Node․js 14 voraus․ Obwohl Node․․․
10 BĂĽcher, die deine IT-Karriere voranbringen
#bĂĽcher #entwicklungunddesign #git #karriere #targetingitentscheider #uxdesign #react #javascript

Sinnvolles Prokrastinieren macht immer noch am meisten Spaß․ Wir stellen zehn Bücher vor, die dich in deiner IT-Karriere voranbringen, unterhaltsamen Lesestoff bieten und Hilfestellung geben bei Themen, die du schon immer verstehen wolltest․

Netflix, Disney Plus und Prime sind mittlerweile uninteressant und eigentlich hast du auch ein schlechtes Gewissen, wenn du deine Tage mit einem Serienmarathon nach dem anderen verbringst? Lesen wäre eine Option, die Bücher auf deiner Liste hast du aber bereits durch und mehr fallen dir auf die Schnelle nicht ein? Zudem magst du sowieso Bücher am liebsten, bei denen du im besten Fall was lernst?․․․
Concurrent Rendering: Javascript-Bibliothek React 18 fĂĽhrt grundlegende Neuerung ein
#meta #server #javascript #react

Gute 1,5 Jahre nach dem Update auf React 17, das keinerlei neue Features brachte, ist nun die Version 18 der komponentenbasierten View-Library aus dem Hause Meta erschienen․
React 18, die Javascript-Bibliothek für das Interface-Design, bringt optionale Concurrency an den Start․ Gerade das Concurrent Rendering, das unterbrechbare Rendering, stellt eine wesentliche Neuerung dar․ Die schon länger erwarteten Server Components hingegen bleiben weiterhin experimentell․
Concurrent Rendering als Feature-Fundament von React 18
Concurrent Rendering ist Teil eines größeren․․․
Warum About You bei der App-Entwicklung voll auf Flutter setzt
#flutter #apps #react #aboutyou #api

Ăśber 72 Millionen mobile User-Sessions verzeichnet About You pro Monat․ Viel Druck liegt auf der Entwicklung der App․ Robert Merten (Director Development Shop Applications) erklärt, warum About You voll auf das Mobile-Framework Flutter setzt․ 
Als wir die erste App für About You bauten, war ich gerade frisch angestellt․ Ich war für die mobile Website zuständig und wir brauchten eine zuverlässige App, sodass unsere Kund:innen auch von ihren Smartphones möglichst komfortabel bestellen konnten․ Heute nutzt ein Großteil unserer Kund:innen (ungefähr 80 Prozent, Stand Januar 2022) ABOUT YOU von mobilen Endgeräten und wir bedienen damit․․․
Diese 10 BĂĽcher bringen deine IT-Karriere voran
#bĂĽcher #git #react #javascript #entwicklungunddesign #uxdesign #karriere #targetingitentscheider

Sinnvolles Prokrastinieren macht immer noch am meisten Spaß․ Wir stellen zehn Bücher vor, die dich in deiner IT-Karriere voranbringen, unterhaltsamen Lesestoff bieten und Hilfestellung geben bei Themen, die du schon immer verstehen wolltest․

Netflix, Disney Plus und Prime sind mittlerweile uninteressant und eigentlich hast du auch ein schlechtes Gewissen, wenn du deine Tage mit einem Serienmarathon nach dem anderen verbringst? Lesen wäre eine Option, die Bücher auf deiner Liste hast du aber bereits durch und mehr fallen dir auf die Schnelle nicht․․․