Lazy load about react HOT 7 CLOSED

i am amazed at how far you have taken this. Really impressive and useful.

Thanks @joeblew99

the install client side is big

Things definitely aren't fully optimised as yet. Looking at the most minimal example, http://blog.myitcv.io/gopherjs_examples_sites/helloworld/. Total size is 774K. Of that, 152K is minfied React code. Using Preact is smaller still at 49K. I've got something in the TODO list tracking optimising this further. Nothing as advanced as PRPL / lazy load (yet).

Themes. Yes i know its lame, but well was wondering... Material Design maybe ?

You're totally free to do whatever you like as far as styling etc is concerned. reactGen -init (minimal|bootstrap) is really only to get you started... no constraints.

Equally, if you'd like to contribute a different template, let me know. The -init mode of reactGen is very very hacky for now... so could do with a bit of tidy up before contributions in that space.

from react.

from react.

Sounds interesting @joeblew99!

Anything you want to track by keeping this issue open, given that I'll issues from my TODO?

Thanks

from react.

lets close this
I will have a look at your todo list, and do some more tire kicking..

from react.

👍

from react.

Also @joeblew99 just in case you've not seen, the Links of the wiki which has examples, creating your first app guide, talks links etc.

Might be of some help - feedback much appreciated too.

from react.

@myitcv thansk mate. Yeah i was getting a bit lost in terms of how to reuse existing React components out there.

For intance, the code below is from the GRPCWeb example.
You usng bootstrap and then rendering direct creating your own DOm elements as you go.
I am trying to work out if i can use a well known existing lib like Material-UI.
For example their button...
https://github.com/callemall/material-ui/blob/v1-beta/src/Button/Button.js

// Render renders the GetBook component
func (g GetBookDef) Render() r.Element {
st := g.State()
content := []r.Element{
r.P(nil, r.S("Search for book by ISBN (for example, 140008381).")),
r.Form(&r.FormProps{ClassName: "form-inline"},
r.Div(
&r.DivProps{ClassName: "form-group"},
r.Label(&r.LabelProps{ClassName: "sr-only", For: "isnbText"}, r.S("ISBN")),
r.Input(&r.InputProps{
Type: "number",
ClassName: "form-control",
ID: "isnbText",
Value: st.isbnInput,
OnChange: isbnInputChange{g},
}),
r.Button(&r.ButtonProps{
Type: "submit",
ClassName: "btn btn-default",
OnClick: triggerGet{g},
}, r.S("Get Book")),
),
),
}

if st.book != nil {
	content = append(content, renderBook(st.book))
}

if st.err != "" {
	content = append(content,
		r.Div(nil,
			r.Hr(nil),
			r.S("Error: "+st.err),
		),
	)
}

return r.Div(nil, content...)

}

from react.