React, etc. Tech Stack

React, Flux, GraphQL, Hack, HHVM...? All of this and more!

React SSR Benchmarks on Node.js

Image: 2017-11/logon-node.png

React can be rendered on in the Browsers DOM, but also on the server using ReactDOMServer, a library that emulates the DOM in the popular Node.js environment. This can be used to improve first load performance, but the process of rendering React is not simple compared to traditional string based templates.

Written by Jorgé on Sunday November 19, 2017

ES6 template literals: lit-html vs. VDOM templating

Image: 2017-11/es6-lit-html.png

ECMAScript 6 back in 2015 was a big upgrade to the JavaScript language specification. A lot of new syntax and features were packed into this release. One of the features were template literals, identifiable by the backtick character.

Written by Jorgé on Wednesday November 8, 2017

Top Three Best TypeScript Books in 2018

Image: 2017-10/typescript-books.jpg

TypeScript is a great technology that has really picked up in popularity over the course of 2017. Because TypeScript is a superset of ECMAScript (the official JavaScript specification), there are plenty of core materials available. But for TypeScript specific features there is no definitive book on the topic.

Written by Jorgé on Monday October 30, 2017

GraphQL colocation in React a growing trend

Image: 2017-10/1506919894_graphql-logo.svg.png

Colocation of GraphQL queries is a growing trend in the world of React driven apps. What this means is that the data fetching GraphQL query is placed in the same location as the component's view logic. This is somewhat of a radical departure from the MVC architecture that many developers have been used to for decades.

Written by Jorgé on Monday October 2, 2017

Gatsby is a static site generator using React and GraphQL

Image: 2017-10/gatsby-logo.png

Static site generators have been around for a number of years. Since Ruby and Jekyll started the current trend of publishing content as static HTML files, React.js has become a staple for UI developers. Gatsby.js is a versatile static site generator based on React and also uses GraphQL as an internal API.

Written by Jorgé on Sunday October 1, 2017

GraphQL and Next.js for building WordPress sites with React.js

Image: 2017-09/graphql-next-js.png

WordPress has been on the React.js bandwagon for some years now. Since the introduction of the Calypso interface for, the use of React has expanded to it's use in the Gutenberg editor as well. Now with the licensing woes of the BSD+Patents licensing gone the community can keep moving forward with the UI library from Facebook with full steam.

Written by Jorgé on Thursday September 28, 2017

React.js Patents Clause to be removed with React 16 release

Image: 2017-09/facebook-logo.png

After a number of years of confusion and FUD around it's licensing of React.js, Facebook has stated it will change the license for the popular UI library in the upcoming React 16 release.

Written by Jorgé on Saturday September 23, 2017

WordPress abandons React.js over license patents clause

Image: 2017-09/wordpress-react.png

Automattic adopted React.js for their commercial shell Calypso in late 2015. Since that time React has become immensely popular and has even been been proposed as being a part of the Open Source WordPress distribution.

Written by Jorgé on Monday September 18, 2017

GraphQL CMS alternatives in 2018

Image: 2017-09/1-ivcdlfi3vqfgyko1efv4ja.png

GraphQL is the perfect option for sitebuilding using the decoupled CMS pattern. A well defined, easy to use API format is a clear advantage over product specific REST APIs. What are the best options for a GraphQL CMS going into 2018?

Written by Jorgé on Tuesday August 29, 2017