adage frontend

Sprichwort Frontend

~ Verwenden Sie die App ~

Sprichwort ist ein Tool, mit dem Sie Genexpressionsdaten erforschen und neue Erkenntnisse aus maschinellen Lernmodellen entdecken können. Dieses Repository enthält den Code für das "Frontend", dh die Web -App selbst. Das "Back End", in dem die Modelldaten geladen und dann der Web -App zur Verfügung gestellt werden, finden Sie hier.

Um

Diese App wurde mit dem React -Framework erstellt. Insbesondere wurde es mithilfe von Create React App erstellt, eine Vorlage/einen Ausgangspunkt zum Erstellen von React -Apps mit minimalem Setup.

Um diesen Quellcode zu bearbeiten, müssen Sie wahrscheinlich einige Grundlagen von Git, Github, HTML, CSS, Modern JavaScript, React, JSX, Redux, der Knotenumgebung verstehen.

Wenn Sie Änderungen am Verhalten dieser App für Ihre eigenen Zwecke vornehmen möchten und Hilfe benötigen, können Sie sich an das Team wenden. Wenn Sie uns nur eine Änderung vorschlagen möchten, können Sie in diesem Repository ein Problem erstellen.

Änderungen vornehmen

Richten Sie die erforderliche Infrastruktur ein:

1. Installieren Sie GIT (das System, das Änderungen am App -Quellcode verfolgt)
2. Geben Sie dieses Repository auf und klonen Sie es auf Ihren Computer (Sie haben also eine lokale Kopie des Codes, um Ihre eigenen Änderungen vorzunehmen)
3. Installieren Sie Node.js (die Umgebung, die die App testet, baut und verpackt)
4. Installieren Sie Garn (der Paketmanager, der alle Abhängigkeiten von Drittanbietern für die App installiert)
5. Wählen Sie und installieren Sie Ihre bevorzugte Befehlszeilenschnittstelle und Ihr Texteditor für Ihr Betriebssystem

Navigieren Sie in Ihrer Befehlszeile zum Verzeichnis, in dem Sie das Repository klonierten. Alle unten aufgeführten Befehle sollten von dort aus ausgeführt werden.

Installieren Sie die Paketabhängigkeiten der App:

1. Führen Sie yarn install . Dies kann einige Minuten dauern.

Führen Sie eine lokale Testversion der App aus:

1. Führen Sie yarn start . Dadurch wird eine neue Browser -Registerkarte mit einer Live -Vorschau der App geöffnet. Dieser Befehl beobachtet kontinuierlich Änderungen im Quellcode und aktualisiert die Vorschau automatisch im Browser. Drücken Sie ctrl+c (oder etwas anderes, abhängig von Ihrer Befehlszeilenschnittstelle), um diese Live -Vorschau zu stoppen und einen anderen Befehl auszuführen.

Führen Sie alle eingeschlossenen Tests aus, um festzustellen, ob ein kritisches Verhalten der App aufgrund der jüngsten Änderungen einbrach:

1. Führen Sie yarn test . Wie der vorherige Befehl beobachtet dies kontinuierlich nach Änderungen im Quellcode. Drücken Sie ctrl+c um den Prozess zu stoppen und einen anderen Befehl auszuführen.

Erstellen Sie die App, dh eine gebündelte, optimierte Version der App erstellen, die auf eine Website gestellt werden kann:

1. Run yarn build .