TENJAVASCRIPT

🔥 I read through dozens of JavaScript articles and pick the best ten for you to read on the weekend. Join the great company of 1205 subscribers!

Comes out on Fridays. No spam.

1.

Lazyload images the browser way

One of the biggest performance wins for image-extensive webpages is lazy loading. Normally, the browser fetches all the required resources from the server as soon as possible. When the website has lots of images this goes against the speed and performance of the website. Consider a page loading 100s of dog images, there will be 100 asynchronous http requests. The more the http requests, the slower the website.

2.

Mocking and testing fetch requests with Jest - A geek with a hat

Some days your code flows, your fingers fly, and you’re god amongst nerds. Other days you’re testing fetch() requests. So I’m writing this to save you some time. The definitive how to mock and test fetch requests guide for 2020.

3.

Stop using isLoading booleans

Let's play around with the Geolocation API a bit and learn about the perils of isLoading booleans (and similar booleans like: isRejected, isIdle, or isResolved) while we're at it. I'll be using React to demonstrate this, but the concepts apply generally to any framework or language.

4.

Gentle introduction into compilers. Part 1: Lexical analysis and Scanner

A deep dive into ECMAScript (JavaScript) specification and internals of TypeScript compiler. In this first part I'll explore lexical grammar and explain TypeScript's scanner implementation details.

5.

Proposal for `do` expressions

This stage 1 proposal introduces an interesting concept where you can start an expression with do {...} syntax making it easier for functional programming. - I.

6.

Stryker Mutator

Bugs, or mutants, are automatically inserted into your production code. Your tests are ran for each mutant. If your tests fail then the mutant is killed. If your tests passed, the mutant survived. The higher the percentage of mutants killed, the more effective your tests are.

7.

Starter Boilerplate For Nextjs, setup with Typescript, MaterialUI and Jest

This is a Nextjs project whose Typescript, MaterialUI and Jest config setups are made by default. If you want to kickstart a project using Nextjs, Typescript, MaterialUI and Jest, clone this already-setup-repo and start coding!

8.

Ant Design 4.0 is out!

We released the 4.0 rc version on SEE Conf. After more than a month of feedback collection and adjustment, it time to release 4.0! Thanks to everyone who provided feedback, suggestions, and contributions during this period. We will combine the updates already involved in the rc version and some update recently here.

9.

Essential Docker for Javascript and Front End Developers

Docker lets you encapsulate your application along with all its system dependencies into a single executable that can be shipped predictably into servers or clusters; or as development environment for other developers using different Operating Systems.

10.

Interviewing for Front-End Engineers

In this course, you'll learn to pass front-end engineering interviews, and give better interviews as a technical manager. Your instructor, Jem Young, leverages his experience conducting dozens of interviews as Senior Software Engineer at Netflix. He'll walk you through the entire process of the interview from the phone screen to real cultural and technical interview questions that companies use today.

Even Older Issue →