React, etc. Tech Stack

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

Satchel is Microsoft's state management library for React

Image: 2017-12/satchel.jpg

State Management continues to raise discussions in the ecosystem. Many continue to vouch for Redux, while some deem it too boilerplatey and choose to stay with pure setState instead. MobX is also a popular option, and Microsoft has built a state management library around it.

Written by Jorgé on Tuesday December 19, 2017

New built with React

Image: 2017-12/1513611106_outlook-react.png

React is everywhere. After the FUD surrounding the patents have cleared with the release of React.js 16, Microsoft joins to use the popular React.js library in the email service - originally known as Hotmail before MSFT acquision.

Written by Jorgé on Monday December 18, 2017

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