Image for post
Image for post

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.

Here, at inDepth, we strongly believe that writing technical articles is one of the most effective ways to learn a topic.


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. This article goes through the changes introduced in this version.

​Rendering dynamic components by selector name in Ivy [Angular]
Angular gives us the mechanism to render components dynamically through View Container. The most dynamic component rendering mechanism would be the one where at the compile time we don’t know what component will be rendered. …


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. This post will show you how to solve that last step in Angular.

​LocalStorage vs. Cookies [Web platform]

JWT Tokens are widely used today for all kinds of authentication workflows. While it’s clear what to do with them on backend, the question on the frontend is where to store them? We usually have two choices: LocalStorage or Cookies. …


Image for post
Image for post

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 have an in-depth look at how it works, what makes its features possible and how it can be configured to suit a developer’s needs.

​Taking React animations to the next level with React-Spring [React]

React-Spring is a modern React library based on spring-physics which is highly flexible and it covers almost all of the UI animation needs. It inherits animated powerful interpolations and performance, as well as react-motion’s ease of use. …


Image for post
Image for post

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 detection locally instead of the global handling used in async pipe by Angular natively. It is implemented in a way we can get zone-less performance in zone-full applications.

The best way to implement custom validators [Angular]

Learn the best practices on how to build your custom validator in Angular by reverse engineering the built-in Angular validators.​ …


Image for post
Image for post

Hey friend,

It’s a well-known fact that if your goal is to become really good at your job as a developer, you need to constantly learn technologies at a deeper level. Yet, there’s a challenge. You’ve probably tried to find in-depth explanations once or twice on the web only to find a myriad of pretty basic articles and tutorials. Advanced knowledge required to solve complex tasks is scarce. We know, we’ve been there ourselves and we are trying to solve that problem at inDepth.dev.

Our goal is to build a place for web developers to learn fundamentals and advanced topics of web development. The inDepth.dev publication started as Angular-In-Depth publication on Medium that focused on advanced concepts around Angular framework. We managed to reach 1 million monthly views in just two years. Given this level of popularity, we believe there’s a great need for advanced material in web community. …


Image for post
Image for post

This article, its updates and my more recent articles are hosted on the inDepth.dev platform

I spent a good amount of time during last few weeks trying to understand the internals of Gatsby build process. There are many interesting approaches I encountered there, like using Redux store on the server side to communicate relevant information to different actors of the build process. I’m going to write a series of articles soon exploring this technique and others in depth.

One thing gave me some troubles during debugging was Gatsby using Node’s child process functionality to run HTML builds in parallel for each static page. Since JavaScript and Node.js …


Image for post
Image for post

We believe that one of the reasons behind ag-Grid’s striking success is how customizable our datagrid is. You can easily extend the default functionality by creating your own custom components and integrating them into the grid. Component based architecture that we use inside ag-Grid significantly simplifies this process. To learn more about customization options, check out this article.

The majority of custom components fed into ag-Grid render some kind of user interface. Besides, there’s an entire set of UI components used to render visual elements on the grid UI. Inside ag-Grid there’s a handy mechanism that allows developers to implement customization components using the framework of their choice. This is often the case when the datagrid is integrated into an application that uses a popular front-end framework. …


Image for post
Image for post

About

Max Koretskyi

Founder of inDepth.dev community. Passionate about Mentorship, TechEd and WebDev. Angular & React contributor.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store