Nostr Web Client

From chatGPT it seams three things need to happen.

1) Define a const htmlPage = ‘your html code here’;

2) Create a function that returns the first variable inside something called dangerouslySetInnerHTML. (Must say seems like a const as well, but looks like a function, maybe that’s how react works)

3) Give that function a style and then style it separately.

The Daniel 🖖 1y ago

Yeah. The challenge for me was that React has different syntax and structure than HTML and CSS and that’s where I really needed the AI lift the most.

For comparison, I couldn’t set a page background image so I had to rewrite it as a DIV with a background image that filled the entire viewport, and React uses its own variable names that don’t match what I know from my early web coding days.

It’s just a lot to have to get the hang of when all you want to do is publish a single page with almost nothing on it except an image and a link.

Reply to this note

Please Login to reply.

Discussion

_ 1y ago

Could’ve used

tag on html to subdivide your page and have the background image in the specific section you want it instead of the whole page .

Using React for this is going overboard 😂

The Daniel 🖖 1y ago

If you say so. This is the code GPT interpreted from my CSS and it worked, so mission accomplished.

ben 1y ago

hot take: if all you want to do is publish a single page with almost nothing on it except an image and a link, then you should not use react.

unless your goal is learning react.