Herr Zenzes wills wissen

Mehr aus dem React Ökosystem

Und weiter geht es durch das React Ökosystem und natürlich ist wieder der Andreas Houben dabei. Den Anfang macht dabei heute GraphQL und wir sprechen darüber, welches Problem GraphQL löst und wie man es in seine React Anwendung integrieren kann.

Der nächste Abschnitt dreht sich um UI Toolkits (styled und unstyled) und wir tauschen unsere Erfahrungen hier aus. Reakit siehht hier ganz vielversprechend aus und Chakra UI kennt Andreas bereits aus einem seiner Projekte. Wir sprechen dann auch noch kurz darüber, wie man ein Toolkit später durch eine andere Lösung ersetzen kann. Vielleicht lohnt es sich hier, einfach auf die guten alten Standards HTML und CSS zu setzen.

Component Playgrounds dürfen wir natürlich auch nicht vergessen und hier gibt es mit Storybook momentan wohl eine gute Lösung. Wir sprechen darüber, wie wir Storybook einsetzen und sind enorm begeistert.

Relativ unspektakulär ist der Abschnitt zu Icons.

Links

• RuhrJS
• Apollo GraphQL
• Reakit
• Chakra UI
• Storybook
• Mock Service Worker
• React Icons

Ein Blick auf React Packages

Und weiter geht es bei der Buchbesprechung zu Opinionated React und erneut ist Andreas Houben hier mein Gast.

In der Folge schaffen wir diesmal nur ein halbes Kapitel. Es geht dort um React Packages und wir sehen uns Lösungen für Router, State Management, Animationen, Styling, Formulare und Date-handling an.

Links

• react-codemod
• React Router
• Reach Router
• Overmind
• Redux
• Framer Motion
• Styled Components
• Why is CSS so Weird? | Miriam Eric Suzanne
• Emotion
• Formik
• date-fns

React Project Starters

Heute sehen sich Andreas und ich die React Project Starters an. In "Opinionated React" werden hier "Create React App", "Next" und "Gatsby" besprochen. Wir ordnen das ganze ein und gehen auf die Stärken und Schwächen der jeweiligen Lösung ein.

Links

• Create React App
• Next.js
• Gatsby

local state, constext und state management libraries

Heute ist wieder Andreas mein Gast und wir sprech über das zweite Kapitel von Opinionated React.

State Management ist ein wichtiger Teil jeder React Anwendung und natürlich ist es auch in Opinionated React ein Thema. Im 2. Kapitel wird hier erstmal ein Überblick über lokalen State, Context und State Libraries gegeben.

Beim Thema Context bin ich diesmal leider nicht so genau, da werden wir in einer der zukünftigen Episoden nochmal drüber sprechen.

Links

• Teil 1 der Serie
• You Might Not Need Redux
• mein neuer Podcast: Ready for review

Aufnahme vom 02.10.2020 - die angesprochene Pause habt ihr also schon hinter Euch :-)

Ein Blick auf das React Ökosystem

Heute starten Andreas Houben und ich eine kleine Serie zum Buch "Opinionated React" von Sara Vieira. Wie der Name schon sagt, handelt sich hier um ein Buch, welches sich mit React auseinandersetzt und konkrete Vorschläge macht, wie man React Anwendungen entwickeln kann. Da Andreas sich momentan in React einarbeitet und ich schon seit ein paar Jahren mit React arbeite, wollten wir unseren Austausch zum Buch aufnehmen und unseren Blick auf die React-Welt mit Euch teilen.

Grundsätzlich lässt sich sagen, dass wir das Buch Euch empfehlen können und eine klare Kaufempfehlung aussprechen.

In dieser Folge sehen wir uns das Kapitel "Folder/ File Structuring" an in dem es primär um die Struktur einer React Anwendung geht und die Benennung der Dateien. Zusätzlich ordnet Sara in diesem Kapitel noch die Nutzung von ESLint und TypeScript in React Anwendung ein. Wir haben also gleich ein paar spannende Themen.

Links

• TypeScript , Minus TypeScript

Sandra Parsick spricht mit mir über den Artikel von Eberhard Wolff zu "verantwortungslosen Developern"

Heute besucht mich Sandra Parsick wieder im Podcast und wir haben einiges zu besprechen.

Bevor es losgeht bedanken wir uns erstmal bei @nerdpressblog für den Hinweis, Pixum als Lösung für Fotobücher zu nutzen.

Bevor es zum eigentlichen Thema kommt sprechen wir noch kurz über "Schätzen" und tauschen unsere Erfahrungen aus.

Aber natürlich haben wir auch noch ein richtiges Thema und das hat es in sich: Eberhard Wolff hat auf heise einen Artikel mit dem Titel "Developer sind verantwortungslose Spielkinder!" veröffentlicht und da wollen wir auch unsere Meinung kundtun. Wieviel Freiheit ist für Entwickler in Ordnung? Welche Typen von Entwicklern gibt es neben dem Bild, das im Artikel beschrieben wird? Muss ich unbedingt in meiner Freizeit programmieren? Wie machen wir das, wenn wir neue Technologien in einem Team einbringen wollen?

