React, etc. Tech Stack

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

Autocannon is an Apache Bench alternative in Node.js

Image: 2017-12/autocannon-logo.png

HTTP Benchmarking tools have been a dormant space for a long time. For developers wanting to set up temporary load there are typical options like Apache Bench (AB) or Siege. Autocannon is an alternative for these, written in JavaScript for the Node.js runtime.

Written by Jorgé on Thursday December 14, 2017

Poi brings zeroconfig to Webpack

Image: 2017-12/poi-toaster.png

Webpack has risen to the status of being the defacto module bundler. The downside felt by many is the conceived complexity of setting up Webpack. There are boilerplates and other methods to simplify starting, but the recent trend in general in this space has been simplifying setup.

Written by Jorgé on Wednesday December 13, 2017

SkateJS 5.0 released - React.js compatible Web Components abstraction

Image: 2017-12/f0c227dd973557381886bf54b0bfabaa.png

SkateJS is a library that is designed to help developers work with the Web Components standard. It implements an abstraction that enables developers to write standards based UI components using a minimal JavaScript abstraction.

Written by Jorgé on Tuesday December 5, 2017

React 16.2 brings fragments for cleaner markup

Image: 2017-12/react-hexagon.png

After what feels like a long period of stagnation for React.js, the open source team working on the popular library has accelerated pace after the release of the large scale rewrite in React 16. With 16.2 comes a new feature to React.js: Fragments

Written by Jorgé on Monday December 4, 2017

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