React DnD is a set of React utilities to help you build complex drag and drop interfaces . We will take a look on it’s basic capabilities with implementing our own kanban board.

What will be covered in this article:

• Prerequisites
• Installation
• Implementing draggable item
• Implementing droppable item
• Creatin kanban board
• Adding multiple draggable items
• Make items sortable in the column
• Mobile version of drag and drop
• Refactor before adding drop restrictions
• Adding drop restrictions

Before we will start our journey, let’s see what we will get at the end (gif):

Let’s take a look at the HTTP client that can execute HTTP Requests directly in the JetBrains IDEs.

Creating HTTP/REST file

You can create HTTP/REST files inside your project. Those files will be shared between your teammates, so they could make your pre-defined requests.

Or even BE guys could create and test those files for you 🙂

Let’s take a look at fundamentals of a Spring Framework with some basic Spring annotations. This artile will guide you through the basic steps of how you can create an application with use of a Spring Framework.

If you don’t want to create a new project from scratch, you can use this repository as a reference (It is a finished project. This story will guide you step-by-step at how it was created):

Create a new maven project

Before we begin our journey, let’s create a maven project. I will use JDK 1.8:

In this article we will take a look at the features of a functions in Kotlin: declarations, named arguments and default params, extensions, infix, etc

Function declaration

We will begin with simple examples of how we can declare functions in Kotlin:

• you can declare a simple function with brackets or you can declare a simplified notation if your function logic is chained:
• if you set a question mark ? after a function argument, it means that it can be null;
• if you function returns nothing/void you can set a return type of your function as Unit. In Kotlin Unit = void;

In this article we will take a look at the fundamental features of a Kotlin language “A modern programming languagethat makes developers happier”.

What will be covered in this article:

• No “public static void main”
• Creating an instance
• High-order functions and lambdas
• If-else
• Null safety
• No switch statement/When expression
• Try/catch/finally
• Ranges

No “public static void main”

Let’s begin our journey to Kotlin by creating a simple example of a required function in Java (the entry point of Java’s applications):

public static void main(...){}

How it looks in Java:

Hot it looks in Kotlin

You might notice few differences:

• we didn’t declare a class Kotlin will do that for us by…

Here we will take a look at how we can create a simple Spring Boot application in a few seconds using Spring initializr, how we can create a simple HTML page and API Endpoints.

⚠️ NOTE: If you are not familiar with Kotlin — don’t worry, IntelliJ IDE will help you convert Java to Kotlin, and if you are familiar with Java, → you will see how more compact our code could look like with Kotlin.

In this article I will show you how you can create a React single-spa applications (microfrontends) from scratch using create-single-spa CLI tool.

What is single-spa?

You can check more here:

⚠️ NOTE: If you want to create a React single-spa application from an already existed React application created by create-react-app script — this article is not for you. Because of a create-react-app webpack configuration, we will need to override those settings.

What will be covered in this article?

• Creating single-spa root config
• Creating single-spa React application
• Adding links to shared modules
• Adding link to the navbar-app module
• Registering application
• Setting custom port and starting the configured app

This article is for those who need to understand how AngularJS (version 1.x) works.

You might ask: “Story about AngularJS (v1.x)’ in 2021, really?”.

I would say that this story is not for those who are looking for modern FE Frameworks 😉. Because there are a lot of legacy projects that need to be migrated to the new version of Angular, or to another Framework like ReactJS or VueJS → this story is for those developers who need to understand the main features of AngularJS. So let’s begin…

What will be covered in this article?

• Creating simplest project
• Data binding expressions
• Controllers
• Directives
• Filters
• Fragments/Components
• Services
• Routing

…