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):

Mockoon is the easiest and quickest way to run mock API servers locally.
No remote deployment, no account required, free, open source and cross-platform.

What will be covered in this article

• Why should you use Mockoon
• Starting your local server
• An array of thousands of users
• 8000 users with image URL
• Query params
• If/else response
• Using Rules
• Logs

Why should you use Mockoon

What if you need to mock a specific API that is not available at the moment?

A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators to augment your stories with extra rendering or gather details about how your story is rendered.

When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.

What will be covered in this article:

• Prerequisites;
• Decorators;
• Context;
• Adding theme globals;

Prerequisites

If you are not familiar with the Storybook or next “prerequisites” steps should be described in more detail, you can check this story (prerequisites section is the same):

We will be using React project created in the simplest way, by using create-react-app with the Typescript…

Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.

What will be covered in this article?

• Prerequisites;
• Storybook installation;
• Stories;
• Controls/Arguments;
• Documentation;

Prerequisites

We will be using React project created in the simplest way, by using create-react-app with the Typescript template:

npx create-react-app my-app --template typescript

👉 NOTE: Storybook needs to be installed into a project that is already setup with a framework. It will not work on an empty project.

Next, we will need to clean up our project from the CSS and SVG files, so it will be as simple as possible.

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…