Hej HOL. Jeg er lige begyndt at arbejde med React, og er stødt på en situation, som jeg med min erfaring ikke kan finde frem til svaret på. Jeg har bygget en lille Vanilla Javascript "widget", som jeg ønsker at skrive om til React. Fordi jeg gerne vil udnytte nogle af de muligheder, som React tilbyder. Måden den nuværende widget fungere på, er at man indsætter et script tag på siden, som så appender min "widget" til siden. I script-tagget indsættes også en attribute, som bruges som variable inde i scriptet. Eksempel på script-tag: <script src="www.eksempel.dk[...] variable="12345"></script> Er det muligt for mig at bygge en React app, og køre et build på den og lave samme trick som jeg gør i min vanilla "Widget". Måske er der en meget bedre måde at gøre det på ? Håber mit spørgsmål giver mening. MVH
--

#1
inckie
Guru
29-11-2021 19:05

Rapporter til Admin

Er det mon component properties https://reactjs.org[...] du leder efter?
--
https://twitter.com[...] https://linuxmint.com[...] - Få dit privatliv tilbage. https://cinnamon-spices.linuxmint.com[...]

#2
RawnieBrownie
Mega Supporter
29-11-2021 19:39

Rapporter til Admin

#1 nej den del har jeg styr på. :) Det jeg søger er muligheden for "embedde" en React app kun ved et hjælp af et script tag. Eksempel kunne være: Appen sælges til forskellige kunder og alt de skal gøre er at indsætte er et link til scriptet, samt deres nøgle, og så renderes app'en på deres side.
--

#3
Quinkle
Supporter Aspirant
29-11-2021 19:42

Rapporter til Admin

#0 Er det det her du søger? https://reactjs.org[...]
--
Mobil entusiast

#4
RawnieBrownie
Mega Supporter
29-11-2021 19:46

Rapporter til Admin

Jeg søger muligheden for at indsætte en helt app, kun med et script tag. På samme måde som at eks. https://www.cookiebot.com[...] installeres med et enkelt script tag.
--

#5
Pixeldk
Super Supporter
29-11-2021 19:47

Rapporter til Admin

#0 Det kan du tro det er :) Det kaldes for en micro-frontend og kan udføres ved f.eks at lave en create-react-app https://reactjs.org[...] hvor du installere nogle ekstra npm pakker såsom "react-app-rewired" der bundler din løsning til en enkelt javascript fil. Det er dog lidt teknisk, men hvis du googler kan du finde forskellige tutorials på nettet såsom: https://dev.to[...]
--

--

Sidst redigeret 29-11-2021 19:51

#6
RawnieBrownie
Mega Supporter
29-11-2021 19:50

Rapporter til Admin

#5 Fedt! Nu har jeg en betegnelse at søge på! :) Dine links er ender i 404 af en eller anden grund :/
--

#7
Pixeldk
Super Supporter
29-11-2021 19:51

Rapporter til Admin

#6 hvad med nu ;)?
--

#8
RawnieBrownie
Mega Supporter
29-11-2021 19:55

Rapporter til Admin

Fuck ja! Jeg skylder en øl!
--

#9
Not really a react guy
Gæst
29-11-2021 19:58

Rapporter til Admin

Husk at have styr på csp og ressource integrity når du gør sådan nogle ting! Grundlæggende har jeg svært ved at se brugsscenariet, for hvis det er andre der skal inkludere dit widget på deres sider, så er det jo perfekt som du har det, for så er der ikke noget krav til hvordan deres side er lavet, er det til eget brug, så er det jo bare en react component som du evt laver som en npm pakke hvis du skal bruge det i mange projekter. Hvis du vil lave et widget i react som ikke kræver at den hjemmeside den er ligger på kører react, ja så skal du lave et bundle der inkluderer både react og dit widget og det lyder ærligt talt som noget makværk. - men det lugter lidt det hele her, så dig om det
--
Gæstebruger, opret dit eget login og få din egen signatur.