Wenn ihr noch was zum Lesen sucht, dann empfehlen wir Euch heute die folgenden Bücher:

• Homo Deus (amazon)
• What if? und How to von Randall Munroe
• Die Nomen (amazon)

Wenn es dann doch eher ein Film oder eine Serie sein soll, haben wir auch ein paar Vorschläge für Euch:

• Jojo Rabbit (amazon)
• Unorthodox (Netflix)

Aufnahmedatum: 23.06.2020

Joy Heron zeigt mir, wie man moderne Webanwendungen ohne Single-Page-Applications schreiben kann

In der Folge darf ich erneut Joy Heron (Twitter, Web) begrüßen. Joy ist als IT Consultant bei der INNOQ unterwegs. Sie war schon zu den Themen Clojure und Sketchnotes im Podcast zu Gast und spricht heute mit mir über moderne Webentwicklung jenseits der Single-Page Applications.

Joy bezeichnet sich selbst als Fullstack Entwicklerin und natürlich greifen wir daher das Thema aus der letzten Folge nochmal kurz auf und sprechen darüber, wie wir den Begriff verstehen.

Danach steigen wir direkt ins Thema ein und jeder, der bei "moderner Webentwicklung" an Angular, React oder Vue denkt, wird vielleicht ein wenig enttäuscht sein. Heute konzentrieren wir uns auf die Grundlagen des Webs und wie man mit diesen moderne Anwendungen entwickelt. Wir denken das ist kein Widerspruch sondern vielmehr der nächste logische Schritt denn HTML und CSS bieten (fast) alles, was wir brauchen.

Joy erzählt, wie sie zur Webentwicklung kam und was sie daran bis heute faszinierend findet. Danach arbeiten wir uns von HTTP über HTML zu CSS und natürlich kommen auch wir nicht immer ohne JavaScript aus.

Ein Thema hier sind dann natürlich auch WebComponents und klar, dann spielt auch JavaScript eine Rolle. Vielleicht versteckt sich ja hier die Alternative zu den etablierten Frameworks? Wir sprechen über Shadow DOM, Templates und Custom Elements und Joy berichtet, wie sie Custom Elements einsetzt. Stichwort "Progressive Enhancement".

Nachdem uns HTML die Struktur liefert brauchen wir noch das "Frosting" auf unserer Webanwendung und hier ist das Thema natürlich CSS. Was ist damit eigentlich möglich und wie schreibt man wartbares CSS? BEM? Joy hat hier noch eine schlankere Alternative parat von der sie berichtet. Auch zu Tailwind CSS haben wir dann noch eine Meinung.

Wenn ihr Euch für Intrinsic Design interessiert solltet ihr Euch die neuste Folge des INNOQ Podcast anhören. Dort ist Joy ebenfalls zu Gast.

Hier noch die Slides von Joy zu den Themen "Moderne Frontendentwicklung" und "WebComponent Design"

Am 03.06.2020 könnt ihr Joy beim INNOQ Technology Lunch zum Thema "Responsive Web Layout with CSS Grid" sehen (Meetup Link). Wenn ihr es dort verpasst werft einen Blick auf den INNOQ YouTube Kanal

Die im Podcast erwähnte Artikelserie zu einem eigenem Design System startet mit einem Beitrag über Typografie.

Buchempfehlungen

• Refactoring UI
• CSS Secrets
• Inclusive Design Patterns (Amazon)
• Inclusive Components
• every-layout.dev
• Digitaler Minimalismus von Cal Newport

Sandra Parsick und ich sehen uns Tools an die unseren Alltag vereinfachen.

Heute ist, erneut, Sandra Parsick mein Gast und spricht mit mir über die Tools, die wir gerne einsetzen. Doch bevor wir hier zum Thema kommen, müssen wir schnell die Frage klären, ob es Fullstack Entwickler wirklich gibt.

Irgendwie landen wir im Anschluss bei Groovy und Spock und Sandra berichtet hier, wie sie beides im Projekt erfolgreich einsetzen konnte.

Tooling

Browser

Firefox (Folge mit Ola zu Web Compatibility)

• Language Tool
• Privacy Badger
• Language Switch
• uBlock Origin
• KeeFox
• Dark Reader (offizielle Webseite mit Links zu den Add-ons für andere Browser)
• Pocket

E-Mail

• Thunderbird
  • CardBook
  • Enigmail
  • Quicktext

Cloud

• NextCloud

RSS Reader:

• Reeder
• Feedly

Passwortmanager

• KeyPass
• 1Password

Notizen und Aufgaben

• Trello
• Joplin

Social

• TweetDeck

Kommunikation

• Slack
• Skype
• MS Teams
• Zoom
• Jitsi
• NextCloud Talk
• TeamViewer

Nicht-IT Tools:

• Calibre
• Stretchly
• Bartender

IDEs und Entwicklung

