Let’s find out how we can implement a simple character interaction with a door mesh with some simple animation using Unreal engine 4.

Before we will start our exploration let’s take a look at what we will be creating (gif)

What will be covered in this story:

• 1. What are the extensions?
• 2. Create React app
• 3. Manifest.json file
• 4. Popup width and height restrictions
• 5. Retrieving active tab’s URL
• 6. Manipulating DOM content (content scripts)
• 7. Overriding Create React App configuration

What are the extensions?

If you don't know what is the best solution for you, you can check here:

In this story, we will be creating a popup extension, but you can check about other types: popup, tooltip, omnibox, and context menu. To know more you can check this link :

2. Create React app

We will start from a TypeScript React project created with the use of the create-react-app CLI command:

npx…

Let’s take a look at how we can make our Express.js Server code cleaner with use of the Typescript Method Decorators.

What will be covered in this story:

1. Prerequisites. Creating Express Typescript project
2. Wrapping Express API Route with Typescript Method Decorator
3. Async Method Decorator
4. Adding Logging Decorator
5. Adding Authentication Decorator
6. Codesandbox Playground

1. Prerequisites. Creating Express Typescript project

Before we will start exploring Express.js with Typescript Decorators examples, we will create a simple Typescript Node.js project with Express.js and some additional npm packages that will be in use in our work. Let’s get started.

First, create an empty folder and initialize npm project by running npm init -y in the root directory: (-y…

Let’s take a look at the Typescript Decorators that provide a way to add both annotations and a meta-programming syntax for class declarations and members.

⚠️ NOTE Decorators are an experimental feature that may change in future releases.

What will be covered in this article:

1. Prerequisites
2. What is Decorator
3. Simple examples
4. Decorators in depth

1. Prerequisites

Before we start exploring Typescript Decorator examples, I’ll be using an empty Node.js typescript project with no additional packages, lints, etc.

All we will need is a typescript in our dev dependencies in the package.json file:

First, create an empty folder:

Let’s take a look at several ways of how you could run a single Typescript file in the WebStorm IDE.

What will be covered in this article:

• The easiest way (without installing the npm package)
• Launching file with the use of the script
• Creating “Run Active” Configuration

Prerequisites

For running our Typescript files, we will be using the ts-node npm package. In some scenarios, you will not be needed to install the package locally

The easiest way

If you need to run one file and see the results, you don’t need to add ts-node to your dev dependencies.

Let’s take a look at the simple example: currently, we have a single…

Let’s take a look at some Strategy patter examples

Most of the time you will see some pattern definition, explanations, conditions, pitfalls, etc, and only after that — an example. I would like to break this chain and to show you some simplest concrete examples first, and after that — some theory.

UML

Here we will be talking about Flutter plugging creation, Flutter → Android → Flutter communication, and after that, we will be creating our own native Android notification with attaching it to our Flutter project.

What will be covered in this article:

• Creating Flutter Plugin project
• How Flutter plugin works
• The Big picture
• Implementing native notification

Result:

This article will cover the basics of the D3 library, with step-by-step guide of Bar chart implementation.

What will be covered in this article:

• Prerequisites
• What we will be implementing?
• What is SVG?
• What is D3?
• D3 DOM manipulations
• How to create a Bar chart step-by-step:
• Step 1. Creating SVG element
• Step 2. Adding JSON data to the project
• Step 3. Fetching data
• Step 4. Adding Y-axis
• Step 5. Adding X-axis
• Step 6. Modifying X-Axis text label styles
• Step 7. Adding animated bars to the chart
• Step 8. Adding labels to the bars

Prerequisites

For this article, you will not need any third-party libraries/frameworks as React.js/Angular/Vue, etc. …