VOS app

Stappen

1. Afspraken
   1. JavaScript bestandsnamen in kleine letters, hyphenated compounds, namelijk spaties tussen woorden vervangen door verbindingsteken (-)
   2. Componentnamen:
      1. functiecomponent: camelcasenotatie
      2. klassecomponent: pascalnotatie
2. Hulp componenten
   1. home.style.js
   2. basic-elements.js
3. UI data exporteren we vanuit de module data/ui/index-procedure.js:
   1. const homeIndexProcedureData
   2. const fireIndexProcedureData
   3. const psychoSocialRiskIndexProcedureData
   4. const accidentIndexProcedureData
4. We deleten App.js.
5. We maken als eerste component IndexProcedure in het bestand components/index-procedure.js.
   1. We testen dit uit door index.js in de root aan te passen:

      /**
      * @format
      * @lint-ignore-every XPLATJSCOPYRIGHT1
      */
      
      import {AppRegistry} from 'react-native';
      import app from './components/index-procedure';
      import {name as appName} from './app.json';
      
      AppRegistry.registerComponent(appName, () => app);

6. We installeren React Navigation
7. Component indexProdedure maken
   1. Eerst zonder props met de data voor de hoofdindex

Onder ondertitel

Paragraaf