ISSUE #201

Pipeline operator, Promises, and more...


MODERN JAVASCRIPT

Future JS: The Pipeline Operator

Lately an interest in writing functional JavaScript has spiked, and with that, a demand for more language features that empower a functional style. One such feature under consideration is the Pipeline Operator, a proposal that allows us to compose functions together more cleanly, by piping the result of one function directly to the next.

LEARN TYPESCRIPT

⚡ Intro To TypeScript: A Video Course

I've started a new video course recently to help people get started with TypeScript. It gets you through from the very basics to some advance topics. We'll see how to migrate an existing project to TypeScript, and finally, learn to configure Visual Code for a comfortable and productive workflow. Get started here.

WEB

Web Share API - Dillion's Blog | Dillion Megida

The Web Share API enables native sharing on webpages. It provides access to various applicatins which allows sharing media

Javascript and Iframes

From the title you know I'm going to write about Javascript and Iframes. In everyday life as a developer or a blogger, embedding an Iframe into your website is

OPINION

We’re Killing the Mobile Web | Danny Moerkerke

You’re browsing the web on your mobile phone or tablet and a banner appears on the top of the screen, urging you to install the site’s native app. This is the first time you ever visit this website, and so you decide not to install the app.

Top JavaScript frameworks in 2019

As the year is over, it is curious who was the most loved and the most wanted and used JavaScript front end framework in 2019. Let’s review the statistics of the most popular – Angular, React and Vue frameworks. All of them were definetely the rockstars of 2019.

REACT

Video / Timeline Component in React (and some CSS Magic 🎩)

In this tutorial we're going to use #ReactJS to create a wonderful #Timeline Component. Also, we're going to use #CSS to add some magic 🎩on top to make it look beautiful!

Video / React to the Future

ReasonConf US 2019, Chicago, 10/08/2019 Twitter: https://twitter.com/reasonconf Website: https://reason-conf.com

TYPESCRIPT

A short time learning Haskell can shortly IMPROVE your Typescript skills! | Liron Hazan

So how learning a pure functional lang improves the way you think in Typescript?

How to move your project to TypeScript - at your own pace - Twilio

Learn how you can move your existing JavaScript project, step by step to TypeScript. All at your own pace and as much as you want. Even without doing any code changes.

Why you should use generic types in TypeScript, a simple example | Filippo Rivolta

TypeScript has a steep learning curve, at least for me, for a front-end developer used to write without types sometimes I struggled to change my way of thinking to my code.

Distributing Pick<T, K>/Omit<T,K> over union types in TypeScript

Disclaimer: this article assumes intermediate knowledge of both TypeScript and React. Concepts you should be familiar with include Higher Order Components and utility TypeScript types such as Pick<T, K> and Omit<T, K>. A few weeks ago at work, we were trying to use a

ANGULAR

Angular Material Pagination Datasource

In the course of this article we’re developing a reactive datasource for the Angular Material library that’ll be reusable for many different paginated endpoints allowing you to configure search and sorting inputs on a per-instance basis. The final result is available on StackBlitz.

REFACTORING

Your Coding Tutorial Might Need Some Refactoring

However, while many programmers have written guidelines on how to refactor code, guidelines on how to refactor coding tutorials are rare. So, in this article, I’ll share six opinionated tips on refactoring coding tutorials. I’ve used these techniques on my own tutorials to make them more reader-friendly.

BUILDING STUFF

Create a blog with Gatsby.js

In this post we are going to cover the steps we took to create the nosleepjavascript.com blog in simple, easy, steps using the latest front end technologies: Gatsby.js (JAMstack), NodeJs, React, GraphQL, Javascript, GitHub Pages and GitHub Actions

Authentication with Flask, React, and Docker

Learn how to add authentication to a Flask and React microservice.

DATA STRUCTURES

The ultimate guide to master tree data structures step-by-step

The Tree data structure is one of the most common and efficient form of storage to keep data easily accessible in a descending structure that looks like a pyramid. It is used in databases and all sorts of applications so you need to master it if you want to become a better programmer. Plus, it’s one of the most asked data structures in programming interviews.

LIBS AND TOOLS

elementum.js | The simplest framework to work with vanilla WebComponents.

The simplest framework to work with vanilla WebComponents.

jSuites | Javascript vanilla web components

jSuites is a multi purpose responsive, cross platform javascript web components. A collection of simple and ligthweight javascript, fully responsive plugins.

Weekend JavaScript

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.
1132 already subscribed.