Create a faster and more responsive user experience by implementing server-side rendering in your React projects.
- Hi, I'm Manny Henri and I've been working with React since it's release. And often use SSR in my own applications. Server-Side Rendering, universal or ISO morphic applications can be an intimidating subject for some. And even understanding what these terms are can be confusing if you've never explored the subject. I'm here to clarify and demystify the subject for you. While exploring using SSR with Next JS, ReadX and Express. First, we'll explore the basics of SSR.
What it is and tools we need and install them. Then, we'll focus our attention on using a template project and build our first application with SSR React and leveraging Next JS. Also, we'll take a look at Express and how we can use it with SSR approach. Finally, we'll take a look at code splitting and how it impacts our applications' performance. If you're ready to learn all about SSR with React, fire up your favorite editor and let's get started.
- Setting up SSR
- Adding components
- Adding Redux actions and reducers
- Adding single and multiple routes with Nodes
- Code splitting with Next.js