PabloRosales JavaScript Developer

June 19, 2018

JavaScript Newsletter


News

Github Stars !== Usage

React is still blowing Vue and Angular Away zendev

React Native at Airbnb

TLDR; They're returning to native . Quoting: "When React Native worked as intended, engineers were able to move at an unparalleled speed. However, the numerous technical and organizational issues that we outlined in this series added frustrations and unexpected delays to many projects." Airbnb

Improved JavaScript and WebAssembly performance in EdgeHTML 17

Quoting: "... better startup and execution performance, with a leaner memory footprint, and with improved responsiveness on real-world workloads" Microsoft

Angular Ivy

Change detection execution: are you prepared? Angular In Depth

Open Source

React Image Appear

ReactJS component to make images appear with transition as they load. No more ugly-looking progressively loading images!
import ReactImageAppear from 'react-image-appear'; <ReactImageAppear src="https://newevolutiondesigns.com/images/freebies/tropical-beach-background-8.jpg" animation="zoomIn" animationDuration="1s" /> react-image-appear

VueMorphling

A collection of standard and custom VueJs filters and directives. Filters like capitalize, lowercase, json, file-size, etc. Directives include url and highlight. vue-morphling

Create graphics with a hand-drawn, sketchy, appearance

So sketchy.
const rc = rough.canvas(document.getElementById('canvas')); rc.rectangle(10, 10, 200, 200); rough.js

Minimal Notes web app build with Vue.js

Quoting: "Everything is stored in your web browser localStorage. All the coding is done with Vue.js and the best part is everything is in the index.html file that is only 4Kb". Minimal-Notes

Framework agnostic accessible input masking library

input-mask.js enables you to include a mask on any input where a specific data entry format is required. The placeholder text remains in place, displaying which characters still need to be included. The placeholder is CSS styleable. input-masking

WebSockets

Simple to use, blazing fast and thoroughly tested WebSocket client and server for Node.js ws

Federated (ActivityPub) video streaming platform using P2P (BitTorrent)

Directly in the web browser with WebTorrent and Angular, implemented with TypeScript. PeerTube

Fix broken node modules with no fuss

Lets app authors instantly make and keep fixes to npm dependencies.
# fix a bug in one of your dependencies vim node_modules/some-package/brokenFile.js # run patch-package to create a .patch file npx patch-package some-package patch-package

Reinforcement Learning for Self-Driving Cars

Metacar is a 2D reinforcement learning environment for autonomous vehicles running in the browser. metacar

A collection of Pulumi examples, across many clouds, and many languages

Pulumi: Create containers, serverless functions, and cloud infrastructure, with all the benefits of immutable infrastructure, and real programming languages. pulumi/examples

A tiny React state management library

Using the new React context. dakpan

Framework for GitHub Apps

A framework for building GitHub Apps to automate and improve your workflow. probot

Watch videos with friends online with real time synchronization

Dependencies: Socket.io, Node.js, Express, YouTube Data API V3. A nice project to learn some of those techs. Vynchronize

Build flexible react date components using primitives

Solves the problem when: You want to a date component that's: Laid out the way you want, functions the way you want, flexible for your use case. kalendaryo

Flexible console logger

Hackable and configurable to the core, signale can be used for logging purposes, status reporting, as well as for handling the output rendering process of other node modules and applications. signale

Tools

Animate SVG easily

Import, animate and export. svgator

Articles

Vue.js: the good, the meh, and the ugly

Moving from React to Vue, two years later. Spoiler: "After 2 years my experience with Vue has been positive. I’m still confident it was a good decision to move my team from React to Vue. Not because Vue is better, but because it is a better fit for us." medium

A stand against the “easy” nodejs backend

Talking about Hapi Pal, an ecosystem of tools and best practices for the working hapijs developer. Check out the intro to Hapi Pal. Medium

Errors on the world’s top 100 websites and how to avoid them

Failed Tracking and Ads, Deprecated SSL Certificate Warnings, CORS Errors and Web Resources, MIME Mismatch, Double ID Elements in the DOM, etc. Rollbar

Web Content Accessibility Guidelines

Version 2.1 of the WCAG nomensa

React vs Ember: Prelude

A comparison. developertown

WebAssembly version of Secp256k1

10x faster than Javascript. Secp256k1 is used by most cryptocurrency software. bitjson

The Art of Humanizing Pull Requests

What are PR’s, how to effectively create a PR, how to give feedback on PR’s and how to respond to feedback. DEV

Machine Learning for the Lazy Beginner

A short description of some concepts from Machine Learning. codementor

Qt for WebAssembly

Quoting: "We use Emscripten to compile Qt into something that runs in a web browser from a web server. Instead of compiling and deploying for multiple platforms, the idea is to compile and deploy on a web server for any platform that has a browser that supports WebAssembly." Qt

Tutorials & Others

Let's Learn ES6 (book)

Learn the new ES6 syntax quickly. bubblin

Keep Your Promises in TypeScript using async/await

Let’s see how async /await works and how we can use it in TypeScript. Bits and Pieces

How to build a React.js chat app in 10 minutes

Quoting: "In this article I’ll show you the easiest way possible to create a chat application using React.js. It’ll be done entirely without server-side code, as we’ll let the Chatkit API handle the back-end." freeCodecamp

Building a React Form Component with TypeScript: Validation

Quoting: "Fourth post in a series of blog posts where we are building our own super simple form component in React and TypeScript". carlrippon

Humor

Twitter

CodePen

YouTube

Made with by PR