React-starter-kit: jQuery script for specific component (server side rendering)

[manhhailua]

If server side rendering, jQuery will not work because "jQuery need a document within a window". How would I write jQuery script with a specific component? Maybe like the way context.insertCss() work.
Would we make something named: context.insertScripts()?

[voquockhanh]

You can only write jquery on ComponentDidMount() and componentDidUpdate().
ex: http://semantic-ui.com/introduction/integrations.html

[manhhailua]

@voquockhanh2 : the problem is that componentDidMount() does not run on server side rendering

[voquockhanh]

@manhhailua : I think you cannot run Jquery on Server side, jquery need to read rendered DOM so it is client script only.

[manhhailua]

@voquockhanh2: so, should we make a new func named context.insertScripts? it does exactly what context.insertCss did.

[voquockhanh]

@manhhailua : I think we only need import jquery on bottom of Html.js

[manhhailua]

@voquockhanh2: then where will you put these lines of code in a specific component?

  $(function () {
    // using jQuery
  });

[voquockhanh]

@manhhailua in component you create componentDidMount() and componentDidUpdate(), and write jquery there (remmeber import jquery to your html.js)
example: http://semantic-ui.com/introduction/integrations.html