Skip to content

Kodemanual for klientsiden (React)

Bjørn Are Therkelsen edited this page Aug 21, 2019 · 1 revision

Bibliotek for design

ant.design

Mappestruktur

All kode som brukes i klientsiden ligger inni mappen frontend.

Inni frontend ligger det tre andre mapper:

  • node_modules - filer fra tredjeparts moduler
  • public - filer som gir grunnleggende informasjon til nettleseren
  • src - resten av filene, se lenger ned

Skjermbilde_2019-04-09_kl._15.55.55

assets

Denne mappen inneholder resurser til nettsiden. For øyeblikket er det bare images med statiske bilder.

components

Her ligger alle gjenbrukbare komponenter (knapper, listeelementer og tags), og skjemaer (forms).

containers

Denne mappen er dedikert til alle filer som representerer egne sider på nettsiden. Typisk brukes disse ett sted og er ikke gjenbrukbare.

store

Her er alle filer som holder orden på hvilken tilstand nettsiden er i. Brukes i login for brukere og lagring av objekter.

style

Inneholder stiler som brukes for å tilpasse designet utover ant.design-biblioteket.

Løse filer

index.js - initialiserer lagringen med filene i mappen store og linker videre til App.js

App.js - setter opp samme stil for alle sider, passer på å automatisk logg inn for brukere. Linker også videre til routes.js

routes.js - samler alle linkene på ett sted, forteller React hvor det er mulig å navigere.

package.json - inneholder alle pakkene som er installert