How to increase your frontend app’s performance – 5 coding tips
Software Development

How to increase your frontend app’s performance – 5 coding tips

In many of our frontend projects, at some point we’ve encountered the issue of the app’s performance decreasing. Things like this happen – it’s normal when the complexity of a solution increases. But still, it’s something that we developers need to take care of. In this article I’d like to show you 5 tips to help optimize your app (things I’ve done in my projects). Some of them may seem obvious, some of them are programming basics, but I think that it’s always good to refresh our memory. Each tip is backed by benchmarks that you can run on your own and check performance by yourself.


Dependency injection in React using InversifyJS. Now with React Hooks
Software Development

Dependency injection in React using InversifyJS. Now with React Hooks

Nearly a year ago I wrote an article about dependency injection in React. I showed how to inject dependencies into class components from InversifyJS containers. Since then we’ve witnessed the release of one of the most anticipated React features – Hooks. If you’ve never heard about them, you should definitely go to docs on React's website and learn about them. The key thing is that we can now do a lot more with functional components and they are really user-friendly. In this article, I’d like to show you how easy it is to use InversifyJS with Hooks with a very simple example.


Avoiding Any in TypeScript – Advanced Types and Their Usage
Software Development

Avoiding Any in TypeScript – Advanced Types and Their Usage

TypeScript gives JavaScript developers an opportunity to provide strict types in a code. However, due to the nature of JavaScript, in some cases providing accurate types isn’t a simple task. In such situations programmers are tempted to use any – a typing picklock which allows the user to store anything in it. In this article I’d like to show some built-in types and built-in TypeScript features which you can use to avoid any or to simplify some custom typings.


6 Steps to Start Increasing Quality of Your Code
Software Development

6 Steps to Start Increasing Quality of Your Code

Maintaining the high quality of code can be a hard task. When doing a project, everything can happen: time pressure, client’s urgent needs, poor introduction of new developers, lack of code reviews. Generally, every flaw in the development process can leave unwanted code smells in a project. On the other hand, code can be well written in technical terms, while there can still be space to apply some changes which can positively affect a developer’s efficiency.


Dependency Injection in React Using InversifyJS
Software Development

Dependency Injection in React Using InversifyJS

InversifyJS is a powerful, lightweight and easy-to-use library for dependency injection in JavaScript. Unfortunately, due to the nature of React, using it as a component feature is not straightforward. This is because dependency injection in InversifyJS relies on a constructor injection, while React doesn’t want users to extend constructors of its components. However, there are methods which allow us to use inversion of control in our React code. By creating an example project, I will show you how to bypass this issue when working on projects.