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. EXAMPLE PROJECT  I’ve created a simple React project in TypeScript for this article. The interesting points here are:   IoC initialization NameProvider class (which will provide a…

We can only deliver good web applications by carefully examining the clients’ needs, expectations and issues. Therefore, we put a lot of effort into our work process, which we would like to showcase now using one of our JavaScript projects as a shining example. Web applications are needed in almost every industry but you can’t just create one template and apply it to all companies. Each firm has different needs. Most require custom apps with functionalities tailored to specific processes. What’s more, the new product should bring value to the business and have an attractive and intuitive look and feel. THE START OF APPLICATION DEVELOPMENT    Every project begins…

Programmers develop the coding of applications. It’s crucial work but it is nothing without the work of a good Web Designer. This is the person who creates the first image we encounter—the visual layout of the product. In our new series of Web Designer articles we will explain more about their tasks and role in projects, as well as the tools of the trade. We’re starting with mockup design—one of the first steps in our cooperation with a client. Our Web Designer, Joanna, participates in projects from the beginning. She is present on the very first meetings, along with developers, when the client outlines his needs and expectations. The designer listens carefully to what the…

Nearly two years after the release of version 2.0 and two months from the latest 2.9, Microsoft has released the newest version of TypeScript – the language we use in our projects. Let’s see what changes have been made and how they can affect our daily work. In TypeScript 3.0 we can identify just five changes affecting the you can use the language. Only one of those is flagged as a breaking change. But that’s enough introduction, let’s see what’s new! RICHER TUPLE TYPES Tuples in TypeScript are in fact JavaScript strongly-typed arrays (at the single element level) with constant length. At least, that’s the way it used…