PabloRosales JavaScript Developer

June 23, 2018

JavaScript Newsletter


First, lets start with a JS code snippet from my JS Numbers CheatSheet
1 + [] + ["2"] + 0.3

The ["2"] is causing all of our operation to be treated as a string concatenation.

The empty list is turned into an empty string, the 1, 2 and 0.3 are concatenated into "120.3".

News

GitHub Coders to Microsoft

Cut Ties With ICE or We'll 'Take Our Projects Elsewhere' Gizmodo

Google Engineers Refused to Build Security Tool to Win Military Contracts

The Group of Nine (9 influential software engineers at Google) refused to work on a project for Google Cloud. Bloomberg

Facebook JavaScript SDK is often illegal

How having FB on your site can be a bad idea. Marks Software

Node

News, libraries and articles for Node.js

Progressive Node.js Framework

A nice looking framework for build efficient, reliable and scalable server-side applications with modern JavaScript. nest

Display images on the CLI

Supports JPG and PNG. Includes API 2 functions: file and buffer. There is also a cli script. terminal-image

Node v10.5.0

Support for multi-threading has been added behind the --experimental-worker flag in the worker_threads module. Node

End-to-end testing Single Page Apps and Node.js APIs with Cucumber.js and Puppeteer

Cucumber is a Behaviour Driven Development (BDD) tool. Puppeteer is a library from Google that allows you to control Google Chrome programmatically. Anephenix

Node.js Guide for Frontend Developers

This guide is focused on frontend developers – people who know JavaScript, but are not very proficient with Node yet. Bloomca

Isomorphic

Isomorphic JavaScript (runs in the server and the client).

JavaScript implementation of git for node and the browser

Isomorphic-git aims for 100% interoperability with the canonical git implementation. This means it does all its operations by modifying files in a ".git" directory just like the git you are used to. isomorphic-git

JavaScript library for PKI formats

Public Key Infrastructure (PKI) is the basis of how identity and key management is performed on the web today. PKI.js

Securely check for breached passwords

Includes a cli script, plus can be used on Node or the Browser to check for passwords that have been exposed in a data breach. passw0rd

The Elm Architecture for JavaScript

Raj solves two problems: state management and running side-effects. Includes packages to add functionality, like raj-react and raj-subscription. raj

React

Thoughts from Expo following Airbnb’s Sunsetting of ReactNative.

A quick guide to help you decide if using React Native is good for you. Charlie Cheever

How Stream Built a Modern RSS Reader With JavaScript

Wins, the open source RSS Reader, is based on Node.js, MongoDB Atlas, Express, PM2, Bull, Babel and React. Nick Parsons

Better Understanding Forms in React

The goal for this post is to get a better understanding of how to build forms in React. A. Sharif

Headless User Interface Components

A headless user interface component is a component that offers maximum visual flexibility by providing no interface. Merrick Christensen

Emulating React and JSX in Vanilla JS

A nice tutorial to learn some of the concepts in React. JUAN CARLOS ARIAS AMBRIZ

Setup React Hot Loader in 10 minutes

A nice guide to setup HMR. Quoting Webpack: "Hot Module Replacement (HMR) exchanges, adds, or removes modules while an application is running, without a full reload." Christian Nwamba

Vue

21 Top Vue.js UI Libraries For Your App

Vue UI component libraries and frameworks lists for 2018. Jonathan Saring

Vuex basis

Vuex is a state management and library for vue.js applications. It serves as a centralized store for all the components in your application. Jagjeet Singh

Card Hover Animation

Use JavaScript, CSS, and Vue to create an expanding card animation on hover. Eder Diaz

5 Awesome Boilerplates/Templates For VueJS Projects

Best for Webpack, PWAs, Auth, Documentation and GraphQL. Anthony Gore

Angular

Angular Components: Tips and Tricks

4 nice tips for AngularJS components. Netanel Basal

How to Do JWT Authentication with an Angular 6 SPA

JSON Web Tokens and how to use them. SEBASTIAN SCHOCKE

Clarity Design System

Project Clarity is an open source design system that brings together UX guidelines, an HTML/CSS framework, and Angular components. clarity

TypeScript

TypeScript — Create a condition-based subset types

Experiment with TypeScript 2.8 conditional and mapping types. Piotr Lewandowski

Tools

CLI script to generate .gitignore files

Nice thing is that you can include multiple things together, for example node, macOS and emacs. add-gitignore

Articles

Computer and Human Languages

Uses JavaScript examples to compare the two languages. A nice read, I had no idea there are style guides for human language... diessi.ca

SOLID Principles Around You

A nice overview of SOLID, with some solid explanations using images. Quoting Wikipedia: SOLID is an acronym of "five design principles intended to make software designs more understandable, flexible and maintainable." Oleksii Trekhleb

The Problem You Solve Is More Important Than The Code You Write

Programmers seem to have forgotten the real purpose of software, that is to solve a real-world problem. Fagner Brack

Regular expressions: Tricks you should know

A nice read with practical examples. David Mellul

Turn Website Into Mobile App? — I Have Four Options For You

Progressive Web Apps, Hybrid Mobile Apps, React Native, Native app development. Read it for all the pro's and con's. Oleksii Shevchenko

https://winds.getstream.io/rss/5afa8840fe7430d3595bef78

Issues from using the Placeholder attribute. Also read the comments for other opinions. SmashingMagazine

The main pillars of learning programming

And and why beginners should master them. Rainer Hahnekamp

JavaScript Internals

V8 release v6.8

Version 6.8 is filled with all sorts of developer-facing goodies. v8project

The Internals Of Shadow DOM

From a series of blog posts exploring how JavaScript internals, this time how Shadow DOM works and how to build self-contained components Alexander Zlatkov

Databases

Why We Moved From NoSQL MongoDB to PostgreSQL

Their experience with mongo and the pros they found switching to Postgres. MongoDB is not always a fit for every project, choose wisely. DZone

Decoding the MongoDB Error Logs

Quoting: "We will learn how to examine the MongoDB error logs by dissecting each part of the log messages". severalnines

How to Optimize Performance of MongoDB

Quoting: "This article discusses the most appropriate procedures you can employ to boost the performance of your MongoDB database". severalnines

Open Source

Vue:

React/Preact:

AngularJS:

Git

Others:

Discussions

YouTube

Humor

Fun Projects

Made with by PR