Book Image

Isomorphic JavaScript Web Development

By : Tomas Alabes, Konstantin Tarkus
Book Image

Isomorphic JavaScript Web Development

By: Tomas Alabes, Konstantin Tarkus

Overview of this book

<p>The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single-page applications by running the same code on the server as well as on the client. Leading this trend is React, which, when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single-page applications.</p> <p>This book begins by showing you how to develop frontend components in React. It will then show you how to bind these components to back-end web services that leverage the power of Node. You'll see how web services can be used with React code to offload and maintain the application logic. By the end of this book, you will be able to save a significant amount of development time by learning to combine React and Node to code fast, scalable apps in pure JavaScript.</p>
Table of Contents (16 chapters)
Title Page
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Chapter 7. Implementing Routing and Navigation

A very important part of an application is routing. Server-side routing is one of the oldest things around. The client requests something through a URL and the server answers back with the requested resource. It might return a static asset as is, or execute some complex logic, gathering resources from external sources and generating the final data for the client to show. The way of doing this may greatly differ between technologies, but all web frameworks have a form of server-side routing.

Client-side routing is newer. When single-page applications (SPAs) started to win space in web development, client-side routers appeared to increase the navigation speed, improving the experience of the end user. The code to navigate to the next views was already there in the client, ready to be run. This is not free though; there is some overhead in the first load if you send a lot of data and also wait for that first render to finish. This can hurt the performance...