If / else statement inside of React Component’s Render method

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 ( <di> {„LGK“ == „awesome“ ? <h1>LGK is awesome!</h1> : <h1>LGK is not awesome :C</h1> } </div> ); } }… If / else statement inside of React Component’s Render method weiterlesen

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,… Try to avoid loops in JavaScript for better performance weiterlesen

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… Viele Schriftarten enthalten alle Icons die du brauchst – also warum nutzt du sie nicht? weiterlesen

Traffic verringern: JavaScript-Dateien kombinieren

Für das Kombinieren und Minimieren von JavaScript-Dateien, habe ich UglifyJS2 auf GitHub gefunden. Das ist ein Node.js-Modul. Um es zu verwenden, muss also Node.js installiert sein. Um UglifyJS2 zu installieren, tippe Folgendes in ein Konsolen-Programm ein (ich benutze gerne PowerShell): npm install uglify-js -g Navigiere anschließend mit cd zu deinem Projekt-Ordner. In meinem Beispiel sieht… Traffic verringern: JavaScript-Dateien kombinieren weiterlesen

Website-Gestaltung: Beschleunigung durch Kombinieren von CSS-Dateien

Wer in einem Web-Projekt viele verschiedene CSS- und JavaScript-Bibliotheken verwendet, wird feststellen, dass sich im Quellcode eine Menge HTTP-Anfragen anhäufen können: <link rel=“stylesheet“ type=“text/css“ href=“./lib/bootstrap/css/bootstrap.css“> <link rel=“stylesheet“ type=“text/css“ href=“./lib/bootstrap/css/bootstrap-theme.css“> <link rel=“stylesheet“ type=“text/css“ href=“./lib/bootstrap-fileinput/css/bootstrap-fileinput.css“> <link rel=“stylesheet“ type=“text/css“ href=“./css/main.css“> <link rel=“stylesheet“ type=“text/css“ href=“./css/home.css“> … Die feine Art ist das nicht. Der Browser muss so bei jedem Seitenaufruf… Website-Gestaltung: Beschleunigung durch Kombinieren von CSS-Dateien weiterlesen