2017-12-05 1 views
0

zurückgeben Ich begann zu reagieren als mein Framework der Wahl. Bei meinem Abenteuer durch die documentation bemerkte ich, dass bei der Verwendung der create-react-app Skript, um eine neue Reaktion Boilerplate zu starten, sie .js Dateierweiterung auf Skripts, die jsx Code zurückgegeben wurden. Als ich meinen Freund fragte, sagte er mir, dass Sie die .jsx Erweiterung für Skripte verwenden sollten, die diese Art von Code zurückgeben.Verwenden von JS-Dateierweiterungen beim Schreiben von Skripts, die jsx

Ich bin hier ein bisschen verloren, als ob beide funktioniert, wäre es nicht besser, mit der .js Erweiterung zu gehen, wie am Ende des Tages sein Javascript wir schreiben.

Bitte helfen Sie mir, was gilt als Best Practice. (Ich habe irgendwie das Gefühl, es wäre, die .jsx Erweiterungen auf dieser Art von Skripten zu verwenden, aber ich würde gerne die Gemeinschaft der Ansicht auf diesen hören)

Vielen Dank im Voraus :)

+0

Ich bin nicht super kenntnisreich, aber ich habe mehrere react apps mit 'create-react-app' gemacht und habe immer nur die' .js' Erweiterung benutzt. Hatte nie ein Problem mit jsx in diesen Dateien, solange "reagieren" im Bereich ist. –

+0

Wahrscheinlich [diese] (https://stackoverflow.com/questions/27887678/react-js-what-extension-to-use-jsx-or-just-js) Antwort wird Ihnen helfen –

+0

@MikhailKatrin Ihre Antwort war gut wie Danke für den Link. Für jeden, der diese Seite besucht, ist dieser Link ein Muss! –

Antwort

2

Es ist wirklich bis zu persönlichen Vorlieben.

Meine persönliche Meinung ist JavaScript ist JavaScript, und ich verwende einfach .js. Andere werden bevorzugen, .jsx in Dateien zu verwenden, die JSX und .js für Dinge wie Dienstprogramme sind, um zu unterscheiden. Die einzige wichtige Sache ist, in was auch immer Sie sich entscheiden (zumindest innerhalb eines Projekts) konsistent zu sein.

Im Allgemeinen ist es egal.

Die einzige Zeit, die wirklich wichtig sein könnte, basiert auf Ihrer Build-Pipeline. Einige Build-Pipelines können so konfiguriert werden, dass sie .js und .jsx mit etwas anderen Regeln kompilieren, aber das würde auf Ihrer Anwendung basieren (Dinge wie create-react-app sind mir egal).

Am Ende des Tages könnten Sie eine .cookiemonster Erweiterung verwenden und es würde gut funktionieren (solange Ihre Build-Pipeline für die Handhabung konfiguriert ist).

0

Eigentlich ist es egal, liegt an Ihnen zu entscheiden, ich bevorzuge .jsx, wenn ich die Mischung zwischen HTML und JS zurückgeben und .js nur verwenden, wenn ich plain JS oder ES6 verwenden.

Ich empfehle Ihnen, darüber auf this issue on github zu lesen.

Verwandte Themen