react is very much waste of space

and you know what comes with useless lines of code?

low performance

your react app made in vanilla js would be 1/100th of the file size

you think your react app can compare with performance, when there are 100 lines of code for each 1 line of code compared to vanilla js implementation?

#vanillajs #react

it is now possible to host any #react app fully #decentralized

using #datauri & #nostr #relays, there is no need for http #server

see #dget #fileloader #filepublish #ourchan #serverless #p2p

#ourchan

data:text/html;r=nos.lol;k=2b8d50fcc974ffb652c0ab33edebb6a9ce72cd154591969592bc8b607a4ea1f2;f=ourchan;base64,PHNjcmlwdD4KKCgpID0+IHsKICBjb25zdCByID0gIndzczovLyIgKyBsb2NhdGlvbi5ocmVmLm1hdGNoKC9kYXRhOlxTKz87cj0oW147XSspXFMqO2Jhc2U2NCwvKVsxXQogIGNvbnN0IGsgPSBsb2NhdGlvbi5ocmVmLm1hdGNoKC9kYXRhOlxTKz87az0oW147XSspXFMqO2Jhc2U2NCwvKVsxXQogIGNvbnN0IGYgPSBsb2NhdGlvbi5ocmVmLm1hdGNoKC9kYXRhOlxTKz87Zj0oW147XSspXFMqO2Jhc2U2NCwvKVsxXQoKICBkb2N1bWVudC53cml0ZSgiPHA+Y29ubmVjdGluZyB0byAiICsgciArICI8L3A+IikKICBjb25zdCBzID0gbmV3IFdlYlNvY2tldChyKQoKICBzLm9ub3BlbiA9ICgpID0+IHsKICAgIHMuc2VuZCgnWyJSRVEiLCAicSIsIHsiYXV0aG9ycyI6IFsiJyArIGsgKyAnIl0sICIjZCI6IFsiJyArIGYgKyAnIl19XScpCiAgfQoKICBzLm9ubWVzc2FnZSA9IGFzeW5jIChlKSA9PiB7CiAgICBzLmNsb3NlKCkKICAgIGRvY3VtZW50LndyaXRlKEpTT04ucGFyc2UoZS5kYXRhKVsyXS5jb250ZW50KQoKICAgIHdoaWxlKCF3aW5kb3cubG9hZGVkKXsKICAgICAgYXdhaXQgbmV3IFByb21pc2UoYyA9PiBzZXRUaW1lb3V0KGMsIDEwKSkKICAgIH0KCiAgICBkaXNwYXRjaEV2ZW50KG5ldyBDdXN0b21FdmVudCgibG9hZCIpKQogIH0KfSkoKQo8L3NjcmlwdD4K

updates: ipfs depencency removed

now all files are loaded from relays

using #dget #fileloader #filepublish, it is possible to download 1 MB main.js from relays

#dget #dgetjs

nostr:note1x6asj7tg5ut4sl24tc99fy9slwfp0lgnuqg4w287wr097wdaayxqc6mzq6

one function, to request multipart files from nostr

see #fileloader #filepublish for full file viewer and for publishing files

https://rentry.org/dgetjs

effect is same:

datauris can contain html+js app bootstrap code

running app locally in browser

even though datauris are not clickable, its way easier to copy paste one link than run something as local server:

git clone repo

cd repo

yarn

yarn run

firefox http://localhost:8080

thats lots of steps

and only usable by linux nerds

#ourchan

(yes, its possible to load react app from datauri)

however, due to large size of react apps, still loading some content from ipfs. at least its initializing from datauri

data:text/html;r=nos.lol;k=2b8d50fcc974ffb652c0ab33edebb6a9ce72cd154591969592bc8b607a4ea1f2;f=ourchan;base64,PHNjcmlwdD4KKCgpID0+IHsKICBjb25zdCByID0gIndzczovLyIgKyBsb2NhdGlvbi5ocmVmLm1hdGNoKC9kYXRhOlxTKz87cj0oW147XSspXFMqO2Jhc2U2NCwvKVsxXQogIGNvbnN0IGsgPSBsb2NhdGlvbi5ocmVmLm1hdGNoKC9kYXRhOlxTKz87az0oW147XSspXFMqO2Jhc2U2NCwvKVsxXQogIGNvbnN0IGYgPSBsb2NhdGlvbi5ocmVmLm1hdGNoKC9kYXRhOlxTKz87Zj0oW147XSspXFMqO2Jhc2U2NCwvKVsxXQoKICBkb2N1bWVudC53cml0ZSgiPHA+Y29ubmVjdGluZyB0byAiICsgciArICI8L3A+IikKICBjb25zdCBzID0gbmV3IFdlYlNvY2tldChyKQoKICBzLm9ub3BlbiA9ICgpID0+IHsKICAgIHMuc2VuZCgnWyJSRVEiLCAicSIsIHsiYXV0aG9ycyI6IFsiJyArIGsgKyAnIl0sICIjZCI6IFsiJyArIGYgKyAnIl19XScpCiAgfQoKICBzLm9ubWVzc2FnZSA9IGFzeW5jIChlKSA9PiB7CiAgICBzLmNsb3NlKCkKICAgIGRvY3VtZW50LndyaXRlKEpTT04ucGFyc2UoZS5kYXRhKVsyXS5jb250ZW50KQoKICAgIHdoaWxlKCF3aW5kb3cubG9hZGVkKXsKICAgICAgYXdhaXQgbmV3IFByb21pc2UoYyA9PiBzZXRUaW1lb3V0KGMsIDEwKSkKICAgIH0KCiAgICBkaXNwYXRjaEV2ZW50KG5ldyBDdXN0b21FdmVudCgibG9hZCIpKQogIH0KfSkoKQo8L3NjcmlwdD4K

#ourchan

https://ipfs.io/ipfs/QmfKHu9YModTCUoVdbZbVQVd75rujr5aKEmgCJ66MUe1Vs#/g

(fixed some broken links)

some redirect errors still

going back to front page fixes it

#ourchan

hosted on ipfs demo server, it may be alive next 30 days

https://ipfs.io/ipfs/QmPW3bHMGUewq4ja87g7HYFiWzjRukM2XSDozzKz9MZPk8

【4K/α7Sⅲ】星 瑠菜（Japanese idol singer Runa Hoshi）アイゲキ「ソロスペ + ダンチャレ」高田馬場BSホール 2023年7月2日（日）

https://files.catbox.moe/2p4aey.mp4