Submitting backend using devextreme and ui @ react16 stuff

After refreshing the page (and going through my ssr), it looks like none of css is supported unless I navigate through my application and return to it, or even click some elements. Are there any examples of how this is done correctly?

Im using the same code from the controlled "reactive material ui mesh":

https://github.com/kkotwal94/DrivingService (expand branch) <- where the component is under the / demoBase components, and the SSR is under the /render/pageRender.jsx server. I use material for an example of how this is done. I am using a demo grid in Students.jsx.

The following is an example of what happens after the upgrade: image

Everything else does fine (all other pages) in production mode and in dev mode. I have no idea what's missing here. It seems that jss-in-css does not display correctly.

I found that returning to pre-React 16 everything started working with SSR again and what not, however I cannot use the dx-react-grid project since it requires 16. The view in wackamole, still exploring where I goofed .

TEST

http://transportation.kkotwal.me/ , , yea@yea.com, : 123, , , . , ( , /). dev.

, , css . , : http://transportation.kkotwal.me/students. : https://github.com/kkotwal94/DrivingService/tree/UpdateReact. https://github.com/kkotwal94/DrivingService/tree/UpdateReact/server/render. devExtreme DemoBase.jsx , , , https://github.com/kkotwal94/DrivingService/blob/UpdateReact/app/containers/students/Students.jsx.

+4
1

, , React 16 . , renderToNodeStream().

React 15 16 , . , , :

, , API. HTML-, , ReactDOM.hydrate ReactDOM.render. ReactDOM.render, .

, (, , ) ReactDOM.render, , ReactDOM.hydrate React 16.

0

Source: https://habr.com/ru/post/1692155/


All Articles