PabloRosales JavaScript Developer

June 12, 2018

JavaScript Newsletter


Insights after analyzing GitHub Issues for popular frameworks

Original title: "We analyzed the GitHub Issues from the most popular Front-End frameworks, here’s what we found". The article includes useful information for you to avoid common mistakes. lang.ai

How WebAssembly is changing the Web

...and what it means for you. 47 min video. YouTube

Winston 3.0.0 is here

Last years Winston has undergone a complete rewrite, lot of goodies in this new version, mostly backward compatible with few changes. Winston

When to use extends vs mixins in SASS

Quoting: "TLDR: @extend with/without placeholders are best when you have shared static, similar styles but they cause duplicate classes while mixins are best for dynamic styles which uses passed arguments but they lead to repeated declarations." Medium

Build native mobile apps using JavaScript and VueJs

Quoting: "Vue Native is a wrapper around React Native APIs, which allows you to use Vue.js and compose rich mobile User Interface." Vue Native

How to Structure a Vue.js Project

An opinion on how to structure Vue projects, and some nice tips on naming. ITNext

How to build a multiplayer VR web app

Using WebVR, A-Frame, Ably and Glitch. Check it out! freeCodeCamp

9 Javascript Time And Date Libraries For 2018

Date-fns, Moment, Luxon, Day JS, Ms.js, Timeago.js, Instadate, JS-Joda and Spacetime. Check it out. Bits and Pieces

60 Columns Grid System

60 GS is starter kit for the CSS Grid. This is all you need:
.grid { display: grid; grid-template-columns: repeat(60, 1fr) } 60GS

That data looks so fetching on you: Understanding the JS Fetch API

fetch is probably the easiest way to get data from your code, here is a nice overview. ITNext

Promise based HTTP client

If you don't want to use fetch you can use the Axios library with its lot of nice features, also works both on the Web and Node. Axios

Safer JavaScript with the Maybe Type

A nice course that Maybe will make your code safer. egghead.io

Comma Operator

A little trick to make Sweet One Liner Code... just don't go too far with one liners, readability counts. Medium

How To Build A Movie Search App With React and ElasticSearch

Building with React and Elasticsearch a MovieSearch app, step by step. Check out the final demo. appbase.io

documentation.js

This nice project writes documentation so you don't have to. Check how that is working out, other options and the future in this article. documentation.js

Documentation made easy

Zero configuration, blazing fast, easy to customize, markdown, pluggable and TypeScript support, a lot to like. You do have to write MDX files. docz

How you can improve your workflow using the JavaScript console

Some nice tips with the console, using more than just console.log. freeCodeCamp

A standard for JS callbacks

A standard (not a library) that enables lightweight observables and iterables with minimal overhead streams, modular, light. callbag

Recognizing images using Tensorflow.js in the browser

Using TensorFlow.js model to classify handwritten digits with a convolutional neural network. Gufran Mirza

Keeping a clean house with TypeScript at Scale

Even tho TypeScript is made to scale, there are some things that can help you keep it clean, here are some opinions. Panaseer

A nice ORM for modern Javascript and TypeScript

A nice ORM with lot of features that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native and Electron platforms and can be used with TypeScript and JavaScript(ES5, ES6, ES7, ES8).
const timber = await repository.findOne({ firstName: "Timber", lastName: "Saw" }); TypeORM

Introducing the GraphQL Guide

John Resig announced the beta release of the guide. Uses client-side with Apollo and server-side in Node.js. GraphQL Guide

Keeping Node.js Fast

Tools, Techniques, And Tips For Making High-Performance Node.js Servers SmashingMagazine

Electron-based File Manager

A nice File Manager implemented with Electron for Linux with some nice features. Check out the project and code. el-file

Making an Airbnb clone

YouTube series covering a full-stack Airbnb clone with GraphQL, React and React Native. YouTube

Angular patterns 2: how to write seriously reusable components

Some personal patterns from the author for Angular 2. ITNext

Something from CodePen:

Made with by PR