javascript How to debug a child process in Node and Gatsby.js with Chrome This article will show you how to patch `jest-worker` package used by Gatsby.js and by patching enable child process debugging using Chrome Dev Tools.
react Inside Fiber: in-depth overview of the new reconciliation algorithm in React Dive deep into React's new architecture called Fiber and learn about two main phases of the new reconciliation algorithm. We'll take a detailed look at how React updates state and props and processes children.
webpack This is how angular-cli/webpack delivers your CSS styles to the client Have you ever wondered how is it possible to import CSS into JavaScript files? In this article I'll show you how Webpack does it by transforming your CSS styles into JavaScript.
javascript Becoming a Git pro. Part 1: internal Git architecture In this article we'll explore internal architecture of Git step by step using practical exercises. We'll see how Git stores content, what is a tree object that underlies a commit and how a branch is just a text file.
webpack This will make you more efficient at debugging Webpack unspecified build errors In this article we'll build a very primitive plugin for Webpack and then I'll show you how to find out if this plugin triggers error by debugging Webpack build.
javascript Dijkstra was right — recursion should not be difficult In this article I explain the idea of recursion and show where it could be helpful. Then I proceed to introduce and explain a number of topics and ideas that will help you when practicing recursive problems.
javascript Here is why appendChild moves a DOM node between parents A light introduction into DOM fundamentals through an insightful quiz. You'll learn how HTML is transforms into JavaScript objects to eventually become part of the Document tree.
javascript 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.
angular Here is what you need to know about dynamic components in Angular We start with the comparison of dynamic components functionality in Angular and AngularJS and then continue with main concepts that enable dynamic components to you an extensive overview of the dynamic components functionality in Angular.
angular Exploring Angular DOM manipulation techniques using ViewContainerRef The article explores common elements used for DOM manipulation in Angular with a particular focus on ViewContainerRef. Learn why they are needed, how they work and when you need to use which.
dependency-injection Why do we have Dependency Injection in web development An in-depth look at why and how we implemented Dependency Injection (IoC) Container in ag-Grid. In the article I also explore the benefits DI brings in web development.
javascript Inside ag-Grid: techniques to make the fastest JavaScript datagrid in the world I remember in the beginning of my programming career I read a great book “Code Complete”by Steve McConnell. There I found a very insightful idea: “Managing complexity is the
javascript Developments in Web Components I’m excited about in 2019 As much as I like frameworks, I'm also a big fan of the native web platform, especially web components. I look forward to the times when the implementation will be
indepth.dev Connecting the dots: where hard work and dreams can lead you This is the story behind AngularInDepth and inDepth.dev. It recounts obstacles I’ve gone through, emotions I had to face, people who helped me and lessons I’ve learned along the way.
react In-depth explanation of state and props update in React This article uses a basic setup with a parent and children components to demonstrate internal processes in Fiber architecture React relies on to propagate props to child components.
angular A gentle introduction into change detection in Angular This article describes the use case that results into common ExpressionChangedAfterItHasBeenCheckedError and uses it to explore change detection mechanism and related internal implementation details in depth.
angular The difference between NgDoCheck and AsyncPipe in OnPush components This article uses NgDoCheck and AsyncPipe to dive deep into manual control of change detection in Angular and explains what effect each method can have on performance.
angular What every front-end developer should know about change detection in Angular and React Dive into change detection by learning the problems it solves and studying basic implementation with browser API. Then go through implementation details of change detection in Angular and React for complete understanding.
react The how and why on React’s usage of linked list in Fiber to walk the component’s tree This article explores the main the work loop in React’s new reconciler implementation called Fiber. It compares and explains the differences between browser's call stack and the implementation of the stack in React's Fiber architecture.
react Practical application of reverse-engineering guidelines and principles This article demonstrates on practice how to apply guidelines and principles of successful reverse-engineering to break down and understand React's fiber functionality from the ground up.
engineering Level Up Your Reverse Engineering Skills This article explains the reasons to start reading sources. It describes the knowledge and tools you need to do it successfully. And it also outlines a structured process to start reverse-engineering.
angular A curious case of the @Host decorator and Element Injectors in Angular This article dives deep into mechanics of @Host decorator in Angular. It introduces rarely seen notion of Element Injector and shows how it's used alongside the decorator to retrieve dependencies.
angular Ivy engine in Angular: first in-depth look at compilation, runtime and change detection This article discusses locality and tree shaking as a driving factors for the introduction of Ivy. It then continues to shed some light on the new runtime, compilation and change detection processes.
angular Working with DOM in Angular: unexpected consequences and optimization techniques This article explains a clever optimization techniques that could be applied to scenarios where ngFor is commonly used. You'll learn what is an embedded view and how to re-use it instead of destroying on each iteration.
angular Insider’s guide into interceptors and HttpClient mechanics in Angular Dive deep into internals of the HttpClient's interceptors mechanism. We'll build middleware chain for interceptors from the ground up and explore observable stream of HttpEvents and the need for immutability.
