{"id":7228,"date":"2017-03-24T07:00:56","date_gmt":"2017-03-24T15:00:56","guid":{"rendered":"http:\/\/formtek.com\/blog\/?p=7228"},"modified":"2017-02-17T08:29:27","modified_gmt":"2017-02-17T16:29:27","slug":"isomorphic-javascript-searchable-less-bloated-web-development","status":"publish","type":"post","link":"https:\/\/formtek.com\/blog\/isomorphic-javascript-searchable-less-bloated-web-development\/","title":{"rendered":"Isomorphic Javascript: Searchable, Less-Bloated Web Development"},"content":{"rendered":"<p>Isomorphic Javascript is a web development design choice that uses Javascript as the primary language no both client and server. \u00a0The use of Isomorphic Javascript allows code sharing between both the frontend and backend of the app.<\/p>\n<p>Isomorphic Javascript stands in contrast to the trend towards &#8220;Single Page&#8221; Javascript apps. \u00a0Single page apps tend to require a lot of Javascript code and are very large. \u00a0The initial downloads can be very slow and without running the Javascript code, search engines aren&#8217;t able to scan the web pages to determine and index content.<\/p>\n<p>The <a href=\"https:\/\/strongloop.com\/strongblog\/node-js-react-isomorphic-javascript-why-it-matters\/\">lifecycle of an Isomorphic Javascript app<\/a> is as follows:<\/p>\n<ol>\n<li>Server-side Javascript renders HTML and then delivers to the client<\/li>\n<li>Client browser loads the HTML<\/li>\n<li>Client-side Javascript loads and does a final bootstraps the application<\/li>\n<li>Subsequent interactions on the page are primarily handled by client-side Javascript<\/li>\n<\/ol>\n<p>Some of the advantages of Isomorphic Javascript include:<\/p>\n<ul>\n<li>Faster page load time &#8212; most of the page is pre-rendered on the server<\/li>\n<li>Improved SEO searchability &#8212; &#8220;single page&#8221;\u00a0client-side Javascript often are not easily search-engine friendly<\/li>\n<li>Slimmer client apps &#8212; less Javascript needed on the frontend<\/li>\n<\/ul>\n<p>Examples of Isomorphic Javascript frameworks include:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.meteor.com\/\">Meteor<\/a><\/li>\n<li><a href=\"http:\/\/derbyjs.com\/\">Derby<\/a><\/li>\n<li><a href=\"http:\/\/feathersjs.com\/\">Feathers<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<div class=\"lightsocial_container\"><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/digg.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/digg.png\" alt=\"Digg This\" title=\"Digg This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/reddit.png\" alt=\"Reddit This\" title=\"Reddit This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.stumbleupon.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/stumbleupon.png\" alt=\"Stumble Now!\" title=\"Stumble Now!\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/buzz.yahoo.com\/buzz?targetUrl=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F&amp;headline=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/yahoo_buzz.png\" alt=\"Buzz This\" title=\"Buzz This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.dzone.com\/links\/add.html?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dzone.png\" alt=\"Vote on DZone\" title=\"Vote on DZone\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.facebook.com\/sharer.php?t=&amp;u=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/facebook.png\" alt=\"Share on Facebook\" title=\"Share on Facebook\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/delicious.com\/save?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/delicious.png\" alt=\"Bookmark this on Delicious\" title=\"Bookmark this on Delicious\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.dotnetkicks.com\/kick\/?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dotnetkicks.png\" alt=\"Kick It on DotNetKicks.com\" title=\"Kick It on DotNetKicks.com\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/dotnetshoutout.com\/Submit?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dotnetshoutout.png\" alt=\"Shout it\" title=\"Shout it\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F&amp;title=&amp;summary=&amp;source=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/linkedin.png\" alt=\"Share on LinkedIn\" title=\"Share on LinkedIn\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.technorati.com\/faves?add=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/technorati.png\" alt=\"Bookmark this on Technorati\" title=\"Bookmark this on Technorati\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/twitter.com\/home?status=Reading+https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/twitter.png\" alt=\"Post on Twitter\" title=\"Post on Twitter\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.google.com\/buzz\/post?url=https%3A%2F%2Fformtek.com%2Fblog%2Fisomorphic-javascript-searchable-less-bloated-web-development%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/google_buzz.png\" alt=\"Google Buzz (aka. Google Reader)\" title=\"Google Buzz (aka. Google Reader)\" \/><\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Isomorphic Javascript is a web development design choice that uses Javascript as the primary language no both client and server. \u00a0The use of Isomorphic Javascript allows code sharing between both the frontend and backend of the app. Isomorphic Javascript stands<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/formtek.com\/blog\/isomorphic-javascript-searchable-less-bloated-web-development\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78],"tags":[],"class_list":["post-7228","post","type-post","status-publish","format-standard","hentry","category-code-development"],"_links":{"self":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/7228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/comments?post=7228"}],"version-history":[{"count":2,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/7228\/revisions"}],"predecessor-version":[{"id":7230,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/7228\/revisions\/7230"}],"wp:attachment":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/media?parent=7228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/categories?post=7228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/tags?post=7228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}