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 without any problem. But you always have to set the else part. But in many situations you only need the “if part”.
In this case, this way is much nicer:

import React from "react";

class MyComponent extends React.Component {
    render() {
        return (
            

                {"LGK" == "awesome" &&
                    
LGK is awesome!
                }
            
        );
    }
}

html_bones ist ein kleines Werkzeug für Web-Entwickler, die schnell mit einem neuen Web-Projekt starten wollen.
Aus eine Reihe an häufig genutzten HTML-Elementen, können die benötigten Komponenten aus- und abgewählt werden.

So erhältst du schnell ein HTML-Grundaufbau, welchen du auch für später speichern kannst.

Es ist keine Anmeldung oder Registrierung notwendig.
Jetzt starten »

Änderungen zur vorherigen Version

Während v1.x vor allem mit PHP lief, läuft v2.1 ausschließlich client-seitig. Das heißt: Weniger Laden.
Denn mit PHP musste für jede Auswahl eine neue HTTP-Anfrage gestellt und bearbeitet werden. Das kostete viel Zeit, vor allem, weil man höchst wahrscheinlich mehrere Elemente hintereinander an- und abwählen möchte.

v2.1 dagegen läuft ausschließlich mit HTML, CSS und JavaScript. Das hat allerdings auch Nachteile, da ich so mehr auf die Browserkompatibilität achten musste. So gibt es mit IE leider immer noch einen Bug, den ich nicht lösen konnte (das UTF-8-Meta-Element kann nicht ausgewählt werden).

Das Design: Materialize

Ich bin zwar ein riesen Bootstrap-Fan, hier wollte ich aber mal ein anderes CSS-Framework testen: Materialize CSS.

Wie sich bereits heraushören lässt, basiert Materialize auf das Material Design von Google. Zu diesem Zeitpunkt befindet sich das Framework allerdings noch im Alpha-Status.

• Materialize Website
• Materialize auf GitHub

Unter bones.lgkonline.com befindet sich die neue Web App “<html_bones>”.

Dieses Tool stellt Web-Entwicklern mit wenigen Klickst eine HTML-Vorlage um sicher zu gehen, dass die nötigsten Elemente bereits gesetzt sind.

Beispielsweise ist das Element <meta http-equiv="X-UA-Compatible" content="IE=edge"> unabdingbar, da sonst der Internet Explorer die Seite nicht im richtigen Modus anzeigen könnte.

Auch häufig genutzte Frameworks wie Bootstrap oder jQuery können mit einem Klick der HTML-Seite per CDN eingebunden werden.

Es ist keine Registrierung nötig. Genutzte Einstellungen können bei Bedarf als Cookie gespeichert werden um das nächste mal die gleiche Vorlage vorzufinden.

Auf geht’s: bones.lgkonline.com »

Eine Entwicklungsumgebung beschäftigt sich mit der Erstellung von HTML, CSS usw. Also zur Entwicklung einfacher Webseiten.

Anders als Dreamweaver, ist Edge Code nicht so mit Funktionen überladen, sondern liefert nur das nötigste.

Edge Code befindet sich zwar noch in der Entwicklungs-Phase, bietet aber bereits einige nützliche Features.

Mit Live Preview zum Beispiel, braucht man lediglich Strg + Alt + P drücken, und die Seite, an der man gerade arbeitet, wird direkt im Browser angezeigt.

Mit Strg + E lässt sich ein markiertes HTML-Element direkt stylen, ohne dass man extra zur CSS-Datei wechseln muss.

Momentan gibt es Edge Code nur als Preview und gratis zum Downloaden. Hoffentlich bleibt auch die finale Version kostenlos. Das Programm hat eine aufgeräumte Oberfläche und macht die Web-Entwicklung einfach smarter.

Edge Code und weitere interessante Teile der Adobe Edge-Familie findest du hier: http://html.adobe.com/edge/