Learning

PolyLine Algorithm

• Lossy Compression
• Polyline algorithm

UseImperativeHandle

-React Hooks Explained: useImperativeHandle

Image Tiling - How Maps work - Vector Tiles - Raster Tiles

• Image Tiling
• Vector tiles: the next generation of tiled maps
• WHAT IS TILE AND DIFFERENTIATE BETWEEN RASTER TILE AND VECTOR TILE
• How web maps work - MapBox Document

Branded Types in Typescript

• An Introduction to Nominal TypeScript
• Surviving the TypeScript Ecosystem — Part 6: Branding and Type-Tagging

How browsers works

• How the browser renders a web page? — DOM, CSSOM, and Rendering
• Inside look at modern web browser (part 3)
• How web browser works step by step [Latest]— high-level architecture (part 1)
• Anatomy of a Browser
• How web browser works step by step [latest]— navigation phase (part 2)
• How does browser work step by step [latest] — rendering phase (part 3)
• How does browser work step by step [latest] — optimization in the loading stage (part 4)
• How does browser work step by step [latest] — optimization in the interaction stage (part 5)
• When Reflow happens?
• LAYOUT & WEB PERFORMANCE
• Avoid Large, Complex Layouts and Layout Thrashing

Bitmap

• A Beginners Guide to Bitmaps
• What are bitmap and vector graphics, and how are they different?

Event Deligation in React

• Event Capturing, Bubbling, and Delegation in React
• Should I use event delegation in React?

Redux Selectors and Reselect

• What is a Redux selector?
• Selectors in Redux
• Reselect Doc

React Design Patterns

• React component code smells

Server Side Rendering

• A beginner’s guide to React Server-Side Rendering (SSR)

Javascript Promises

• Promise.all() static method

Testing

• Maintaining End-To-End Quality With Visual Testing

Solid Design Principles

• SOLID Design Principles Explained: The Single Responsibility Principle
• SOLID Design Principles Explained: The Open/Closed Principle with Code Examples
• SOLID Design Principles Explained: The Liskov Substitution Principle with Code Examples
• SOLID Design Principles Explained: Interface Segregation with Code Examples
• SOLID Design Principles Explained: Dependency Inversion Principle with Code Examples

WebRTC

• WebRTC Doc
• WebRTC Teach Lead slides - Justin Uberti
• Google I/O 2012 - WebRTC: Real-time Audio/Video and P2P in HTML5

Symbols in JS

• JavaScript Symbols: But Why?

HTTP, Web Socket, Polling, MQTT and SSE

• What is Realtime?
• Transmission Control Protocol (TCP)
• The Evolution of HTTP – HTTP/2 Deep Dive
• WebSockets - A Conceptual Deep Dive
• WebSockets vs Long Polling
• WebSockets vs. HTTP
• Server-Sent Events (SSE): A Conceptual Deep Dive
• Long Polling - Concepts and Considerations
• MQTT: A Conceptual Deep-Dive
• MQTT vs WebSocket
• MQTT vs WebSocket
• MQTT vs MQTT over WebSocket
• HiveMQ - MQTT over Websockets
• What are the pros and cons of WebSockets versus MQTT as real-time web infrastructure for the Internet of Things?
• MQTT over WebSockets with example
• Quality of Service 0,1 & 2 - MQTT Essentials: Part 6
• Authenticating Websockets
• Quality of Service 0,1 & 2
• Persistent Session and Queuing Messages - MQTT

React Pure Component

• What are Pure Components in React

Babel Preset and Plugins

• What are Babel "plugins" and "presets"? (And how to use them)

UseMemo

• Should You Really Use useMemo in React? Let’s Find Out.
• Understanding when to use useMemo
• When to useMemo and useCallback
• React.useMemo and when you should use it

UseCallback

• Stop useEffect from running on every render with useCallback

Deploying

• Deploying Typescript Node.js applications to Heroku (with static files)

How does JS work

• How JavaScript works: an overview of the engine, the runtime, and the call stack
• How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
• How JavaScript works: memory management + how to handle 4 common memory leaks

React Memory Leak

• How to fix the React memory leak warning

Hidden Classes and Inline Caching in V8

• Writing Optimized Code in JS By Understanding Hidden Classes
• V8 Hidden class
• Javascript Hidden Classes and Inline Caching in V8
• V8 optimizations behind the scenes

Just In Time Compilation

• What Is Just-In-Time (JIT) Compilation?
• Just in Time Compilation Explained

Define Private Variable Using Closure

• Using closures in JavaScript to create private variables

Docker

• Docker tutorial for beginners through examples - a step by step tutorial
• Dockerfile tutorial by example - basics and best practices [2018]
• Multi Stage Build

SetInterval in useEffect Hook

• Making setInterval Declarative with React Hooks

Publish Package on NPM

• The complete guide to publishing a React package to npm

Atomic CSS

• Let’s Define Exactly What Atomic CSS is

Import Alias

• Absolute import in CRA projects
• How to configure import aliases in Vite, TypeScript and Jest

Git hooks

• Git Hooks

NPM Typescript Package

• Step by step: Building and publishing an NPM Typescript package

Yalm

• Yaml tutorial

Go template language

• Go template

Helm

• Helm documentation