Hello there! πŸ‘‹ 😊

In this article, I would like to show you two ways to remove duplicated lines from some text in JavaScript.

Before we start, I would highly recommend you to check out runnable examples for the solution on our website:
JavaScript β€” remove duplicated lines

We’re gonna use two methods:

  • filter()
  • reduce()

filter() based example

This approach uses a functional programming pattern. I’ve used filter() method that creates new array of elements tested with provided function.

To the filter() method I passed a set of commands that remove duplicated lines.

Practical example:

You can run this example here

reduce() based example

This…


Hi there! πŸ‘‹ 😊

Did you know that if you load images after the page is loaded, the user will see the content earlier and SEO tools will detect that the page loads faster? πŸš€πŸ“ˆ

Before we start, I would highly recommend you to check out runnable example for the solution on our website:
React β€” async image loading

In this article, I want to show you how to create a simple component in React by which the graphics are loaded after all resources are loaded.

That approach speeds up page loading by splitting the loading process into two steps:

  • …


Hello Coders! πŸ‘‹ 😊
In this short article, I would like to show you how to remove duplicated items from an array in JavaScript.

Before we start, I would highly recommend you to check out runnable example for the solution on our website:
JavaScript β€” remove duplicates from array

Quick solution

In this quick solution, I’ve used the built-in filter() function which has been added to improve functional programming.

If an index with the same value is found on another position, it won’t be saved (in other words, it saves only those that occurred for the first time, it does not take…


Hello! πŸ‘‹ 😊
Today I want to show you a simple animated progress bar that I recently made in React.

Before we start, I would highly recommend you to check out runnable example for the solution on our website:
React β€” create simple animated progress bar

Final effect of this post:


Hey there! πŸ‘‹ 😊

In this post, I want to show you a left-side animated menu that I created recently.

Before we start, I would highly recommend you to check out runnable example for the solution on our website:
React β€” how to make left-side animated menu

Final effect:


Hi there! πŸ‘‹ 😊

Today, I was thinking about creating an animated expander in React and I came up with the following solution. πŸ”½

Before we start, I would highly recommend you to check out runnable examples for the solution on our website:
How to create simple animated expander in React

Effect of this short post:


Hello Coders! πŸ‘‹ 😊

In this article, I would like to show you how to create a dynamic table in React.

Before we start, I would highly recommend you to check out runnable examples for the solution on our website:
How to create customized dynamic table in React

The final effect of this post:


Hello everyone πŸ™‚

PS: This is my first post here, so be forgiving πŸ™‚

Today I’d like to share with you simple but effective way of using mathematical sinus to make funny animation in console with my favourite JavaScript.

Do you have smarter or better way of doing similar example? Any suggestion is appreciated, thanks in advance. πŸ‘

I hope someone will get inspired by this post and will create something even more creative.

This post was originally published at:
JavaScript and animated sinus in console

All code examples can be run with online runner under link: code examples with…


In this short article we will see how in JavaScript read image from clipboard as Data URLs encoded with Base64.

πŸ‘ βœ” Originally posted on:
https://dirask.com/posts/10Wwaj
We can run and test this code online under above link ☘

Very important thing is: this feature is available in the newest browsers but it can be treated as additional feature that helps user working ergonomics.

How to use it?:

  1. copy some bitmap to clipboard
    (it is good to open some image editor and copy selected image area, use some snipping tool or just press Print Screen key),
  2. run below example,
  3. press Paste image from clipboard button.


Debugging
[di:b^g-ing]
1. Being the detective in a crime
movie where you are also the murderer.

Originally posted on platform:
https://dirask.com/q/v10nVp

Hashtags:
#dev #developer #programmer #programming #software #coder #coding
#webdev #web #javascript #js #css #html #react #reactjs #reactnative #angular #vue
#GirlsWhoCode #womenintech
#python #php #java #csharp #dotnet
#debug #debugger #debugging

Dirask ❀️ πŸ™‚ πŸ’»

dirask.com β€” we help you to solve coding problems βœ”οΈπŸš€. Ask question dirask.com/questions

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store