Add some info about React
This commit is contained in:
45
README.md
45
README.md
@ -1,19 +1,44 @@
|
||||
# H<EFBFBD>llbar Utveckling - Utmaning VT7
|
||||
# Hållbar Utveckling - Utmaning VT7
|
||||
|
||||
H<EFBFBD>r finns kod f<EFBFBD>r den prototyp som utvecklades av projektgrupp 3 i kursen ENM156 p<EFBFBD> Chalmers Tekniska H<EFBFBD>gskola.
|
||||
Här finns kod för den prototyp som utvecklades av projektgrupp 3 i kursen ENM156 på Chalmers Tekniska Högskola.
|
||||
|
||||
|
||||
## Utvecklingsmilj<EFBFBD>
|
||||
### F<EFBFBD>ruts<EFBFBD>ttningar
|
||||
Se till att ha f<EFBFBD>ljande mjukvara installerad och fungerande innan n<EFBFBD>stkommande steg utf<EFBFBD>rs:
|
||||
## Utvecklingsmiljö
|
||||
### Förutsättningar
|
||||
Se till att ha följande mjukvara installerad och fungerande innan nästkommande steg utförs:
|
||||
* [NodeJS](https://nodejs.org/en/)
|
||||
* [Git](https://git-scm.com/downloads)
|
||||
|
||||
Om du anv<EFBFBD>nder terminalen f<EFBFBD>r att k<EFBFBD>ra kommandon kan du beh<EFBFBD>va l<EFBFBD>gga till s<EFBFBD>kv<EFBFBD>garna bland dina milj<EFBFBD>variabler (om sitter p<EFBFBD> Windows).
|
||||
Om du använder terminalen för att köra kommandon kan du behöva lägga till sökvägarna bland dina miljövariabler (om sitter på Windows).
|
||||
|
||||
### F<EFBFBD>rsta G<EFBFBD>ngen
|
||||
1. Klona repot genom valfritt Git-verktyg eller genom att k<EFBFBD>ra kommandot
|
||||
### Första gången
|
||||
1. Klona repot genom valfritt Git-verktyg eller genom att köra kommandot
|
||||
```git clone git@github.com:williameriksson126/hallbarUtvecklingVT7.git```
|
||||
i en terminal.
|
||||
2. Navigera till roten av projektmappen/<EFBFBD>ppna projektet i din IDE och k<EFBFBD>r kommandot ```npm install``` via en terminal eller genom ett till<EFBFBD>gg i din IDE (ex. VS Code har m<EFBFBD>jlighet att k<EFBFBD>ra npm-scripts).
|
||||
3. Verifiera att projektet fungerar som det ska genom att <EFBFBD>terg<EFBFBD> till terminalen/till<EFBFBD>gget och k<EFBFBD>ra kommandot ```npm start```.
|
||||
2. Navigera till roten av projektmappen/öppna projektet i din IDE och kör kommandot ```npm install``` via en terminal eller genom ett tillägg i din IDE (ex. VS Code har möjlighet att köra npm-scripts).
|
||||
3. Verifiera att projektet fungerar som det ska genom att återgå till terminalen/tillägget och köra kommandot ```npm start```. Detta kommando kan vara aningen långsamt så ha tålamod.
|
||||
|
||||
Tutorials för React går att hitta [här](https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3).
|
||||
|
||||
|
||||
## Några grejer om React
|
||||
* ``public/index.html`` är den enda HTML-fil vi kommer ha i appen, detta eftersom vi bygger en s.k. SPA (Single Page Application). Man ändrar oftast inget i denna fil utöver möjligtvis innehållet i ``<head>``, detta eftersom React hanterar hela vårt UI.
|
||||
* Ursprungspunkten för React är ``src/index.js``.
|
||||
|
||||
<!--
|
||||
## Upplägg
|
||||
``` mermaid
|
||||
|
||||
classDiagram
|
||||
|
||||
class User
|
||||
User : Subscription[] subs
|
||||
User : Location loc
|
||||
|
||||
class Line
|
||||
|
||||
class Subscription
|
||||
Subscription : Line line
|
||||
|
||||
```
|
||||
-->
|
Reference in New Issue
Block a user