PinnedMake your mark with inDepthDevAt inDepth we strongly believe that writing technical articles is one of the most effective ways to learn a topic at a deeper level. — The process of becoming really good at software development entails constant learning of technologies at a deeper level. Not just how to use the tools, but also where and when to do that, why certain technology is built the way it is (design decisions), and what concepts it’s built around.Writing4 min read
Published in Angular In Depth·Apr 8Ukraine and Angular-In-Depth’s founder needs your helpI started AngularInDepth (now indepth.dev) with the goal to make in-depth knowledge accessible to people for free. Over the course of the… — I started AngularInDepth (now indepth.dev) with the goal to make in-depth knowledge accessible to people for free. Over the course of the last 3 years it helped more than 20 millions people to get insights into internals of frameworks and libraries and grow as a developer. …3 min read
Published in Angular In Depth·Mar 17, 2021The Deep Dive #15: In-depth look into the rendering process of Chrome, Angular Components Design Patterns and a case for using custom hooks in React componentsIn-depth look into the rendering process of Chrome, Angular Components Design Patterns and a case for using custom hooks in React… — Web development Life of a Pixel [Browser internals] A deep-dive into the rendering process of Chrome. JavaScript performance beyond bundle size [Performance] A critical look at how focus on bundle size as a measure of web performance can be misleading. The definitive guide to streams [Web platform API] Learn how to use readable…Web Development2 min read
Published in Angular In Depth·Feb 25, 2021The Deep Dive #14: Refactoring Angular codebase, 5 Types Of React’s Application State and CSS utility classes paradigmRefactoring Angular codebase, 5 Types Of React’s Application State and CSS utility classes paradigm — Web development CSS Utility Classes and “Separation of Concerns” [CSS] The article describes a transition from a very “semantic” approach in CSS to something much more like what is often called “functional CSS” (think Tailwind). Switching from OOP to Functional Programming [Patterns] A nice introduction to functional concepts for programmers used to an…Web Development2 min read
Published in Angular In Depth·Jan 27, 2021The Deep Dive #13: new Angular’s UI library Taiga, tao of React development and computational caching fundamentalsThe Deep Dive #13: new Angular’s UI library Taiga, tao of React development and computational caching fundamentals — From the blog Taiga UI is a new Angular UI Kit [Angular] Learn about the concepts and practices that were used to build this awesome UI library. The article explains why you should try the kit for both new and old projects even with other components or UI libraries. Angular and SOLID principles…Web Development3 min read
Published in Angular In Depth·Dec 10, 2020The Deep Dive #12: the secret to customization of Angular components, the need for Web Platform revision and a React hooks alternativethe secret to customization of Angular components, the need for redesign of the Web Platform and an alternative to React — From the blog ngTemplateOutlet: The secret to customisation [Angular] ngTemplateOutlet is a powerful tool for creating customizable components. It is used by many Angular libraries to enable users to provide custom templates. This article demonstrates how to use this functionality to make a component completely customizable.Web Development2 min read
Published in Angular In Depth·Nov 24, 2020The Deep Dive #11: Type safety in Angular v11, TypeScript performance optimization and Workspaces in npm v7Type safety in Angular v11, TypeScript performance optimization and Workspaces in npm v7 — From the blog Angular 11 — Towards the Type Safety [Angular] Angular 11 is released, and it’s focus is on improving the type safety of APIs and fixing the issues. It also brought Webpack 5 opt-in support and some interesting features like lazy loading with named outlets. …Web Development2 min read
Published in Angular In Depth·Nov 10, 2020The Deep Dive #10: Responsive Angular components, What will replace SPAs and Observers API in JavaScriptFind out — From the blog Responsive Angular Components [Angular] Ever since mobile devices became capable of accessing the web, it became obvious that not all web pages are usable on a small screen. Today most websites implement responsive design, but often at a cost of extra DOM. …Web Development3 min read
Published in Angular In Depth·Oct 7, 2020The Deep Dive #9: demystifying Angular’s router scroller, React animations with React-Spring and the state of RxJS with v7Welcome to issue #9 of The Deep Dive, a newsletter with focus on advanced web development, written and curated by Max Koretskyi and… — Welcome to issue #9 of The Deep Dive, a newsletter with focus on advanced web development, written and curated by Max Koretskyi and inDepth.dev team. From the blog Demystifying Angular’s router: RouterScroller [Angular] The RouterScroller entity is a very interesting part of the Angular Router. In this post, the author is going to…Angular3 min read
Published in Angular In Depth·Sep 9, 2020The Deep Dive #8: Angular’s push pipe, React as a black box and Cypress release with improved network stubbing supportWelcome to issue #8 of The Deep Dive, a newsletter with focus on advanced web development, written and curated by Max Koretskyi and… — Welcome to issue #8 of The Deep Dive, a newsletter with focus on advanced web development, written and curated by Max Koretskyi and inDepth.dev team. From the blog New possibilities with Angular’s rendering and the push pipe [Angular] The main idea behind the Angular push pipe is a new way of handling change…Web Development2 min read
