singulars/modularitzacio.md

@@ -40,3 +40,28 @@ Empaquetar components de react en paquets npm que afegeixin elements gràfics i
 funcionals a la UI de l'oficina.
 
 NPM és un repositori de programari per al llenguatge de programació JavaScript.
+
+
+
+La següent documentació correpon a una prova de concepte per consumir una o diverses components de react des d'una aplicació, també feta amb React.
+
+Per tant, per una banda necessitem una carpeta d'arxius amb els components de react i una configuració de webpack 
+
+
+To simplify this project was bootstrapped using
+nwb, but I would look into an alternative (or just use rollup) as
+this project does not seem to be actively maintained lately. What's interesting
+about nwb is that apart from configuring all necessary bundling for
+you, it sets up a demo application where you can consume the component you are building.
+The idea is to create a component that sets up the whole somoffice frontend, and allows customization.
+
+Problemes al desenvolupar en local:
+- Duplicitat de les instàncies de React:
+
+A l'hora d'utilitzar hooks de React dins el paquet a desenvolupar, perquè puguin funcionar aquests necessiten importar React. Alhora, l'aplicació des d'on s'importa el paquet també importa React i això genera problemes. 
+Per solucionar-ho, cal dir-li al paquet que apunti a la instància de react de l'aplicació des d'on aquest s'importa, de la següent forma:
+
+```
+npm link ../myapp/node_modules/react
+```
+Per tenir més informació, consultar la documentació [següent](https://legacy.reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react)