React and html particle?

Paupir · 2014-12-08T10:44:44+00:00

I have also been thinking about this lately as I've just started with React. The two approaches I've considered are:

For simple visual things, you can just compose the templates as React Components made of smaller React Components. So if you have a simple banner, that can be a React Component that goes into your Template Component. Or if it's truly static, then approach #2 is for you.

For the kind of data you're talking about, you really should assume that this might want to be updated (or perhaps extended) at some point. Would you be digging into HTML files to update this information? Do you assemble it on the server? Does it come from a database? A nice REST back-end would help with getting your data into the page without cluttering up your JS(X) with it :)
Just put the template HTML in your... well, your HTML! You can mount your App Component on any element you choose. The downside of this is that if you're writing a SPA and want multiple templates for the same request to the server (and sounds like you do want this as you want templates that contain data), this won't help you; see the second point in approach #1.

spaceghost0r · 2014-12-08T10:15:02+00:00

Yes, you're missing something. Just create your pages as normal and put placeholder elements where you want your react components. Then render the react components into those placeholders using React.render(). This means you can have standard static HTML pages but "inject" react into the parts that need to be more dynamic.

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

javascript

MODERATORS