Sometimes (well, actually pretty often) you have to use conditional statements inside of React Component’s Render methods. You could do it like this: import React from “react”; class MyComponent extends React.Component { render() { return ( {“LGK” == “awesome” ? LGK is awesome! : LGK is not awesome :C } ); } } This works… Continue reading If / else statement inside of React Component’s Render method
Category: Tipps
Regular expression collection
On this post I want to collect different regular expressions, that I used in my projects so I can find them very quick, when I need them in the future. For more useful regular expressions you should check out this page: Containing a string but not multiple others See the Pen Regex example: Containing String… Continue reading Regular expression collection
Try to avoid loops in JavaScript for better performance
Use objects instead of arrays A benefit of objects is that you can directly call its children elements (properties) by name. While arrays only have index numbers. Here is a simple example: const exampleDataArray = [ { id: 8462943, name: “Google”, url: “http://google.com” }, { id: 9847323, name: “Amazon”, url: “http://amazon.com” }, { id: 938442934,… Continue reading Try to avoid loops in JavaScript for better performance
Viele Schriftarten enthalten alle Icons die du brauchst – also warum nutzt du sie nicht?
♥ ☶ ᚓ Emoticons sind aus sozialen Netzwerken längst nicht mehr wegzudenken. Sie werden vor allem dafür genutzt, Gefühle auszudrücken, etwas was durch Wörter häufig schwer auszudrücken ist. Oder sie untermahlen Geschriebenes, u.a. auch um Missverständnisse des Textes zu umgehen. Aber nicht nur beim Austauschen von Nachrichten sind Icons hilfreich. Für die User Experience sind… Continue reading Viele Schriftarten enthalten alle Icons die du brauchst – also warum nutzt du sie nicht?
Das “Thin Design”-Phänomen
“Dünn” als Schönheitsideal existiert nicht nur bei bei Menschen, sondern seit geraumer Zeit auch in der Typografie. Die Variante “Light” einer Schriftart ist mittlerweile Standard. Der Trend geht in diese Richtung, weil Bildschirme immer hochauflösender werden. In Zeiten von 4K und Retina Displays haben UX-Designer deutlich mehr Möglichkeiten Dinge auszuprobieren, die zuvor noch undenkbar waren.… Continue reading Das “Thin Design”-Phänomen
Tumblr Bilder schneller im Vollbild betrachten
Beim Stöbern durch Tumblr-Blogs spürst du vielleicht häufig das Verlangen, ein Bild in der vollen Dimension anzusehen. Denn in Blog-Posts sind die Bilder meistens komprimiert und um auf das volle Bild zu kommen kann schon mal zu einem Krampf führen. ^^ Deswegen habe ich für dieses Problem einen kleinen Service entwickelt. Dort gibst du die… Continue reading Tumblr Bilder schneller im Vollbild betrachten