ISSUE #184

Metaprgramming, Memoization And Immutable Proposal


MODERN JAVASCRIPT

Metaprogramming in JS: Write your first codemod! | Kacper Kula

Metaprogramming is a powerful but under-appreciated tool. Even though many widely used development tools use it under the hood, interest in metaprogramming is steadily declining (at least according to Google Trends data)

An Introduction to Memoization in JavaScript | Nick Scialli

There was recently a lot of excitement surrounding the TC39 Optional Chaining Proposal. This is why!

Introduction to WebAssembly: The Magic of Native Code in Web Apps

WebAssembly might have the potential to reshape the entire web development landscape — just like JavaScript when it was introduced back in 1995. In this article, we will explore what WebAssembly is, why is it groundbreaking, and how it can be used.

GitHub - rricard/proposal-const-value-types: A proposal for immutable data structures in JavaScript

A proposal for immutable data structures in JavaScript | ⚠ Stage 0: it will change! - rricard/proposal-const-value-types

JAVASCRIPT UPGRADE

⭐ How To Make A RESTful API With Node?

Last week we've started devloping our API layer with Node.js, and the minimalistic Koa frmework. In this week's issue (coming out tomorrow), we'll continue by building and connecting the database and learn how to write queries with Knex.js.

REACT

Introducing the New React DevTools – React Blog

We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge!

Getting started with React Hooks with step by step examples

Getting started with React Hooks by building two apps - Simple temperature app & Drag-drop application by our experienced ReactJS developers.

Simplify Redux Reducers with Lenses | Roland Peelen

As mentioned above, the whole Redux setup requires quite a bit of boilerplate. Some of it can be reduced with the pointers on the redux website. But there is something to reduce it even more (and make it a bit clearer in the process).

TYPESCRIPT

GitHub - naishtech/platform-agnostic-typescript-template

Template for making full stack multi-platform applications in TypeScript

How to type with TypeScript | Armen Vardanyan

TypeScript has gained a lot of popularity in the web community after being introduced in 2012, which has only increased after Angular, Google’s powerful enterprise framework, decided to use it as…

WORKFLOW

Why You Should Use ESLint, Prettier and EditorConfig Together

This post is the first of a series of articles on how to empower your dev environment with ESLint, Prettier, and EditorConfig. If you already know ESLint, Prettier, EditorConfig and how you can benefit from using them together, do not worry!

GitHub - voidcosmos/npkill: List any node_modules directories in your system, as well as the space they take up. You can then select which ones you want to erase to free up space.

This tool allows you to list any node_modules directories in your system, as well as the space they take up. You can then select which ones you want to erase to free up space. Yay!

How to use Chome dev tool to find event handler bound to an element

As a front end developer, there is frequent need to debug JS code and sometimes need to find out what event handler has been bound to a HTML element. In this post, we will show how to find out the cli

OPINION

Iframes are just terrible. Here’s how they could be better. | Daniel Brain

Earlier this year I gave a talk at FullStack conference in London about making iFrames cool again (sorry, you have to log in to see the video — if anyone is listening over at FullStack, it would be…

MISC

Flood fill - image transition effect in 16 lines of pure JavaScript

In just 16 lines of vanilla JavaScript you can recreate this simple image transition effect and practice your bitmap skills on the HTML5 Canvas.

The Anatomy of a JSON Web Token | Chris on Code

Introduction The API model has been used a great amount recently in applications. This has come about because applications can't just rely on their own data anymore, for a project to fully see its potential, it must be able to have third-party applications, intermingle with other applica

USEFUL LIBRARIES

GitHub - timqian/chart.xkcd

xkcd styled chart lib. Contribute to timqian/chart.xkcd development by creating an account on GitHub.

GitHub - codechecks/typecov

Track missing type coverage to ensure type safety. Contribute to codechecks/typecov development by creating an account on GitHub.

GitHub - eatthatpie/dizzy-store

Simple state management library for JS apps. Contribute to eatthatpie/dizzy-store development by creating an account on GitHub.

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.
1078 have already subscribed.