Artikel mit Schlagwort

Jim Nielsen:

Ich denke, Sie werden es erfrischend finden, React A) mit einer JSX-ähnlichen Syntax und B) ohne jegliche Build-Tools zu verwenden.

Erfrischend in der Tat: …

Ich hätte das wahrscheinlich schon vor langer Zeit lernen sollen, aber nun ja, hier sind wir. Es stellt sich heraus, dass man festlegen kann, welche Funktion JSX verwenden soll. Ja, JSX führt eigentlich nur eine Haupttransformation durch. Es wandelt spitze Klammern um …

Um Inline-Stile auf einem Element in JSX hinzuzufügen, müssen Sie dies in dieser Objekt-Syntax tun, so wie

<div style={{
  fontSize: 16,
  marginBottom: "1rem"
}}Content
</div

Das mag uns Leuten, die so … etwas seltsam erscheinen.

Heute fügen wir unserer Fun Food Friends App die Authentifizierung (über Google Authentifizierung und Firebase) hinzu, damit nur angemeldete Benutzer sehen können, wer was zum Potluck mitbringt, und auch eigene Elemente beitragen können. Wenn Benutzer nicht angemeldet sind, können sie weder sehen, was die Leute zum Potluck mitbringen, noch eigene Elemente hinzufügen.

Dieses Tutorial ist der zweite Teil einer dreiteiligen Serie über React von Brad Westfall. Diese Serie dreht sich darum, über grundlegende React-Fähigkeiten hinauszugehen und größere Dinge zu bauen, wie ganze Single Page Applications (SPAs). Dieser Artikel knüpft dort an, wo…