• IntelliJ
• NetBeans
• Eclipse
• Visual Studio Code
• Atom
• SDKMAN
• NVM
• Oh my Zsh / Zsh Autosuggestions
• Homebrew
• Mobster
• Working Copy (iOS)
• DBeaver
• Insomnia
• Postman

Zeichentools

• draw.io
• Excalidraw (Name fiel mir in der Folge nicht ein

Notizen

• Organizer von Roter Faden
• Moleskine

Buchempfehlungen

• Spring Boot 2: Moderne Softwareentwicklung mit Spring 5 von Michael Simons (Amazon)
• Kanban in der IT von Klaus Leopold und Siegfried Kaltenecker (Amazon)
• Herr Sonneborn geht nach Brüssel von Martin Sonneborn (Amazon)
• Es muß nicht immer Kaviar sein von Johannes Mario Simmel (Amazon)

In der Folge erwähne ich noch den JavaScript Kurs von Dan Abramov: https://justjavascript.com

Disclaimer

1. Ursprünglich sollte noch eine Folge zwischen dieser und der letzten veröffentlicht werden. Das hat leider nicht so ganz geklappt daher ändern wir den Plan und bringen die Folge direkt raus.
2. Die Folge wurde natürlich, wie auch alle anderen bisherigen Folgen, nicht gesponsert.

Datum der Aufnahme: 05.05.2020

Sandra Parsick erklärt mir, welche Tools Java Entwickler zum Testen nutzen sollten

Nach einer „kurzen" Kreativpause meldet sich der Podcast zurück und ich freue mich Sandra Parsick (Twitter) erneut im Podcast begrüßen zu dürfen.

Am Anfang sprechen wir über, wie soll es in dieser Zeit anders sein, Corona und remote work. Wer, wie ich, immer mal wieder an Pausen erinnert werden möchte, sollte sich mal Stretchly ansehen.

Beim Thema Hackathon sprechen wir auch kurz über Jugend hackt. Wenn ihr hier mehr erfahren wollt, solltet ihr Euch die passende Folge dazu anhören.

Beim Thema "Testing" (mit Java) legen wir mit JUnit 5 los und Sandra erklärt uns direkt mal, wie man von JUnit 4 zu JUnit 5 migrieren kann (und was dabei schief gehen kann). Im Anschluss sprechen wir darüber, was JUnit 5 uns neues bietet und welche Features Sandra besonders gefallen.

Natürlich gibt es im Java Umfeld noch weitere Bibliothek, die Euch bei der Arbeit unterstützen können. Wir sprechen über

• AssertJ
• JavaFaker
• EqualsVerifier
• Spock
• und natürlich Testcontainers (Folge zu Testcontainers)

Das Git Repository zu Sandras Talk findet ihr auf GitHub unter https://github.com/sparsick/test-tool-talk.

Cross-Promotion: In der erwähnten Schepp&Mies Folge spreche ich mit Christian Schäfer u.a. über Corona und Homeoffice.

Buchempfehlung der Folge: Growing Object-Oriented Software With Tests von Steve Freeman und Nat Pryce (Amazon

Aufnahmedatum: 21.04.2020

Kevin Wittek (Twitter) ist Software-Entwickler bei der codecentric und einer der Maintainer von Testcontainers. Er war auch mal bei autoweird.fm zu Gast.

Kevin legt mit einer gewagten These los der wir uns am Anfang etwas länger widmen. Kevin und ich sprechen über die Qualität der Software-Entwicklung und auch der Entwickler in Deutschland. Wir diskutieren über die Ausbildung und die Probleme des fehlenden Praxisbezugs an Universitäten. Natürlich haben wir auch Lösungsvorschläge für die Problematik parat.

Wer Interesse an Open Source hat und sich damit mehr beschäftigen will, der sollte bei der Softwerkskammer Ruhrgebiet mal vorbeischauen und den Hackergarten besuchen.

Bevor wir uns dann mit Testcontainers beschäftigen, unterhalten wir uns über das Thema Testen und klären, wie wir Unit- und Integrationstests abgrenzen. Wir erwähnen hier auch noch Alternativen zur Testpyramide wie die Honigwabe. Die erwähnte autoweird.fm Folge findet ihr hier. Wir machen dann noch einen kleinen Ausflug zu Integrated Tests bevor es zum eigentlichen Thema kommt.

Kevin erklärt mir, wo die Stärken von Testcontainers liegen und wie sich Tests mit Testcontainers von den “klassischen” Integrated Tests unterscheiden. Er gibt uns einen tiefen Blick in die Funktionsweise und erzählt auch, wie er zum Projekt gekommen ist.

Am Ende schließen wir nochmal den Kreis zum Einstiegsthema und geben ein paar Tipps, wie man die eigene Codebase mit Hilfe von Testcontainers testen und verbessern kann.

Übrigens: Testcontainers gibt es nicht nur für Java. In der GitHub Organisation von Testcontainers gibt es auch Implementierungen für zahlreiche andere Sprachen.

Aufnahme vom 22.03.2019