teleren/devto huggingface dataset:
What was your win this week?
Tags: discuss, weeklyretro
Published: 2021-05-21 10:19:57

Hey, 

So we are at Friyay and I am looking back at the week and celebrating the wins that I achieved this week and looking forward to the next week and setting my goals. 

Let's talk about what your proud of from this week. 

Everything counts, big or small! 👍

My wins are: 
- Spoke at [Techorama](https://github.com/weeyin83/Presentations/tree/master/2021/Techorama)
- Finished off a bunch of [blog](https://www.techielass.com) ideas that were sitting in draft

I'm looking forward to reading what you've accomplished this week! ❤️
beCoditive API
Tags: node, javascript, becoditive, api
Published: 2021-05-21 09:57:59

Hi, I have made a api with many endpoints like memes, animal images,
text manipulation, image manipulation, url shortner, fake data, and many more.

The project is open source so people can learn from it.

Github - https://github.com/beCoditive/Becoditive-API
API - https://api.becoditive.xyz/

Staring the Page will be really helpful to make the project grow.
In-depth Interview Questions
Tags: hiring, career
Published: 2021-05-21 09:42:43

In-depth questions are used to evaluate your work ethic in your chosen profession. They also help hiring managers determine how you solve problems and handle certain situations.


This article is a continuation of the previous article we published:
https://dev.to/krowser/interview-questions-about-experience-and-background-2h63/


• Tell me about your typical day in your current or most recent role as a developer.
• Have you ever had a failed project? Give me an example and explain why you think it was a failure. What would you have done differently to ensure its success?
• How do you prioritize your tasks as a developer?
• What do you hope to learn from your manager?
• If we gave you several tasks due at the end of the day and you weren't able to finish them in time, how would you handle this situation?
• Can you briefly tell me about some projects you worked on recently and the approach you took from start to finish?
• Tell me about a tough development problem you've had in the past and how you solved it.
• Is there anything you would change about how you performed in your most recent role? Why?
• Why should we choose you for this position?
• Tell me about a time when miscommunication impacted one of your projects. How did you handle it?
• Describe a time when you experienced a significant project change last minute. How did you handle it and complete the project on time?


In our next post, we would be sharing interview questions with sample answers.
Flutter Filter list package v1.0.0 released on pub.dev 🎉
Tags: flutter, dart
Published: 2021-05-21 09:21:19

filterList is a flutter package which provide utility to search/filter data from provided dynamic list.

## Change Logs


## [1.0.0] 21 May 2021
* Improved visual customization. Including remove custom function.
* Added below arguments to improve the customization and make it translatable. 
    * `allButtonText`
    * `applyButtonText`
    * `resetButtonText`
    * `selectedItemsText`
* Added `buttonRadius` button border radius argument.
* Added `controlContainerDecoration` action buttons box decoration argument.
* Added `buttonSpacing` button spacing argument.
* Added `validateRemoveItem` custom remove function that returns the selected list items filtered by the user conditions.
* Added `insetPadding` dialog padding argument.
* Added `wrapAlignment` argument to control the choice chips alignment in main axis. 
* Added `wrapCrossAxisAlignment` argument to control choice chip within a run should be aligned relative to each other in the cross axis. 
* Added `wrapSpacing` argument to control the space to place between choice chip in a run in the main axis.

Package link:- [Pub.dev](https://pub.dev/packages/filter_list)

Demo App link:- [Demo App](https://github.com/TheAlphamerc/flutter_plugin_filter_list/releases/download/v0.0.5/app-release.apk)

Source code:- [Github Repo](https://github.com/TheAlphamerc/flutter_plugin_filter_list)


## Contributing

If you wish to contribute a change to any of the existing features or add new in this repo,
please review our [contribution guide](https://github.com/TheAlphamerc/flutter_plugin_filter_list/blob/master/CONTRIBUTING.md),
and send a [pull request](https://github.com/TheAlphamerc/flutter_plugin_filter_list/pulls). I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request.
How to filter list with input text – react-redux example
Tags: react, filter, redux
Published: 2021-05-21 09:07:37

https://grokonez.com/frontend/react/how-to-filter-list-react-redux-example

How to filter list with input text – react-redux example

We have created a <a href="https://grokonez.com/frontend/how-to-connect-react-with-redux-react-redux-example">React Application that connects with Redux</a>. In this tutorial, we're gonna filter list of items with input text using react-redux.

<!--more-->
<h2>Example Overview</h2>
We will build a React Application that has input text to look up for filtering items.
The filter works and updates every time we type in the textbox.

<img src="https://grokonez.com/wp-content/uploads/2018/04/react-redux-example-filter-list-goal.png" alt="react-redux-example-filter-list-goal" width="447" height="589" class="alignnone size-full wp-image-11819" />
<h2>Filter list with input text</h2>
<h3>Context</h3>
Remember that our App state is like this:
<pre><code class="language-javascript">
const demoState = {
    books: [
        {
            id: '123abcdefghiklmn',
            title: 'Origin',
            description: 'Origin thrusts Robert Langdon into the dangerous intersection of humankind’s two most enduring questions.',
            author: 'Dan Brown',
            published: 2017
        }
    ],
    filters: {
        text: 'ori',
        sortBy: 'published', // published or title
        startYear: undefined,
        endYear: undefined
    }
};</code></pre>
And our Book list is displayed based on <code>getVisibleBooks()</code> function:
<pre><code class="language-javascript">// BookList.js
const BookList = (props) =&amp;gt; (
    // display 'books'
);

const mapStateToProps = (state) =&amp;gt; {
    return {
        books: getVisibleBooks(state.books, state.filters)
    };
}

export default connect(mapStateToProps)(BookList);</code></pre>
<code>getVisibleBooks(books, filters)</code> returns Book list by filtering and sorting input books.

More at:

https://grokonez.com/frontend/react/how-to-filter-list-react-redux-example

How to filter list with input text – react-redux example
Most Elegent Styles of Curtains | Interior Design Agency | Decor La Rouge
Published: 2021-05-21 09:04:50

The single curtain panel dedicated to the balcony door. It allows you to protect your privacy and also provide the needed shade when you are watching TV. It looks better than the standard net curtain. Aside from being the ideal type of curtain for many interior settings, tab top curtains are amongst the most economical curtains you can buy. Tab top curtains require far less fabric than other Curtains styles.  A valance is a decorative drape or small curtain placed at the top of a window. The valance for home adds a cosy, traditional appeal. Combined with large windows, they provide charm and warmth, known from the cottage houses.
<b>Read more:</b><a href="https://decorlarouge.com/most-elegant-styles-of-curtains">Most Elegent Styles of Curtains</a>

<b>Related Blogs:</b>

<a href="https://decorlarouge.com/5-most-popular-fabric-to-make-curtains">Most Popular Fabric To Make Curtains</a>

<a href="https://decorlarouge.com/top-trending-color-schemes-for-kitchens">Top Trending color schemes for kitchens</a>

 <a href="https://decorlarouge.com/design-your-bedroom-with-best-color-scheme">Design Your Bedroom With Best Color Scheme</a>

<a href="https://decorlarouge.com/low-maintenance-office-plants">Low-Maintenance Office Plants</a>

<a href="https://decorlarouge.com/modern-office-chairs">Modern Office Chairs</a>

<b>Contact Details:</b>

422 Richards St Unit 170, Vancouver, BC V6B 2Z4, Canada

1-6046704333

<a href="https://decorlarouge.com/">Interior Design Agency</a>
<b>Follow us:</b>
<a href="https://www.instagram.com/decorlarouge/">https://www.instagram.com/decorlarouge/</a>
<a href="https://twitter.com/decolarouge">https://twitter.com/decorrouge</a>

<b>Visit Reference Profile Websites:</b>
<a href="https://bzfd.it/3yt81TC">https://bzfd.it/3yt81TC</a>
<a href="https://bit.ly/3fPD6IP">https://bit.ly/3fPD6IP</a>
<a href="https://bit.ly/3wfgTKG">https://bit.ly/3wfgTKG</a>
<a href="https://bit.ly/3wltZpI">https://bit.ly/3wltZpI</a>
<a href="https://bit.ly/3ywcrJh">https://bit.ly/3ywcrJh</a>
<a href="https://bit.ly/3bE6tMP">https://bit.ly/3bE6tMP</a>
<a href="https://bit.ly/3bKvB4t">https://bit.ly/3bKvB4t</a>
<a href="https://bit.ly/3bI63Fk">https://bit.ly/3bI63Fk</a>
<a href="https://bit.ly/3ft36sY">https://bit.ly/3ft36sY</a>
<a href="https://bit.ly/2TaaceD">https://bit.ly/2TaaceD</a>
<a href="https://bit.ly/2T3CDe5">https://bit.ly/2T3CDe5</a>
<a href="https://bit.ly/3ysBH34">https://bit.ly/3ysBH34</a>
<a href="https://bit.ly/3ysBPj4">https://bit.ly/3ysBPj4</a>
<a href="https://bit.ly/3wsiLzV">https://bit.ly/3wsiLzV</a>
<a href="https://bit.ly/3wnrXFI">https://bit.ly/3wnrXFI</a>
<a href="https://bit.ly/3wnrXFI">https://bit.ly/3wnrXFI</a>
<a href="https://bit.ly/2RufbGG">https://bit.ly/2RufbGG</a>
<a href="https://bit.ly/3bI6eAu">https://bit.ly/3bI6eAu</a>
<a href="https://bit.ly/3hJZOEC">https://bit.ly/3hJZOEC</a>
<a href="https://bit.ly/3wns8km">https://bit.ly/3wns8km</a>
The best way to access your apparatus using synology quickconnect?
Published: 2021-05-21 08:48:02

If you're searching for a few easy ways to get into your apparatus working with the [synology quickconnect](https://synologylog.online/), this can be the region for you. All you have to do is create an account and access your own device. If you want to have more comprehensive info regarding that, you can give us a call.
Convert entity to DTO in Springboot
Tags: springboot, womenintech, java, backend
Published: 2021-05-21 08:43:01

I used to map an entity to DTO in the service class by writing my own mapping method but recently I got to know about **Model Mapper**, all we need to do is just add *model mapper* dependency in *pom.xml* file.
Without using *Model Mapper* the code will look something like this:-
```javascript
//pom.xml

 <dependency>
 <groupId>org.modelmapper</groupId>
 <artifactId>modelmapper</artifactId>
 <version>2.4.2</version>
 </dependency>

```
``` javascript
//UserService class
private UserDTO convertToDto(UserEntity userEntity) {
     UserDTO userDTO = new UserDTO();
      userDTO.setId(userEntity.getId());
      userDTO.setEmailID(userEntity.getEmailID());
      userDTO.setAbout(userEntity.getAbout());
      userDTO.setName(userEntity.getName());
      return userDTO;
    }
```
or 
```javascript
//UserService class
public UserDTO mapUserEntityToUserDTO(UserEntity userEntity) {

        return new UserDTO(userEntity.getId(),userEntity.getName(), userEntity.getEmailID(), userEntity.getAbout());
    }
```
With *Model mapper*

``` javascript
//Service class
@Autowired private ModelMapper modelMapper;
private UserDTO convertToDto(UserEntity userEntity) {
        UserDTO userDTO = modelMapper.map(userEntity, UserDTO.class);
      return userDTO;
    }
```
JS Iterator objects
Tags: javascript
Published: 2021-05-21 08:08:00

When we want to iterate through an object we usually fall in the trap (or not) to use always the same iterators, like `for` or `.map()`, but there is a whole world of **iterators** in JS each one with their respective functions and differences between each other.

In this post I will explain to you practical uses and differences between `.map()`,`.filter()`, `.find()`, `.reduce()` and `.forEach()`.

## 1. Starting  with .map()

The `.map()` iterator will go through the elements in the array to **populate** a new array with the results of the function you provide inside of it.

```
const array = ["name1", "name2", "name3"];

// pass a function to map
const map = array.map((x, i) => {
  return x.concat(` surname${i+1}`);
});

console.log(map);
// expected output: Array ["name1 surname1", "name2 surname2", "name3 surname3"]
```
As you can see the `.map()` iterator creates a new array populated with what we passed inside of it.

##  2. `.filter()`

The `.filter()` iterates through the array and will return a new array populated with the elements that passes the **condition** provided inside of it.

```
const array = ["name1", "name2", "name3"];

// pass a function to filter
const filter = array.filter(x => !x.includes(2));

console.log(map);
// expected output: Array ["name1", "name3"]
```

## 3. `.find()`

The `.find()` method will return the **first** element that passes the condition inside of the array.

```
const array = ["name1", "name2", "name3"];

// pass a function to filter
const find = array.find(x => x.includes(2));

console.log(map);
// expected output: Array "name2"
```

## 4. `.reduce()`

The `.reduce()` method will execute a reducer function that you will provide inside of it, this will result in a **single output value** from the multiple elements inside of the array.

The reducer function can take four arguments:
 1. Accumulator
 2. Current Value
 3. Current Index
 4. Source Array

```
const reducer = (sum, val) => sum + val;
const initialValue = 0;
const arr = [1, 3, 5, 7];

const sumReduce = arr.reduce(reducer, initialValue);
console.log(sumReduce);
// 16
```

## 5. `.forEach()`

The `.forEach()` method will execute a function for each one of the elements in the array that iterates.

In case you are wondering why ever use foreach instead of the other ones, well forEach is more of a *generic tool* provided by Js, I'll tell you to use it when you don't have any better and more specific tool as we saw in the previous methods.

For example, the one that you can confuse it more is with `.map()` the difference between them is that map is for modifying the array and returning modified, while `.forEach()` can iterate through the array with any necessary modification like just console.log the array.

![tenor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f7kyqqdyrtvhu7ea43vr.gif)
 
 
Well I hope this article helped you and provided you with a little more knowledge for your day to day coding, any suggestions or comments are welcome in the comment section.
Updated my blog to Zola and TailwindUI
Published: 2021-05-21 07:56:45

As is customary for web developer blogs, I spend more time building the website than I do blogging.

![The new website available in light and dark mode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/352wm82kpbgnuxr9ak9k.png)

[Link to the website](https://www.fullstackstanley.com)

That said, there were a few issues with my previous site that made me want a refresh.

* Comments weren't always loading.
* No call to actions or even social links!
* Formatting wasn't always quite right, especially with syntax highlighting.
* Ability to link up series' of articles (Like dev.to).
* Add warning disclaimer to old posts.

![A preview of how old posts and series' look](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qo7woqciflt4rakdz0ek.png)

Anyway, I've rebuilt the site with [Zola](https://getzola.org) and [TailwindUI](https://tailwindui.com) and I'm pretty pleased with it.

I'm promoting my apps a bit more with it and my social media presence.

As a bonus, it has a native dark mode!

## The old website

Just for kicks, here's what the old website looked like. It was made with a template and used Nuxt.js + CraftCMS for the headless CMS.

![The previous website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hdlmq19ptez11b8jt7q1.png)

And here's the first website! This one was built with Middleman, a Ruby static site generator. Back in 2013.

![The first iteration of Full Stack Stanley](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l6oh70lxtvl7f7atxlfr.png)
Convert Excel to Image in Java
Tags: java, image, freeexcel, imagedpi
Published: 2021-05-21 07:56:33

---
title: Convert Excel to Image in Java
published: true
description: Convert Excel to Image and set the image DPI, by pagebreaks
tags: java, image,freeExcel,ImageDPI
---

With the help of Spire.XLS for Java, we can easily convert Excel workbook and Excel worksheets to image with high quality in Java applications. In this article, I will explain the solutions of converting the Excel file to bitmap images in PNG, BMP, JPEG etc.  And when we convert Excel to Images, we can set the DPI for the image and convert the Excel to image by page breaks.

Converting Excel to Image and set the image DPI. Spire.XLS for Java offers sheet.saveToImage() method to save Excel as image directly. And we could also use sheet.saveToImage (result, firstRow, firstColumn, lastRow, lastColumn); to convert the defined cell range to images.

```java
import com.spire.xls.*;

public class ExceltoImage {
    public static void main(String[] args) {


        //Load the sample document
        Workbook wb = new Workbook();
        wb.loadFromFile("Sample.xlsx");

        //set the image DPI 
        wb.getConverterSetting().setXDpi(200);
        wb.getConverterSetting().setYDpi(200);

        //get the first worksheet
        Worksheet sheet = wb.getWorksheets().get(0);

        //Save to image
        sheet.saveToImage("ExceltoImage.png");

        //save the defined cell range to image
        sheet.saveToImage("CellrangesToImg.png",5,1,14,4);
        }
    }
```

Convert the Excel to Images by page breaks. When we deal with the Excel with a large of data, we will add the page breaks to the Excel file to ensure it can be printed and converted correctly. Spire.XLS for java supports to convert Excel to images by page breaks.

```java
import com.spire.xls.*;

import java.util.List;
import java.util.Map;

public class ExceltoImagebyPagebreaks {
    public static void main(String[] args) throws Exception {


        //Load the sample document
        Workbook workbook = new Workbook();
        workbook.loadFromFile("Sample.xlsx");
        int count = 1;

        //get the page split info.
        List<Map<Integer, PageColRow>> pageInfoList = workbook.getSplitPageInfo();

    
        //Convert to images by pagebreaks
        for (int i = 0; i < workbook.getWorksheets().getCount(); i++) {
           Worksheet sheet = workbook.getWorksheets().get(i);
            Map<Integer, PageColRow> integerPageColRowMap = pageInfoList.get(i);
            for (Map.Entry<Integer, PageColRow> entry : integerPageColRowMap.entrySet()) {
                PageColRow colRow = entry.getValue();
                String result=("output/out" + (count++) + ".png");
                sheet.saveToImage (result, colRow.StartRow, colRow.StartCol, colRow.EndRow, colRow.EndCol);
             }
        }
    }
}
```
How to Install Cinema HD for iOS
Published: 2021-05-21 07:54:33

If you have an iOS device, you can enjoy free films and shows today with Cinema HD. Let us have a clear look at guide to download cinema HD app for the iOS devices. Cinema hd app has a great design and it is very simple to use. The navigation is categorized and the content is easy to surf. The user familiarity of the app is great. You can watch the latest Movies and TV Shows using this app.

Cinema APK for iOS

- The app is 100% FREE.
- There is no need of registration or subscription required. There are no advertisement pop ups in the app. 
- The app is user-Friendly
- You can watch thousands of HD Movies and TV shows that too for free. The app receives updates with fresh content. You can receive movie details like posters, about the movie, trailer launch and rating. 
You can use the options of Offline/Download.
- The app will provide its users to download all the latest content that is HD movies on their device and watch them later or offline. It is good for travel, as you can watch the content without Internet.
- You can save all the stuff and all your favourites stuff to watch them later. You can easily go to this section anytime you want, whether you want watch it again or later. 
Cinema HD is an Android entertainment app that will permit you to watch thousands of movies and TV shows and that too for free.  The app will aggregate the links from various online possessions and it will supply you with a database of free video content. You can download cinemahd for mac as well.

CINEMA HD INCREDIBLE FEATURES

- Catch the Latest Movies

- Stream TV Series

- Supports Subtitles

- No need to Register to Use

- Add to Favorites

- Many Genres

- Download Videos

- Easy to Use

- Free for All

Download Cinema HD APP for iOS

The following section will offer a step-by-step guide that will help you to install third-party stores.

1. Open your Safari and go to https://app-valley.vip/ or https://www.tweakboxapp.com/.
2. Install the app of your choice
3. Allow the installation by going to Settings > General > access the Profiles menu
4. Select Install
5. Open App Valley
6. Install Cinema HD via the link: https://cinemahdplus.com/cinema-hd-for-ios/

Conclusion

As you can see, it’s so easy to install Cinema HD for iOS! Now, you don’t need to pay anything to watch movies and shows!
Hilt Introduction - Starting DI Hiltastic way
Tags: android, kotlin, hilt, dagger2
Published: 2021-05-21 07:18:59

### Introduction 
Hilt is an DI library for Android introduced by Google. Hilt is built on top of powerful Dagger library which leverages the benefits of Dagger like *compile-time correctness, runtime performance, scalability* and *Android Support*. Hilt has good integration with Jetpack Libraries like Compose, Navigation and WorkManager etc.

* Hilt is Stable and Production ready.
* Designed particularly for Android.
* Supports from Android Studio 4.0. 
* Officially recommended DI library for Android. 
* Incorporates best practices of DI.
* Hilt is just an API around Dagger but not new library.

### Advantages
1. Simplify the Dagger implementation.
2. Reduces the boilerplate code.
3. Decouples the build dependencies.
4. Robust configurations for testing.
5. Refactoring and Testing is Easy.

### Annotations
Hilt and Dagger can work together. Most of the Dagger annotations are supported by Hilt. Hilt support for following Android specific classes.
* Application
* ViewModel
* Activity
* Fragment
* View
* Service
* BroadcastReceiver

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rjt8tnm1o3sz6vtp9hjg.jpg)

### Components & Scopes
Hilt supports set of predefined Android lifecycle aware Components and Scopes. Lifetime of the components are usually bound during the creation and destruction of the corresponding instance. Below table shows the components and their scopes.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/japp95k430w3x1hhap8x.jpg)

### Setting Up

#### Adding Dependencies
Add the gradle plugin into the projects root level build.gradle.
```script
buildscript {
    ...
    ext.hilt_version = '2.35'
    dependencies {
        ...
        classpath "com.google.dagger:hilt-android-gradle-plugin:$hilt_version"
    }
}
```
Add the dependencies into app level app/build.gradle.
```script
apply plugin: 'kotlin-kapt'
apply plugin: 'dagger.hilt.android.plugin'

android {
    ...
}

dependencies {
    implementation "com.google.dagger:hilt-android:$hilt_version"
    kapt "com.google.dagger:hilt-compiler:$hilt_version"
}

```
Hilt uses Java 8 features. Hence, add the Java 8 support into app level app/build.gradle.

```script
android {
  ...
  compileOptions {
    sourceCompatibility JavaVersion.VERSION_1_8
    targetCompatibility JavaVersion.VERSION_1_8
  }
}
```

Keep Watching :) Let's dive into the implementation part in next [article](https://dev.to/krisrajkumar/implementation-of-hilt-in-retrofit-154f).