TypeScript is often quoted as one of the most loved programming languages (StackOverflow, 2022). I guess, what contributes to it is the ease with which TypeScript can be introduced in a JavaScript project and the benefits it bring like static type checking, null safety, better refactoring and IntelliSence support. Another aspect of TypeScript which I…
We are going to set up unit testing in Svelte using Testing Library and Jest. The working version of the project is available here. You can use it as a starter template for your project. 1 – Let’s start with the standard svelte template to create a new project. You need to have Nodejs, npm,…
Unit tests and Code Coverage not only improves the code quality but also provides agility in developing new features with confidence. How to set it up for a Dart repository hosted on GitHub? We will be using the following two packages for writing/running unit tests and collecting code coverage data. Package Description test Provides a…
Increasing the heap size By default, JMeter uses 1 GB of heap memory. This may not be enough and you may encounter an Out of Memory exception. Maximum Heap memory size can be increased to say 2GB by adding the following line in JMeter startup script: Xmx2g means maximum heap size is set to 1…
Thread Group simulates a number of virtual users putting the load on the server. Often one of the initial requests is user login and depending on the user credentials specified in the login call, all threads will be using the same login. If you want each thread spawned by the Thread Group to use a…
JMeter is a load testing tool to measure the performance of web applications. It is open-source and written in Java. Key concepts in JMeter JMeter test script is developed by adding components in the Test Plan pane on the left side. To get a general idea about the components and what can be achieved, let’s…
Svelte is a front-end framework for web development, you can find more about it here. This post is about using CSS in Svelte. CSS in Svelte Components CSS styles specified in Svelte components are scoped to the component itself, meaning they don’t affect anything outside the component. Svelte compiler achieves this by making appropriate changes…
Svelte is a front-end framework for web development like React, Vue and Angular. In a short time, Svelte has become very popular as you can see from ‘State of JS’ survey or the stars on it’s GitHub repo. Single Page Application (SPA) These UI Frameworks enable us to create single-page applications where most of the…
Source code for examples in this article can be found at https://github.com/umaranis/css-masonry-layout In Masonry layout, variable-sized items are arranged in columns. It is different from a regular grid in the sense that it doesn’t have fixed-sized rows. Pinterest is a popular example of the masonry layout. The layout looks beautiful and makes efficient use of…
We are going to install TypeScript ESLint for finding potential problems with our code. Most online tutorials talk about using TSLint for TypeScript, but it is deprecated now in favour of ESLint. Let’s start by installing ESLint. To configure the linter, we need to create a config called .eslintrc.js in the root directory. Let’s create…