Umsatzsteuerrechner mit React.js

Zur Zeit befasse ich mich stark mit der JavaScript-Bibliothek React. Diese von Facebook entwickelte JavaScript-Bibliothek ermöglicht unter anderem die Entwicklung super schneller User Interfaces.

Nach dem ich mich nun also etwas in das Thema eingelesen und das ein oder andere kleinere Tutorial durchgearbeitet hatte, war es an der Zeit was eigenes mit React umzusetzen. Und da kam mir mein Umsatzsteuerrechner in den Sinn, den ich damals noch auf Basis von PHP habe und nun mit React neu entwickelt habe.

Eine zuvor noch Server-seite Anwendung, wurde nun also von mir auf eine komplett Client-seitige  Applikation umgebaut. Im Gegensatz zur PHP-Anwendung werden nun also die Berechnungen im Browser des Clients durchgeführt und „belasten“ somit den Server nicht mehr. Der Server liefert nun also nur noch Code (Markup, CSS und JavaScript) an den Browser des Users aus und dieser macht dann den Rest.

Noch ist die Applikation nicht sonderlich schick und Bedarf hier und dort noch der ein oder auch anderen Optimierung, aber das Ziel war zunächst auch erst einmal eine eigene React-App zu basteln.

Die neue Version des Umsatzsteuerrechners findet ihr hier: Umsatsteuerrechner (React)

Zum Vergleich findet ihr hier dann noch die alte Version auf Basis von PHP: Umsatzsteuerrechner (PHP) 

Aktuell schreibe ich ein passendes Tutorial zur Umsetzung meines Umsatzsteuerrechners mit React. Darin werde ich folgende Themen versuchen abzuhandeln:

  • Installation von node.js und Create-React-App (via npm)
  • Überlegungen zum Aufbau un der einzelnen Kompnenten der App (Atomic Design)
  • Produktivsetzung

 

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.