ISSUE #197

Modules come to Node, Inversion of control, and more


TOP NEWS

Announcing core Node.js support for ECMAScript modules | Node.js Foundation

Node.js 13.2.0 ships support for ECMAScript modules, known for their import and export statements. This support was previously behind the--experimental-module flag, which is no longer required; however the implementation remains experimental and subject to change.

Pika Registry - The JavaScript package registry for the modern web.

Pika is a new kind of package registry for the modern web. 100% ESM. Write once, run natively on every platform.

TYPESCRIPT

⭐ TypeScript In 1 Hour: A Video Intro

I've started a new video course to help you with that. We'll walk through some very basics of types to advance topics. We'll see how to migrate an existing project to TypeScript, and finally, learn to configure Visual Code and Vim for a comfortable and productive workflow. While it is still in progress, you can order it now with 67% discount using this link.

MODERN JAVASCRIPT

Techniques for instantiating classes

In this blog post, we examine several approaches for creating instances of classes: Constructors, factory functions, etc. We do so by solving one concrete problem several times. The focus of this post is on classes, which is why alternatives to classes are ignored.

Inversion of Control

A simple principle that can drastically improve your reusable code

Simplifying code with Maps in JavaScript | Oleksandr Khomenko

Developers often find themselves in situations where they need to return different result based on various conditions. One specific case where this happens often is when we want to render different JSX inside component based on some state variable that can be toggled.

REACT

React Animated Navigator

React Animated Navigator is an extension for react-router, which provides animated transitions between routes, with friendly components and hooks for navigation. It is using react-transition-group to maintain the transitions.

Style Guide · Redux

This is the official style guide for writing Redux code. It lists our recommended patterns, best practices, and suggested approaches for writing Redux applications.

Differences between React and React Native that newcomers should know about | Andréas Hanss

There are some things to have in mind when coming from web to mobile, here are some thoughts and tips.

Time Traveling State Debugger — Reactime — Now Supporting Concurrent Mode, Routers, and more | Chris Flannery

Developers need robust tools for debugging their apps. Redux DevTools provides time-traveling debugging, and that’s fine and great and all, but what if you’re using Hooks, or Context API, or regular…

ANGULAR

Angular Environment Setup for Solid Deploys and Testing

Most real-world Angular applications live in different environments throughout their development cycle. While differences generally should be kept to a minimum, your webapp is probably supposed to behave a little bit different on a developer's machine compared to when it's deployed to production.

VUEJS

Production-ready Vue SSR in 5 Simple Steps - Namecheap Engineering - Medium | Oleg Pisklov

In our company, we often use Vue.js on the frontend with server-side rendering (SSR). Setting up SSR in the first place, however, isn’t always so easy. That’s why I decided to describe this process in simple steps to make it easier for understanding.

CASE STUDY

JS in browser screen shot tool

Take a screenshot with help of the browser's API.

How To Run a Proxy Server Inside Your Browser - Better Programming - Medium | Danny Moerkerke

While I was debugging a video-chat application I was working on recently, I had to run the full chain locally. This meant running the front end locally — as well as the two REST APIs it communicates with, which are written in Java.

WORKFLOW / TOOLS

Facebook and Microsoft Partnering on Remote Development

We’re making Visual Studio Code the default development environment at Facebook and teaming with Microsoft to help enhance their remote development extensions in an effort to enable engineers to do remote development at scale.

GitHub - liyasthomas/postwoman: 👽 API request builder - A free, fast, and beautiful alternative to Postman https://postwoman.io 🔥

👽 API request builder - A free, fast, and beautiful alternative to Postman https://postwoman.io 🔥 - liyasthomas/postwoman

Weekend JavaScript

Hey! I'm Ianis. And this is a curated list of JavaScript news and articles (sending every Friday). No spam. Just fresh write-ups on the language features, frameworks, testing practices and beyond.
1107 already subscribed.