Ich sehe bei manchen die Endung für JSX anstatt .'js'

aber ändert das überhaupt was ? Oder ist das nur Schönheit.

2. Frage)

Kann ich irgendwie konfigurieren was genau mit

npx create-react-app 

alles erstellt werden soll ?

Denn App.js App.css und App.test.js Stören mich und sie zu löschen ist auch aufwendig. Lieber eine Leere Seite von anfang an statt dem drehenden React Logo.

ich hätte gerne schon unterordner unter 'src' wie zb img, audio, style,components,video usw.

Ganz ohne JavaScript

Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist

aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?

    #container1{
            height: 50vh;
            background-color: blue;
        }
        #container2{
            height: 25vh;
            width: 100%;
            background-color: red;
        }
        #container1:hover #container2{
            background-color: green;
        }
    <div id="container1">
            <div id="container2"></div>
    </div>

Von oben nach unten, aber ohne zusätzliche HTML Tags wie <div> <p> oder <br>.

Der Code sieht so aus <div> a*3 </div> nichts besonderes und dann noch bisschen padding height width background-color

Welche Kodierung oder sowas müsste ich dafür nehmen damit sie Richtig angezeigt werden können ?
Und wie genau lautet der SQL Befehl dafür um die Datenbank oder Tabelle umzustellen ?

(Ist für eine Web Chat Applikation)