teleren/devto huggingface dataset:
How to show IDs which are in ready status within certain time range
Tags: qliksense, reporting, beginners
Published: 2022-11-14 10:54:45

Hello, I'm pretty new Qlik Sense user, and I'm making pivot table which shows those patients who have been in ready status between selected time range. I have columns OWNER_ID, START_TIME, END_TIME & STATUS. START_TIME & END_TIME are in hours, for example, 6.  OWNER_ID column contains those patients who have "ready status"

For now my time selection is made with filter pane and you can select "0-2 o'clock", 3-5 o'clock", "6-8 o'clock" et cetera. When I select a time range, for example 6-8 o'clock, pivot table shows those patients whose start time is 6, 7 or 8, but it should show those who have been in ready status between 6 and 8 o'clock. 

How to solve this? Thanks in advance.

More defined questions are welcome if needed.
Where are most Kubernetes job offers located? Let's try to find out.
Tags: kubernetes, productivity, career, devops
Published: 2022-11-14 10:52:26

We at [Kube Careers](https://kube.careers) took our job listings data for Q3 2022 (July to September) and analysed it to derive a few patterns.

Before you read further, know that:
- At Kube Careers, we only include job listings with a clear salary range, and which have *Kubernetes* as a requirement and not a *nice to have/plus*.
- Our dataset is small, with **86** job listings from July to September 2022.

Here are some of the interesting things we found.

## Europe had the most Kubernetes job offers for Q3 2022.

Out of the *86* job descriptions we published this quarter, *35* (more than 40%) were from Europe. Followed by _29_ job descriptions from the Asia-Pacific region, _16_ from North America, and only _6_ job listings were _Remote only_.

![jobs_by_region](https://user-images.githubusercontent.com/72087695/197392516-1e2a112d-ee32-46ea-857c-9c5a6f1fa2b9.png)

### What about the details? Which part of Europe was the most popular?

**Western Europe.**

If we normalise the numbers for all the jobs from Europe, Western Europe leads the way with 57% of the job listings, Central Europe is at 33%, and Southwestern Europe comes third with only 3% of the listings.

![jobs_ineurope_normalised](https://user-images.githubusercontent.com/72087695/198900556-70cd612b-b094-4367-8c13-6a8d46f5b81f.png)

## Did Europe lead the charts year-on-year? Or all four quarters?

**Not really.**

In fact, in **Q3 of 2021**, the North American region represented the most jobs with a *32%* stake, while Europe was close with a *29%* representation.

![jobs_by_region_comparo](https://user-images.githubusercontent.com/72087695/198800506-a8f206d5-af97-4314-8df6-3656baf563db.png)

It also must be noted that the COVID-19 situation in 2021 was different in all countries; some lifted restrictions earlier, while some took longer. Thus we can't compare the Q3 numbers of 2021 with those of 2022 at face value.


Like what you read?


Click [here](https://kube.careers/kubernetes-trend-report-2022-q3) if you'd like to read our detailed job trends report for Q3 2022, which includes salary ranges, popular technologies and skills listed in job descriptions, and much more.
React-contexify v6 is live!
Tags: react, javascript, library
Published: 2022-11-14 10:49:19

---
title: React-contexify v6 is live!
published: true
description: react-contexift v6
tags: react,javascript,library
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dwyl27g4cu6kncps4vjc.png
---

Never heard of react-contexify before? Go check the [demo](https://fkhadra.github.io/react-contexify/)

React-contexify let you add a context menu (right click) to your react app with ease.
It comes with a lot of features: prevent menu from going off screen, keyboard shortcut, keyboard navigation, custom positioning, subemnu support, super easy to customize, etc...

It can even be used to be simple dropdown 😆.
![react-contexify dropdown](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fmcb86o8hlye5cyeq9is.gif)

React-contexify is the first react library I've open sourced, it was also my sandbox when learning react. I'm super excited by this release!

## New features in v6

- Allow to disable boundaries check
- Allow to disable preventDefault on key down
- Add support for hidden property to Separator
- Add visual feedback when item is clicked
- Easy customization thanks to css variables. Check out the [theme builder](https://fkhadra.github.io/react-contexify/theme-builder)
- Keyboard shortcut made easy! A keyMatcher prop has been added to the Item component. 

Despite adding new features, the library size decreased from 3.4Kb to 3.1Kb 💪.

## Migrating from an older version?

If you are migrating from an older version, you can follow this [guide](https://fkhadra.github.io/react-contexify/migrate) 

Happy coding!
Bottom view of Binary Tree
Tags: javascript, leetcode
Published: 2022-11-14 10:43:10

```js
const getbottomView = function (root) {
  let map = new Map();
  let ans = [];
  // Function to return a list containing the bottom view of the given tree.
  const traversal = (root) => {
    if (root == null) return ans;

    let q = [];
    root.hd = 0;
    q.push(root);
    while (q.length) {
      let temp = q.shift();
      let hd = temp.hd;
      map.set(hd, temp.data);
      if (temp.left != null) {
        temp.left.hd = hd - 1;
        q.push(temp.left);
      }
      if (temp.right != null) {
        temp.right.hd = hd + 1;
        q.push(temp.right);
      }
    }
  };

  traversal(root);
  // sort by key
  const mapSort3 = new Map([...map.entries()].sort());

  for (let [key, value] of mapSort3) {
    ans.push(value);
  }
  return ans;
};


```
Even Odd Tree
Tags: javascript, leetcode
Published: 2022-11-14 10:41:13

[isEvenOddTree](https://leetcode.com/problems/even-odd-tree/)

```js
/**
 * Definition for a binary tree node.
 * function TreeNode(val, left, right) {
 *     this.val = (val===undefined ? 0 : val)
 *     this.left = (left===undefined ? null : left)
 *     this.right = (right===undefined ? null : right)
 * }
 */
/**
 * @param {TreeNode} root
 * @return {boolean}
 */
var isEvenOddTree = function (root) {
  let stack = [root];
  let level = 1;

  while (stack.length > 0) {
    let prev = level % 2 === 0 ? Infinity : -Infinity;

    for (let i = stack.length - 1; i >= 0; i--) {
      let node = stack.shift();

      if (level % 2 === 0 && (node.val % 2 !== 0 || prev <= node.val))
        return false;
      else if (level % 2 !== 0 && (node.val % 2 === 0 || prev >= node.val))
        return false;

      if (node.left) stack.push(node.left);
      if (node.right) stack.push(node.right);

      prev = node.val;
    }

    level++;
  }

  return true;
};

```
Learning React in 2022
Tags: div, react, reactnative
Published: 2022-11-14 10:31:16

Is it safe for a developer to risk learning [React Js] (https://reactjs.org/) now ?

Knowing that Meta/Facebook is in a free fall and [Meta loses nearly 75% ! (Forbs)](https://www.forbes.com/sites/dereksaul/2022/11/03/meta-is-the-sp-500s-worst-performer-of-2022-as-losses-near-75/?sh=23a7a12f303d)

![React Fall](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c048qwxdphlliec2nwrc.png)
In One Minute : Hibernate
Tags: hibernate, java, beginners, oneminute
Published: 2022-11-14 10:30:00

[Hibernate](https://hibernate.org/) is the umbrella for a collection of libraries, most notably [Hibernate ORM](https://hibernate.org/orm/) which provides [Object/Relational Mapping](https://hibernate.org/orm/what-is-an-orm/) for java domain objects.
In addition to its own "native" API, Hibernate ORM is also an implementation of the Java Persistence API (jpa) specification.

Hibernate's primary feature is mapping from Java classes to database tables, and mapping from Java data types to SQL data types. Hibernate also provides data query and retrieval facilities. It generates SQL calls and relieves the developer from the manual handling and object conversion of the result set.

The mapping of Java classes to database tables is implemented by the configuration of an XML file or by using Java Annotations. When using an XML file, Hibernate can generate skeleton source code for the persistence classes. This is auxiliary when annotations are used. Hibernate can use the XML file or the Java annotations to maintain the database schema.

{% embed https://youtu.be/cBFP4iHCOGQ %}

## Resources

- [Official website](https://hibernate.org/) - Downloads, Tutorials, Documentation, Community, ...
- [Hibernate Wikipedia Article](https://en.wikipedia.org/wiki/Hibernate_%28Java%29)
- [Vlad Mihalcea's Tutorials](https://vladmihalcea.com/tutorials/hibernate/?utm_source=stackoverflow&utm_medium=link&utm_campaign=hibernate-tag)
- [Hibernate DZone Examples](https://dzone.com/tutorials/java/hibernate/hibernate-example/hibernate-example.html) - Step-by-step Hibernate Examples / Tutorials for beginners.

## Books

- [Java Persistence with Hibernate](https://www.manning.com/books/java-persistence-with-hibernate-second-edition)
- [High-Performance Java Persistence](https://leanpub.com/high-performance-java-persistence/?utm_source=stackoverflow&utm_medium=link&utm_campaign=hibernate-tag)
I built a REDDIT BOT which downloads top videos in seconds!
Tags: python, webdev, programming, tutorial
Published: 2022-11-14 10:21:25

**Feeling Board? This SCRIPT can give you a bunch of reddit videos of your interest in SECONDS!. No Account/Signing Needed.**

Having a bot is really a cool thing. So let's build one for ourselves. If you keep reading i've a surprise specially for you.

## 🤖 Introduction to BOT

This bot downloads the most popular videos from a specific subreddit channel. It is written in Python and will require internet access to the function (Ofcourse). It will provide a list of videos in the highest resolution available.

## ⚙ How does it work?

There're two phases. In the first phase, it will get links to all the top videos from a given subreddit. And in the second phase, it will download videos and save them to your machine. Easy right? Yeah it is.

## 🧻 The First Phase

Getting the video links of top videos from a given subreddit. On reddit each video element has a class from which we will target that element and get the link.

`element = soup.find_all("a", class_="SQnoC3ObvgnGjWt90zD9Z _2INHSNB8V5eaWp4P0rY_mE")`

Let's see the whole script of link scraper.


![code of web scraper](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g8r0w1938v0jq0tnkyje.png)

This function will return all top links of videos as a list.

## 📺 The Second Phase

It will download the video and save it to your directory.


![code of reddit downloader](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/udsj01scqupz7zjicb7r.png)

Now we've two functions, one to get links of videos and another to download a single video by link.

## 📞 Start.py

The components are done. Now it's time to make them work together by creating a script to make them work for each other. See the final step below.

> Can't embed video here. So i've uploaded video to Drive.
[Reddit Bot final step](https://drive.google.com/file/d/16aHAxIlMB4_9LlkPRWJHpPLdokVXOfC4/view)


## 🎁 That's a wrap!

Before you go. I want to tell you that here at Dev.to, i write about tech & fascinating things happening on internet so incase you don't MISS OUT, Follow me on Devto.

Also if you want to receive tech tips and how to make your life smarter using the cool stuff on the internet. 
_[Subscribe to our weekly newsletter.](https://www.getrevue.co/profile/ananasraza)_
Top 5 GitHub initiatives regarding OSS monetization
Tags: github, opensource, monetization
Published: 2022-11-14 10:09:49

Top 5 GitHub initiatives regarding OSS monetization and sustainable OSS from the GitHub Universe Event and before:

- [M12 Github Fund](https://m12.vc/news/announcing-the-m12-github-fund) is a $10M seed fund for open source startups developing on GitHub’s platform managed by M12vc. The first startup funded is Codesee 

- [Github Accelerator](https://accelerator.github.com/) is a 10-week program to help developers work in open source full-time with an initial sponsorship as well as mentorship from open source leaders starting in Winter 2023. The Selection Committee includes Daniel Stenberg, Dr. Dawn Foster, Duane O'Brien, Erica Brescia, Ezra Olubi, Kailash Nadh, Mike Perham, and Viral Shah 

- [Github Sponsors](https://github.blog/2022-11-09-everything-new-from-github-universe-2022/) now lets you support your dependencies all at once by stating other maintainers receiving parts of the donations to your account 

- [GitHub for Startups](https://github.com/enterprise/startups/) supports any early-stage Startup (OSS or not) by offering GitHub Enterprise free for 12 months. 

- [Github sponsor-only repositories](https://github.blog/2022-02-02-new-sponsors-only-repositories-custom-amounts-and-more/) can only be used by sponsors on GitHub - enabling them early access or fast-tracked issues from sponsors. 

What’s your opinion on these initiatives? Is it a good start? Is something missing? What would you propose?

And if you’re interested in more monetization news or our monetization approach for OSS follow us here at [https://dev.to/paydevs](https://dev.to/paydevs)
Day #7: How to plan your day and stay productive? (without a boss)
Tags: productivity, entrepreneur, startup, management
Published: 2022-11-14 10:08:59

[I'm sharing my method on how to keep focus and be productive as an entrepreneur or remote worker. I used this method as an Engineering Manager.](https://medium.com/@journeypreneur/day-7-how-to-plan-your-day-and-stay-productive-without-a-boss-95dac2c67075)
What is GitHub?
Tags: github, git, ghost, gist
Published: 2022-11-14 10:03:05

GitHub is a social networking site for programmers and developers. Here, programmers and coders post their code and interact with one another. They can follow great programmers in the same way that everyone follows their idols on Instagram or Twitter. This is GitHub for computer geeks. They are inspired by their idols and can learn different styles of programming through GitHub.

## How does GitHub work?

Users sign up for GitHub accounts, upload files, and create coding projects. However, the real work of GitHub occurs when users begin to collaborate.

Even though anyone can code on their own, most development projects are made by groups of people working together. Sometimes these teams are all in the same place at the same time, but more often they work in different places at different times. There are numerous challenges to developing collaborative projects with distributed teams. GitHub simplifies this process in several ways.

First of all, all of the code and documentation are in one place. This reduces problems with access for anyone who wants to help with a project. Each repository also has instructions and other details that help define project goals and rules.

Next, coding is more creative and abstract than most non-technical people think. For example, say two developers are working on different pieces of code. Both of these pieces of code should work together. But sometimes one piece of code can make the other code not work. Or, a piece of code can change how another piece of code works in a way that nobody expected.

I hope you got a clear idea about GitHub and how does it works. Besides, if you want to know about 10 essential features of GitHub then you may read this post, "[10 Useful GitHub features for developers](https://themeix.com/what-is-github-useful-github-features-for-developers/)".

If you want to buy a premium ghost themes then visit our site here
https://www.google.es/url?q=https://themeix.com/product/category/ghost-themes/

Thanks
CRUD Operation in MongoDB
Tags: mern, mongof, nosql, database
Published: 2022-11-14 09:56:50

# Base Notes

table → collections

row → documents

column → fields

## Base Commands

start mongodb → `mongo`

`show dbs` → to show data bases

`use newdb` → if db is not present then create it otherwise use it

`db` → give active database 

# ***Create***

## insertOne()

`db.collectionname.insertOne({name:”ReactJS”,type:”frontend”,videos:80,active:true})` → it create colleection of **collectionname** and create document

## insertMany()

`db.collectionname.insertMany([{ name:”ReactJS”,type:”frontend”,videos:80,active:true},{name:”ReactJS”,type:”frontend”,videos:80,active:true}])show collections` → gives all collections in db`db.collectionname.find()` → gives all documents of the **collectionname**

`db.collectionname.find().pretty()` → give documents of **collectionname** in a good format

# ***Read***

## find()

`db.collection.find({queary,projection})` → for read

`db.collection.find({name:”physics”},{_id:0,name:1})` → it will print name of having name as physics

## limit()

`db.collection.find({name:”physics”},{_id:0,name:1}).limit(2)`-> it will only print first 2

## findOne() → gives on document

`db.collection.findOne({name:”physics”},{_id:0,name:1})`

## skip(1)→ it will give from second one

`db.collection.find({name:”physics”},{_id:0,name:1}).limit(2).skip(1)`

# ***UPDATE***

## updateOne() ⇒ db.collection.updateOne(<filter>,<update>)

`db.cone.updateOne({name:"Physics"},{$set:{value:300}})` → update value by 300 of doc having name Physics

## updateMany() ⇒ db.collection.updateMany(<filter>,<update>)

`db.cone.updateMany({name:"Physics"},{$set:{value:300}})` → update value by 300 of docs having name Physics

# ***Delete***

## deleteMany(criteria)

`db.cone.deleteMany({name:"Physics"})` → delete doc having name as Physics

`db.cone.deleteMany({})` → delete all docs
Software credit crunch - Technical Debt
Tags: softwareengineering, programming, architecture
Published: 2022-11-14 09:49:55

## Read Time : 3 mins
## Intro
[_Ward Cunningham_](https://youtu.be/pqeJFYwnkjE) simple explanation to attribute tech debt is the consequences of poor choice in decision making while designing software and developing them. The preference to implement features and functions to deliver business value by the management results in counter-productive as it delays the team to focus on localised technical debt. This makes systems more vulnerable, slow and risky.

## **Uncovering the Foggy Side of Software development**
Understanding the tradeoff between designing a clean code and risk if not done properly is key. The engineering teams are borrowing efficiency now in exchange for having to do more work mending the code later.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wd1ex00v9kenf1ml7mwp.jpg)
 
**The dark matter effect**
By now you would have fair understanding that technical debt impacts developers/ engineers, team and organizational level. Below are few to list 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0i2r1cj13gtbvx5iaeyx.png)

**Addressing the Tech Debt**
Understand the value of an application and prioritise those which are critical for business growth. Once the value of an application has been identified, leverage the above classification framework to prioritise addressing the debts

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lo9o3814mfi5i2uax4e2.jpeg) 

## Conclusion
We build systems to support business to support operation and growth. It is very keen to understand weakness and finding a way to address them. 

---

**Further reading**:

- https://www.mckinsey.com/capabilities/mckinsey-digital/our-insights/demystifying-digital-dark-matter-a-new-standard-to-tame-technical-debt

- https://www.gartner.com/en/publications/how-to-assess-infrastructure-technical-debt-to-prioritize-legacy-modernization-investments

- https://martinfowler.com/bliki/TechnicalDebt.html

- https://www.linkedin.com/pulse/backlog-diet-balagopal-madhusoodhanan/
Grinding when no one else is - AquaHub #5
Tags: webdev, career, javascript, community
Published: 2022-11-14 09:40:03

Also in the last week I did some work on AquaHub. I know this post is two days late but that doesn't prevent me from sharing the newest progress.

- [🖥️ The UI progress](#the-ui-progress)
- [🪝 GitHub webhook](#github-webhook)

## 🖥️ The UI progress
Since I have _PocketBase_ as my Backend-as-a-Service I can focus completely on the frontend.
I decided to build it with **SvelteKit** because it's a easy and simple framework. I also like to try new things and this seems perfect to dive deeper into it.

![AquaHub Landing page preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ui8nxx9bpk2etthmtf0y.png)

The landing page is currently under development and is getting better and better each day.
It's very hard to say but I start with a **whitemode** at the beginning.
Later there will hopefully be a darkmode!

## 🪝 GitHub webhook
A little but cool improvement.
On the AquaHub [Discord](https://discord.gg/GjJNf7zhgy) I setup a GitHub Webhook to the official AquaHub repository. Everyone in the Discord gets updated on changes, released and updates.

![GitHub Webhook preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70lcy4ecggjl3wc5gpxh.png)


**Thanks for reading!**
<a href="https://www.buymeacoffee.com/jannisdev" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-blue.png" alt="Support me" height="20" width="80"></a>
How to record your screen on Windows ?
Published: 2022-11-14 09:35:14

Today, in this new article, you will learn how to record your screen on windows.

You might think that I will probabbly tell you the name of some third party softwares but you can record your screen with a simple shortcut `Windows key + Alt + R` to start recording your screen.

To access the recordings hit `Windows key + G` to view the recorded videos.
Why is push() and pop() array methods said to be faster than shift() and unshift() array methods ?
Tags: webdev, javascript, algorithms, programming
Published: 2022-11-14 09:24:18



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n87q45hr3e2ad5hjke5o.PNG)




Shift() and unshift() array methods are methods that occurs at the beginning of an array while pop() and push() operates at the back. 

pop() and push() are said to be faster than shift() and unshift() but why is that so? Let's discuss it more down below.


**let's discuss their time complexities**

consider having an array of 10 elements

arr = [10, 12, 2, 3, 7, 100, 8, 28, 10, 1]

the first element is at index 0 as arrays are zero-indexed once you want to do any operation at the front of the array either adding or removing the rest of the array elements will have to be indexed 

e.g * add 15 at index 0 

when you do **arr.unshift(15)**, the element that was at index 0 will need to be pushed one value behind so that the newly added value get index 0 and so on for other elements re-indexing 

which is similar to **arr.shift()** which removed 10 and have 12 be pushed forward to occupy index 0 and so on

thus, this re-indexing will occur **n number of times** where n is the number of array elements

However, for **push** and **pop** since we are affecting at the back there is no need to re-index thus its on a **single operation** that we are doing i.e if you push something at the end the elements that existed in the array won't be affected

To sum up, we have seen that for push and pop the operation will occur only once at constant time hence their **time complexity** is **O(1)** and for shift and unshift whose operations occurs n number of times their time complexity is **O(n)**. 

which means **pop** and **push** are faster than **shift** and **unshift** because they have an efficient** time complexity** of **O(1)**