Reactjs - Speed up Server Side Rendering - Sasha Aickin

Tips and tricks for speeding up Reactjs server side rendering talk by Sasha Aickin (formally of Redfin) @ Treasure Data for react meetup on 1/14/16
@xander76
@devonbl

[DivjotSingh]

Woah! That ES6 class one was super crazy!!

[yaroslav]

Just finished watching the talk, thank you, Sasha, I like it a lot.

[kunalsnghal]

Loved it. I hope that the caching bit is super stable soon!

[neknarqo]

What you probably had to say about streaming HTML is that it's really dangerous in cases when you need to show (special) error pages e.g. 404 or 5xx when things go wrong on the backend side. And I believe, the same goes to redirects.

[yaroslav]

For some reason advice to use minified React in requires didn't help in my project. I did it automatically with `babel-plugin-module-alias`:
plugins: [
["module-alias", [
{ "src": "npm:react/dist/react.min", "expose": "react" }
]]
]
Maybe if I replaced it everywhere (including in packages that depend on react), like react-dom (react-dom requires react internally.) it would actually work.

[cinoss]

Did he make a typo at 25:44?
Nonetheless, this is great!!!

[vinayraghu]

How many of these are still relevant in 2021?

[MentholCiC]

Great talk and amazing job on creating this library. Does anyone have an example of how to structure components, so that we could send the static content that doesn't need async data to the browser and stream the rest as data fetching completes? Where is the right place to call http requests via axios or fetch to the api within I guess code for something like Google Search example in the video would be amazing. Thank you

[yaroslav]

Talking about the third tip, you guys could try to use this instead (at the top of server's index.js):
// Speed things up on the server for libraries that unlike React do not cache `process.env`.
process.env =

[gymnerd]

When speaking about caching components, you import LRURenderCache but then instantiate your cache objects with LRUCache. I was expecting it to fail when you ran it.

[rucklerful]

what about setting up NODE_ENV=production inside index.js file? it is the same?

[hk_build]

we are building site by using React js

using babel and jsx files

my question is how to build single component that works for two different designs
(instead of developing 2 components that do same functionality but only difference in UI design )


Example:
1 component that will render the merchant list(food items)

2 component that will render the merchant list(diff books)

both component has diff UI design

how can we develop generic component that will display any merchant list with diff design..?

[sandeepvk]

I have heard React cannot exist in singularity and needs Redux and other build tools to work, which scare me to learn it. Ember is a (kind of) framework, but has lot of inbuilt "magic" which may make you seem that it works, faster but might be hard to debug later. Not sure which one to pick

[alex_chugaev]

It's not a coding, it's bullshit. Owful code style and naming. Spagetti code.... Oh...