1. Let’s Build a Pre-render Website with Next.js and Deploy to Vercel
I hope you already know why I chose it as the first post here this week. 😉
Pre-render websites (Server-side rendering) are better for SEO, search engine crawling and social media sharing compared to client-side rendering. In this tutorial, we will explore Next.js to develop a pre-render website using the Static Generation feature, then deploy it on Vercel Cloud.
2. Typewriter Animation That Handles Anything You Throw at It
A) Use 2 callbacks on
promise .then(success, error);
B) Or use a chain of
promise .then(success) .catch(error);
Is there any difference between the 2 approaches? Let’s find out!
4. React Context for Beginners – The Complete Guide (2021)
React context is an essential tool for every React developer to know. It lets you easily share the state in your applications. In this comprehensive guide, we will cover what React context is, how to use it, when and when not to use context and lots more. Even if you've never worked with React context before, you're in the right place. You will learn everything you need to know with simple, step-by-step examples.
5. Simple monorepos via npm workspaces and TypeScript project references
A monorepo is a single repository that is used to manage multiple projects. In this blog post, we’ll explore how to set up a simple monorepo for two npm packages. All we need is already built into npm and TypeScript.
This post covers a modern way of automatically creating a table of contents for your blog post that updates with a ‘current position’ indicator. If you are on a ‘desktop’ size screen, I’m talking about the ‘quick links’ you can see below the advert thing on the right of this very post. Clicking a link lets you jump to a section and when that section is in view we highlight it so you can see where you are in the post.
7. The Color Thief package
The super keyword can be used for accessing properties and functions on an object’s parent. Previously, accessing a super property (like
super.x) was implemented via a runtime call. Starting from V8 v9.0, we reuse the inline cache (IC) system in non-optimized code and generate the properly optimized code for super property access, without having to jump to the runtime.
9. Hyper 3 is finally out!
Hyper 3 is finally out! The primary focus for this release is performance.
The latest version includes several enhancements that make Hyper really fast. For those of us who spend a significant amount of time on the command line, this release is a total game changer.
10. Easier browser debugging with Developer Tools integration in Visual Studio Code
- palashmon/awesome-js-posts ( 240 Github ⭐ )
Also, if you liked this article, be sure to ❤ it.