PabloRosales JavaScript Developer

June 14, 2018

JavaScript Newsletter


News

Intel CPU security hole: Lazy State

Intel has announced that there's yet another CPU security bug in its Core-based microprocessors. ZDNet

Backdoored images removed from DockerHub

Downloaded 5 million times, 17 images posted by a single account over 10 months may have generated $90,000. ars technica

State of React Native 2018

Current state, community and architecture. Quoting: "We're working on a large-scale rearchitecture of React Native to make the framework more flexible and integrate better with native infrastructure in hybrid JavaScript/native apps". ReactNative

Courses & Series

Recursion: A free course with challenges + video

Quoting: "This free course outline of the CSX Unit on Recursion will begin by digging into the fundamentals". Medium

React Baby Steps

Quoting: "If you have only vanilla JavaScript/jQuery knowledge and want to learn modern JS/React, this article will help you start". x-team

React Baby Steps II: The first taste of Redux

The second part of the React Baby Steps series, this time about Redux. x-team

Articles

Moving project’s components/services into packages

Separation of Concerns on Component Based Architecture. Medium

Cryptojacking invades cloud.

How modern containerization trend is exploited by attackers. KROMTECH

Build responsive React Native views

...for any device and support orientation change. ReactNativeTraining

Hello WebAssembly

Shows you how to use WebAssembly with a Fantasy Console example. Medium

Breaking your Serverless Application

Why It’s Important to Try and Break Your Serverless Application BlazeMeter

Big Testing in React

Does your application work in real life? Frontside

Theming Angular with CSS Variables

@Component({ selector: 'foo', template: "<h1>Hi</h1>", styles: [ "h1 { color: var(--my-color); }" ] }) export class Foo {} Medium

Learn the React Context API with a Practical Example

Building a Shared Material UI Snackbar for In-App Notifications. ITNext

Picking the Best Static Site Generator

What are static site generators, best static site generators in 2018 and some considerations. SNIPCART

Squeezing maximum type safety out of Typescript with TypeStrict

Short article talking about TSLint, TypeScript Medium

Find the Missing Number

"How I answered it, how I should’ve answered it". An article about solving a tech interview question. ITNext

Make your own Youtube-like progress bar

With Vanilla JS, CSS and HTML. ITNext

In MySQL, never use utf8. Use utf8mb4

The right character set with 4-bytes UTF-8 Unicode Encoding. Medium

Understanding Redux

The World's easiest guide to beginning Redux. A comprehensive but simplified guide for absolute beginners. freeCodeCamp

Improving your workflow with the JS console

Using console.log, console.error, console.warn, console.info, console.group, console.table, console.count, console.time, console.trace, console.assert and some more. freeCodeCamp

Stock Price Notifications with Mongoose and MongoDB Change Streams

Quoting Mongo Docs: "MongoDB change streams allow applications to access real-time data changes without the complexity and risk of tailing the oplog. Applications can use change streams to subscribe to all data changes on a collection and immediately react to them". TheCodeBarbarian

REST API generator with Node.js, Express and Mongoose

Highly customizable, really RESTful, ES6, User Registration, Social Login, password reset, etc. rest

Understanding the Almighty Reducer

What is a reducer and how to use the .reduce() on JavaScript with examples. CSS-Tricks

Videos

The Chrome UX Report - The State of the Web

Quoting: "The Chrome User Experience Report is a powerful tool that allows you to view and analyze web performance data generated by real users on millions of websites." YouTube

Building a TypeScript REST API with MongoDB

21 minutes video tutorial from TutorialEdge. YouTube

Firefox Shape Path Editor

Video showcasing a nice tool from Firefox. YouTube

Writing a cross-platform bot in JavaScript with Claudia.js

2018, May 23 jSTL Meetup. Quoting: "Using the Claudia JS library and the Claudia bot builder, it's quick and easy to build a bot that runs on AWS Lambda and can interact with multiple platforms including Amazon Alexa, Facebook, Slack, and more". YouTube

Libraries

Record, replay, and stub HTTP interactions.

A JS library to help you for testing. Quoting: "Polly taps into native browser APIs to mock requests and responses with little to no configuration while giving you the ability to take full control of each request with a simple, powerful, and intuitive API." PollyJS

A smaller CSS Reset

A nice read on resetting CSS, and a 19 lines (with empty lines and comments) reset CSS file.
body { margin: 0 } h1, h2, h3, h4, h5, h6 { font-weight:normal } table { border-collapse: collapse; border-spacing: 0 } th, td { text-align: left; vertical-align: top } img, iframe { border: 0 } CSS-Micro-Reset

Universal command-line interface for DB's

Usable with MySQL, Oracle Database, SQLite3, Microsoft SQL Server, and many other databases including NoSQL and non-relational databases! (No MongoDB tho) usql

Inversion of Control (IoC)

Powered by TypeScript for Node and JavaScript apps. Quoting: "A IoC container uses a class constructor to identify and inject its dependencies". inversify

A renderless UI component and utility library for Vue

Quoting: "Banshee is a component library for Vue which seeks to only provide the JavaScript functionality and leaves the HTML markup and styling to you. It ships with no CSS and minimal to no HTML in all components." Banshee

WYSIWYG Markdown Editor for browsers

HyperMD is a set of [CodeMirror] add-ons / modes / themes. HyperMD

Super-fast alternative to Babel

Useful when you can target modern browsers. In active development, claims to be about 20x faster than Babel and about 8x faster than TypeScript. sucrase

Simple and Effective State Management for Angular Applications

Quoting: "Akita is a state management pattern, built on top of RxJS, which takes the idea of multiple data stores from Flux and the immutable updates from Redux, along with the concept of streaming data, to create the Observable Data Stores model". akita

CodePen

Sorting Visualization

A nice implementation of a sorting visualization. CodePen

amCharts V4

Dragging slices from one pie chart to another. So cool! CodePen

Twitter

@rauschma

I think I’ll stop writing constants as ALL_CAPS. Any downsides if I do? Twitter

@charliehield

How close is @vuejs to catching @reactjs on GitHub? Twitter

Made with by PR