Almost every year, I get into a situation when I need to set up a new javascript project. Projects with a modern framework like Angular already configured for us. But what about more simple apps or widgets, which should be framework agnostic? Usually, we need to have: a liver-reload, TypeScript, CSS-preprocessor, a framework for unit testing, and linter. This guide will be about building a production-ready starter kit, which will satisfy all our requirements.

I’m going to use: Webpack 5, Jest, SCSS, and ESLint. …

One of the easiest ways how to install Node.js is to go to the official site, download the installer and install it. Later a developer can face a situation when he needs to switch to another version of Node.js or update it.

It’s still possible to install it from the official site, but how many nodes already exist in a system? And how quickly switch between installed versions?

Maybe it’s a good time to uninstall all of them and set up the system to be able to switch between nodes in seconds, always know the number of installed versions, and…

Imagine you need to create an app that displays some places on the map around the user. Let’s say something like Foursquare or a banking app with nearby ATMs. The main feature of this app is geo querying. It’s when you can search for the objects in some radius around specific coordinates.

Google just announced some updates for Google Chrome on Android devices. One of the updates is Floom. It’s an amusing tool, which shows in augmented reality the hole through the Earth near you. So you can see what is on the other side of the planet from the place where you are standing right now.

I’m an Angular developer since the very firsts AngularJS versions. During this time, I had a chance to work and deliver projects of different sizes. And I always was satisfied with my primary framework selection. Today it’s still my favorite framework. Currently, I have three active, long-term, and heavy-loaded projects. So let me share the most frequent traps on such projects and how to deal with them.

Version update

Let’s say you created an MVP app at the begging of Angular 2. You configured the project by guidelines, and everything works fine. Later, Angular releases more and more new versions, which is…

Let’s say you work with an extensive application. And you need to provide some widgets, which represent some parts of your app to other apps. Developers can write these apps on any framework, so your widgets should be framework-agnostic. What technology stack will you choose?

As for me, the first that comes to mind when I hear “framework-agnostic” — web components. We can implement them in vanilla js way or use libraries to simplify the developer’s life. In this story, I will share why we decided to use LitElement.

LitElement — It’s a simple base class for creating fast, lightweight…

For the last three years, each day, I have to work on different platforms. Some projects are strictly for Windows, so I need to debug them on Windows. Other projects are cross-platform, and I can work with them on Mac. My technology stack is typical nowadays and includes JS, TS, Angular, Web-components, GCP, Firebase, AWS, Webpack, Node.js, Docker, and VS Code. Let me share some pros and cons of using each OS for web-development in 2021.

Virtualization

Even if compared with mac on intel, Windows has more applications for virtualization. You can enable Microsoft Hyper-V from the power shell in a…

For the last weeks in the network appeared more and more technical information about the Clubhouse app. Some enthusiasts created repositories with Clubhouse API libraries or even published unofficial Android app.

Public interest and available information make it’s interesting to build your voice network or at least to know how to implement it.

In this article, I will talk about how to implement base functionality using Agora.io, Angular, and Firebase.

Firebase is used just for example, you can use any back-end for handling authentication and storing rooms

Pre-requires

• Created firebase project
• Have installed Node.js on your machine
• Have installed globally @angular/cli
• …