TENJAVASCRIPT

10 fresh write-ups from the JavaScript world. Comes out every Friday (or Saturday if I'm overloaded).

1167 subscribed.
1.

You don't (may not) need Moment.js

Moment.js is a fantastic time & date library with lots of great features and utilities. However, if you are working on a performance sensitive web application, it might cause a huge performance overhead because of its complex APIs and large bundle size.

2.

Forget NodeJS! Build native TypeScript applications with Deno 🦖

Deno is a modern JavaScript/TypeScript runtime & scripting environment. Deno is what NodeJS should have been according to Ryan Dahl who created NodeJS. Deno was also created by Ryan Dahl in 2018 and is built with V8, Rust and Tokio with a focus on security, performance, and ease of use. Deno takes many inspirations from Go and Rust.

3.

Advanced memoization and effects in React

Memoization is a somewhat fraught topic in the React world, meaning that it's easy to go wrong with it, for example, by making memo() do nothing by passing in children to a component. The general advice is to avoid memoization until the profiler tells you to optimize, but not all use cases are general, and even in the general use case you can find tricky nuances.

4.

A naive approach to functional programming

Search for functional programming often results in a bunch of unreadable lingoes (for me at least), articles trying to wrap the F-word in new names like 'mappable', or people that do not understand it, but are writing tutorials either way. That isn't what I'm trying to do here. What I'm doing is learn in public. (And while we're here, check also Mostly adequate guide to FP - I.)

#FP
5.

Streams for reactive programming

I think that streams are an incredibly well-designed API and have become a Swiss army knife for me. I think every web developer should strive to be familiar with them. They can be useful in a variety of situations, not only to process fetch(). Sometimes, a little stream here and there can make your life a lot easier!

6.

An experimental JavaScript toolchain from Facebook

Rome is an experimental JavaScript toolchain. It includes a compiler, linter, formatter, bundler, testing framework and more. It aims to be a comprehensive tool for anything related to the processing of JavaScript source code.

7.

Playing around with react-dnd

Learn all you need to make a react app support Dnd interactions. Learn React Drag and drop. Learn react hooks and Polish you React Skills.

8.

simplePARALLAX.js - a JavaScript library for parallax effects

Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images.

9.

react-query

Hooks for fetching, caching and updating asynchronous data in React.

10.

You Don't Need JavaScript

CSS is powerful, you can do a lot of things without JS. (That's actually an oldie, but a goodie - I.)

Even Older Issue →