Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
React Projects

You're reading from   React Projects Build 12 real-world applications from scratch using React, React Native, and React 360

Arrow left icon
Product type Paperback
Published in Dec 2019
Publisher Packt
ISBN-13 9781789954937
Length 474 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Roy Derks Roy Derks
Author Profile Icon Roy Derks
Roy Derks
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Creating a Movie List Application in React FREE CHAPTER 2. Creating a Progressive Web Application with Reusable React Components 3. Build a Dynamic Project Management Board with React and Suspense 4. Build a SSR-Based Community Feed Using React Router 5. Build a Personal Shopping List Application Using Context API and Hooks 6. Build an Application Exploring TDD Using Jest and Enzyme 7. Build a Full Stack E-Commerce Application with React Native and GraphQL 8. Build a House Listing Application with React Native and Expo 9. Build an Animated Game Using React Native and Expo 10. Creating a Real-Time Messaging Application with React Native and Expo 11. Build a Full Stack Social Media Application with React Native and GraphQL 12. Creating a Virtual Reality Application with React 360 13. Other Books You May Enjoy

Build a SSR-Based Community Feed Using React Router

So far, you've learned how React applications are typically Single-Page Applications (SPAs) that can be used as a Progressive Web App (PWA). This means the application is rendered client-side, making it load in the browser when the user visits your application. But did you know React also supports Server-Side Rendering (SSR), as you might remember from back in the old days when code only rendered from a server?

In this chapter, you'll add declarative routing to a Create React App using react-router and have components dynamically loaded from the server instead of the browser. To enable SSR, the React feature, Suspense, will be used with ReactDOMServer. If you're interested in Search Engine Optimization (SEO), this chapter will use React Helmet to add metadata to the page so your application can be better indexed...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime