Isomorphic Web Applications : Universal Development with React

You used to have two options for web app architecture: backend server-rendered in response to requests, or frontend browser-rendered, single page applications. Now you have a new choice: isomorphic apps, which let you take advantage of the best of both worlds. Isomorphic Development with JavaScript teaches web developers to build isomorphic web applications using JavaScript, NodeJS, and React. By the end, they'll be able to build a high performance content site that will support their users' needs and their SEO goals. KEY FEATURES Hands-on examples Teaches isomorphic app basics Easy-to-follow ABOUT THE TECHNOLOGYAn isomorphic app is a web app that blends a server-rendered web app with a single-page application. AUTHOR BIOElyse Kolker Gordon has been building web applications for five years and is a Technical Lead at Vevo, where she solves challenges with isomorphic apps every day. She writes technical articles and speaks about JavaScript at meetups and conferences. In her free time, she plays the drums and travels.

Summary

Isomorphic Web Applications teaches you to build production-quality web apps using isomorphic architecture. Designed for working developers, this book offers examples in relevant frameworks like React, Redux, Angular, Ember, and webpack.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

About the Technology

Build secure web apps that perform beautifully with high, low, or no bandwidth. Isomorphic web apps employ a pattern that exploits the full stack, storing data locally and minimizing server hits. They render flawlessly, maximize SEO, and offer opportunities to share code and libraries between client and server.

About the Book

Isomorphic Web Applications teaches you to build production-quality web apps using isomorphic architecture. You''ll learn to create and render views for both server and browser, optimize local storage, streamline server interactions, and handle data serialization. Designed for working developers, this book offers examples in relevant frameworks like React, Redux, Angular, Ember, and webpack. You''ll also explore unique debugging and testing techniques and master specific SEO skills.

What''s Inside

• Controlling browser and server user sessions
• Combining server-rendered and SPA architectures
• Building best-practice React applications
• Debugging and testing

About the Reader

To benefit from this book, readers need to know JavaScript, HTML5, and a framework of their choice, including React and Angular.

About the Author

Elyse Kolker Gordon runs the growth engineering team at Strava. Previously, she was director of web engineering at Vevo, where she regularly solved challenges with isomorphic apps.

Table of Contents

PART 1 - FIRST STEPS

1. Introduction to isomorphic web application architecture
2. A sample isomorphic app

PART 2 - ISOMORPHIC APP BASICS

3. React overview
4. Applying React
5. Tools: webpack and Babel
6. Redux

PART 3 - ISOMORPHIC ARCHITECTURE

7. Building the server
8. Isomorphic view rendering
9. Testing and debugging
10. Handling server/browser differences 203
11. Optimizing for production

PART 4 - APPLYING ISOMORPHIC ARCHITECTURE WITH OTHER TOOLS

12. Other frameworks: implementing isomorphic without React
13. Where to go from here