schulze/hallbarUtvecklingVT7
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add some info about React

Browse Source
This commit is contained in:
André Wahlberg
2020-11-20 08:46:25 +01:00
parent d9b87a9be6
commit cf36e00662
1 changed files with 35 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
README.md
View File

@ -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> ## Utvecklingsmiljö
### F<EFBFBD>ruts<EFBFBD>ttningar ### Förutsättningar
Se till att ha f<EFBFBD>ljande mjukvara installerad och fungerande innan n<EFBFBD>stkommande steg utf<EFBFBD>rs: Se till att ha följande mjukvara installerad och fungerande innan nästkommande steg utförs:
* [NodeJS](https://nodejs.org/en/) * [NodeJS](https://nodejs.org/en/)
* [Git](https://git-scm.com/downloads) * [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 ### Första gången
1. Klona repot genom valfritt Git-verktyg eller genom att k<EFBFBD>ra kommandot 1. Klona repot genom valfritt Git-verktyg eller genom att köra kommandot
```git clone git@github.com:williameriksson126/hallbarUtvecklingVT7.git``` ```git clone git@github.com:williameriksson126/hallbarUtvecklingVT7.git```
i en terminal. 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). 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 <EFBFBD>terg<EFBFBD> till terminalen/till<EFBFBD>gget och k<EFBFBD>ra kommandot ```npm start```. 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
```
-->