Category: Software Development - page 5

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…

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…

Recently I’ve explained how to create a GoJS diagram, as well as how to set and style edges. In order to make the diagram fully interactive, we still need to give the option of inserting elements. To do this, we’ll create a palette built into GoJS. Figure 1. Diagram after proper configuration of the ports A palette is a separate canvas that displays all the nodes defined in it and allows you to transfer them to the main diagram. It is configured in a manner analogical to the diagram, but through the creation of a go.Palette object. However, in order to do this, we should first…