React: Software Architecture | Server-side rendering basics | Part 2 

Thanks for the in-depths analysis and a great example. This really open your eyes on what NextJs does under the hood. Great stuff!

thanks that was such a good introduction to server side rendering and coding along was so fun. can't wait to see what you'll upload next 🔥

A brilliant video. So grateful 🙏

Under rated channel. You got some great content. Keep up the good work.

Thanks for the great video!!! ❤❤❤ Can you make a video on how to deploy ReactJs SSR? I'm having trouble with this. Thank you so much

please do a video on ssr with react js using webpack and babel. and also add loadable components to it. thank you for this great tutorial.

Hi Mr. M. So I followed along with your video to build the routes, but I have encountered a problem, Here is the error: Error: 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.' I have figured out that it's the renderToString that cause the problem. Are you able to help me?

Thank you, but I have a question, does this works in a shared hosting that doesn't support node js

You're awesome > Note : I had no idea that can do ssr in raw react... thus i was thinking switch to nextjs13 hahaha

nice video. if you can also do a video on how to handle this with firebase functions it would be great. only if you like firebase otherwise this tutorial is still enough

I think all of these SSR can be handled by Next.js, getting the same result? Is that right?

Thanks for the informative video , but facing this problem Can you please help Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. at renderElement (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:6047:9) at renderNodeDestructiveImpl (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:6108:11) at renderNodeDestructive (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:6080:14) at retryTask (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:6532:5) at performWork (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:6580:7) at C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:6904:12 at scheduleWork (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:78:3) at startWork (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:6903:3) at renderToStringImpl (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:6977:3) at renderToString (C:\Work\ssr\app-3 ode_modules eact-dom\cjs eact-dom-server-legacy.node.development.js:7065:10) at C:\Work\ssr\app-3\/server.js:15:34 at Layer.handle [as handle_request] (C:\Work\ssr\app-3 ode_modules\express\lib outer\layer.js:95:5) at next (C:\Work\ssr\app-3 ode_modules\express\lib outer oute.js:144:13) at Route.dispatch (C:\Work\ssr\app-3 ode_modules\express\lib outer oute.js:114:3) at Layer.handle [as handle_request] (C:\Work\ssr\app-3 ode_modules\express\lib outer\layer.js:95:5) at C:\Work\ssr\app-3 ode_modules\express\lib outer\index.js:284:15 at param (C:\Work\ssr\app-3 ode_modules\express\lib outer\index.js:365:14) at param (C:\Work\ssr\app-3 ode_modules\express\lib outer\index.js:376:14) at Function.process_params (C:\Work\ssr\app-3 ode_modules\express\lib outer\index.js:421:3) at next (C:\Work\ssr\app-3 ode_modules\express\lib outer\index.js:280:10) at SendStream.error (C:\Work\ssr\app-3 ode_modules\serve-static\index.js:121:7) at SendStream.emit (node:events:517:28) at SendStream.emit (node:domain:489:12) at SendStream.error (C:\Work\ssr\app-3 ode_modules\send\index.js:270:17) at SendStream.redirect (C:\Work\ssr\app-3 ode_modules\serve-static\index.js:185:12) at SendStream.emit (node:events:517:28) at SendStream.emit (node:domain:489:12) at SendStream.redirect (C:\Work\ssr\app-3 ode_modules\send\index.js:475:10) at onstat (C:\Work\ssr\app-3 ode_modules\send\index.js:723:41) at FSReqCallback.oncomplete (node:fs:211:5)

Hi I am working with react-router-dom v6, My Application have a hug structure, I am facing too much errors, un-known error Could you please help me in this regards

Good video for people

i cant use renderToString, what should i do ?

love love love love

👍👍👍👍

Whats difference between this and nextjs ?

does this works for react v18

Good video 👍

cra is deprecated

"Copy the starting state of the exercise files" . Exercise files where? XD

where is source code

first viewww😍😍😍😍