teleren/devto huggingface dataset:
GQLess - a GraphQL client without queries
Tags: webdev, showdev, beginners, productivity
Published: 2020-04-06 11:34:20

---
title: GQLess - a GraphQL client without queries
published: true
description: gqless is a new approach to a GraphQL client which makes using your API more enjoyable!
tags: webdev,showdev,beginners,productivity
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/g37yulgy5ki0ojcl73tm.png
---

GraphQL was publicly released in 2015. Following this, a new ecosystem began to shape around it as it's premise was well-received by the dev community. GraphQL is basically a **query-language for your API** which is language & database-agnostic. A GraphQL query is a string sent to the runtime that returns JSON to the client. This simple idea began the creation of a wide set of open-source libraries, tools, clients etc., aiming to make using GraphQL an effortless experience.

**GraphQL popularity is constantly rising**. As the number of companies incorporating GraphQL is growing, the awesome tools supporting GraphQL are being developed daily. gqless is one of them!

![GQLess invisible queries](https://dev-to-uploads.s3.amazonaws.com/i/n2k6fommj7bdizze9li6.gif)


# How does it work?

**[gqless](https://gqless.dev/)** is an awesome GraphQL client built by Sam Denty. It's allowing you to wrap components in `graphql()` which makes gqless perform an additional render of your entire application with all the available GraphQL objects, but without the data i.e.:

- Arrays will have a length of 1
- Scalars will return null

After this is done the gqless will generate queries & fetch data to re-render the whole app with the newly available data as a final outcome.

gqless is a new & very interesting approach to a GraphQL client offering:

- **Invisible data fetching** - runtime generated queries with JS getters
- **Strongly typed** - built-in TypeScript support 
- **Production-ready features** - it offers built-in cache,e extensions and more

![gqless example](https://dev-to-uploads.s3.amazonaws.com/i/crv41ka1t12sod3ky9u0.png)

##### Source: [gqless.dev](https://gqless.dev/)

Try gqless and find out how enjoyable & easy it is to use GraphQL with auto-generated queries offered by gqless.

```
yarn add gqless
yarn add @gqless/cli -D

# or
npm install gqless
npm install @gqless/cli --save-dev
```

Have fun!

---

># Speed up your GraphQL API development

>[**GraphQL Editor**](https://graphqleditor.com/) is a supportive tool for both advanced **GraphQL users** as well as those taking their first steps with GraphQL APIs. Our all-in-one development environment for GraphQL will help you build, manage & deploy your **GraphQL API** much faster thanks to dozens of built-in micro features.

>[![GraphQL Editor](https://dev-to-uploads.s3.amazonaws.com/i/eii1x6bm32a2vzfo5px0.gif)](https://graphqleditor.com)
UWP, WinUI 2.3, WinUi 3.0 or WPF With Net Core Where to go?
Tags: discuss, windows, wpf, uwp
Published: 2020-04-01 13:23:41

Being straight forward, As a noob developer right now i'm so much confused about all these platforms and windows apps building options.  
I've experience with `WPF` apps but want to go with modern UWP but seeing all these different options creating so much confusion for me.  

 1. Go with WPF (Has Net Core support) but as everyone know Microsoft's
    doesn't seems to be really serious about WPF in future. 
  
 2. Go with UWP apps (i don't see Net Core support and WinUI getting rid of this)  
  
 3. Go with UWP with WinUI 2.3 have all modern experience (still don't see Net Core here)

 4. Go with WinUI 3.0 Alpha (Still missing a lot of the things also Net core missing). 

So, basically on one side there is Dot Net Core (which Microsoft wants developer to go with) on Other side Modern UI (Which also Microsoft wants developer to go with).  

**And if now i want to start developing a commercial app in which direction should i go ?**  
  
I know `WinUI` future plan is broad and will cover all this having win32 support and Core but right now, today where to go ?  

**Is this not the right time to start developing a new app ?**  

Will appreciate your help and guidance .
Space Jam Logo CSS Only 🐰🏀
Tags: codepen
Published: 2020-04-01 19:30:47

<p>A bit of fun, CSS only, no external assets aside Google fonts, no SVG or dataURI nonsense either.</p>

<p>"Come on and slam, and welcome to the jam
Come on and slam, if you wanna jam"</p>

<p>Give us a 💗 if you remember this song :) <a href="https://youtu.be/J9FImc2LOr8" target="_blank">https://youtu.be/J9FImc2LOr8</a></p>

{% codepen https://codepen.io/valentin/pen/NaJMmG %}
We Made a Free Open Source COVID Assesment App
Tags: ios, typescript, reactnative, react
Published: 2020-04-02 00:50:29

---
title: We Made a Free Open Source COVID Assesment App
published: true
description: Today we released a free React COVID Assessment App written in Typescript. 
tags: ios, typescript, react native, react
---

Today we released a tool designed to allow health authorities to quickly create and distribute COVID-19 (Coronavirus) assessments for their jurisdictions. The underlying technology uses **React**, **React Native** and **Typescript**. Our goal is to allow various health authorities to white label the tool for their jurisdiction.

Please let me know if you have any questions about the code or need help getting started. Let me know what you build with it!

{% github https://github.com/gopunchcard/CovidAssessment %}
Day 111 : Lovely Day
Tags: hiphop, code, coding, lifelongdev
Published: 2020-04-07 22:01:38

_liner notes_:
- Professional : It was a lovely day. I was able to get the demo for work up and running. Showed it to my manager and it worked for him even though he's in the UK. He said he was impressed, so that was cool. We discussed it and came up with some changes we could do to hopefully fulfill the requirements a little more. Got those changes implemented. Now just to show the person who requested it so we can get feedback. This is just a first pass so I'm expecting to make a lot more changes, but I think we are off to a good start. 

- Personal : Since I created the API endpoint to get the active tracks for my personal project, the way that information I pass into the web component has changed. Instead of an array of strings, I'm passing in an array of objects. Took some refactoring but I got it to work. One of the more challenging parts was that the array of tracks have to be called from the API and then fed into the web component. Took a little more time, but I got it to work. Felt good.

![A tree growing on a rock that looks like it's in front of a waterfall in Fairy Lake, BC, Canada](https://dev-to-uploads.s3.amazonaws.com/i/9mj9w58wbxqgh3zmbbf0.png)

Going to do some more research into some stuff for the rest of the night and maybe turn in early. I always say that and never do. haha.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube bEeaS6fuUoA %}
How to choose the right database?
Tags: database, sql, nosql
Published: 2020-04-07 23:44:13

Hello the community, 

I'm hosting an online event called "**As a developer, how to choose the right database?**" - From my experience as an SRE and backend developer, I've noticed that choosing a database is not necessarily easy for everyone. With my colleague Pierre (CTO @ Qovery, ex SRE Criteo & Red Hat), we propose a small webinar to give you an overview of what exists in SQL and NoSQL databases. We will cover MongoDB, PostgreSQL, Cassandra, Elasticsearch, Redis and others... If you are interested in participating you can [register here](https://qovery.typeform.com/to/nL4kIs)
State Management in Pure React with Hooks: useState
Tags: react, beginners, webdev, tutorial
Published: 2020-04-08 03:02:53

Hello, everyone 👋, I hope you are doing great 😊.

So, today you are going to learn all the basic concepts of ``useState()`` Hook, one of the most used Hook in React.

Before you start, there are some rules you need to follow to use Hooks 😟. Thankfully the React Team has provided an ESLint Plugin called [eslint-plugin-react-hooks](https://www.npmjs.com/package/eslint-plugin-react-hooks) that will help enforce these rules when using Hooks 🤩.

#useState Hook

``useState()`` is a Hook. A Hook is a function provided by React that lets you Hook into React features from your functional component.

``useState()`` Hook lets you have a local state in the functional component. 

``useState()`` Hook that takes an argument which could be any primitive or non-primitive value and returns an array. The first element of an array is a variable that stores the current state, and the second element of an array is a function that lets you update the current state.

![](https://res.cloudinary.com/dqhskqqa6/image/upload/v1586596153/state-management-in-pure-react-with-hooks/kcbdmtb5n892kich9xjc.png)

**Example**
{% codesandbox state-management-in-pute-reactusestate-5k6vn %}

Before we end this article, I want to mentation that you can have more that one ``useState()`` Hook in a functional component.

Now, you have learned all the basic concepts of ``useState()`` Hook 🤘.

Thanks for reading! My name is Bipin Rajbhar; I love helping people to learn new skills 😊. You can follow me on [Twitter](https://twitter.com/Bipin_1598) if you do like to be notified about new articles and resources.
Node Fundamentals: Architecture
Tags: node, javascript, v8
Published: 2020-04-08 04:15:07

This is a series of posts that will illustrate the what, why and how of Node. I'll be sharing my learnings from a course on Advanced NodeJS by Samer Buna offered on [PluralSight](https://www.pluralsight.com). Any code samples tagged or attached will be available at the following repo. {% github jscomplete/advanced-nodejs no-readme %}

### Node VM
 - v8, Default, Single-Threaded
 - Chakra by Microsoft, powers Edge browser

VM executes the Javascript code. So, v8 actually executes your JS code when you run a node application.

### v8 Feature Groups
  - Shipping - Available by default
  - Staged - Not quite ready yet. flag `--harmony`
  - In-Progress - Less stable.

You can see the list of all group features by 

```js
node --v8-options | grep "in progress"
node --v8-options | grep "staged"
```

### Overview

![Node Architecture](https://dev-to-uploads.s3.amazonaws.com/i/7kwwi4ara0xwaveh8w7l.jpg)

Node is more than a wrapper for v8, it provides APIs for working with the file system, operating system, binary data, networking and much more. It mainly constitutes of the following components.

#### v8

Node v8 uses v8 C++ API. So, node API eventually executes C++ code using V8 object and function templates.

When node is done waiting for IO or timers, it usually has callback functions to invoke back to. When it's time to invoke these callbacks, node passes control from `libuv` to the v8 engine. When v8 executes the callback, it passes control to Node itself. 

When control is with v8, Node can not execute any Javascript code as v8 is *single-threaded*. Node will simply wait until v8 is ready for more operations. 

This is actually programming in node so simple yet powerful as we don't have to worry about locks or race conditions. There is only one thread where our Javascript code runs.

#### libuv

`libuv` is a C library developed for Node, but now it's used by Rust, Julia and others. It's used to abstract the non-blocking I/O operations. It provides a consistent interface across many operating systems. 

It handles operations on the file system, TCP/UDP sockets, child processes, and others. `libuv` includes a thread pool to handle what can't be done asynchronously at OS level. 

`libuv` also provides node with Event Loop.

#### More Dependencies

Apart from v8 and libuv, node has a few more dependencies.

1. http-parser: Library for parsing HTTP messages. It works for requests and responses, works with a very small memory footprint.

2. c-ares: Enables performing asynchronous DNS queries.

3. OpenSSL: Mostly used in `tls` and `crypto` modules. Provides the implementation for many cryptographic functions

4. zlib: Used for fast streaming compression and decompression interfaces.
🔥 FireUp CLI: Upload anything, right from your command-line
Tags: firebase, storage, cli, privacy
Published: 2020-04-08 07:10:45

Hey DEV!

I'm back again with another free and open-source project, one that I've always wanted but never found online, so I just built it myself. It definitely has a lot of work to do, but it's in a quite usable stage right now for me to share it with you all :)

I've always found myself on the terminal 90% of the time when I'm on my computer. The first thing I do when I wake up is fire up the command line, git pull all my projects and then I drink my coffee.

Given this lifestyle, I've also found it a pain to find a place to upload a certain file when I need to share them with friends privately or upload an image publicly that I want to post on a forum/message board. Thus, `fireup-cli` was born. It taps into your Firebase Project's Storage Bucket to upload/download files to it, share links and delete them, all from your command line.

**All your data is completely secure, with files being stored in your Firebase Storage Bucket and no one else's.**

![Demo GIF](https://i.imgur.com/Peyqklx.gif)

Installing it on your machine is as simple as:

```ssh-session
$ npm install --global fireup-cli
```

**Check the README for documentation on further setup:**

{% github AmruthPillai/fireup-cli no-readme %}

Eagerly awaiting your feedback and suggestions :)
Thank you all!
Check Out Best Progress Bar With Example
Tags: webdev, javascript, beginners, css
Published: 2020-04-08 13:15:24

---
title: Check Out Best Progress Bar With Example
published: true
description: 
tags: #webdev,j#avascript,#beginners,#css
---

<h1>check out More Example</h1> [gscode](https://gscode.in/progress-bar/)


<p>1.Pure CSS Progress, a pretty liquid progress-bar. I've coded Pure CSS Navigation triggers too, if you want the bar's code just follow the css comments :)</p>

{% codepen https://codepen.io/rgg/pen/QbRyOq %}


<p>2.Simple steps flow in SCSS with little jquery animation.</p>

{% codepen https://codepen.io/cjies/pen/KwqxyO %}


<p>3.A progress bar with a style very similar to the battle.net one... I couldn't get the borders to have animated pulse, though :(</p>

{% codepen https://codepen.io/simeydotme/pen/IrGqz %}

<h1>check out More Example</h1> [gscode](https://gscode.in/progress-bar/)
Welcome Thread - v68
Tags: welcome
Published: 2020-04-08 14:31:19

---
title: Welcome Thread - v68
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
---

![Domingo Montoya says hello](https://media.giphy.com/media/NZmrvsfxpbTSU/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
Why do you believe in java software development?
Tags: java, webdev, devops, agile
Published: 2020-04-08 15:13:06

It was not possible to cover everything in one blog we have tried to so with brief content and wiki links if you want to dig deeper into these concepts. 

Java software development has been in operations for almost 3 decades yet it is evolving. The exorbitant amounts of digital marketing campaigns run by software development companies have made it even more difficult to find a good java software development company. Even if you seek out the guidance and interview questions that will allow you to filter out a good java software development company, the search engines will bombard you with web pages of these software development service providers and ours might appear in it as well.

Since you might not know which stones to turn up for finding the right software development company as your partner so we have taken an initiative to help you with knowledge of questions to be asked in your exploration.

The questions to be asked in quest should be as follows:

##[Why do you believe in java software development?](https://www.decipherzone.com/blog-detail/how-to-find-a-good-java-software-development-company)

*Java is a goliath in software development and it is almost everywhere.

*Java has a huge community such that I can say probably every developer in this world knows java from little to a massive extent.

*Java has Rich API

*Java is platform-independent.

*Java has code libraries (paid and open source) for every kind of software.

*Java has excellent development, build and deployment tools (Eclipse, NetBeans, Maven, Gradle, Apache Ant, Jenkins, etc.).

*Java supports multithreading.

*Java is object-oriented.

**Read the full article with described links: https://www.decipherzone.com/blog-detail/how-to-find-a-good-java-software-development-company**
What is an irrational belief you hold about software development?
Tags: discuss, healthydebate
Published: 2020-04-08 17:37:33

---
title: What is an irrational belief you hold about software development?
published: true
tags: discuss, healthydebate
---

Yes, yes. We're _engineers_ and whatnot. But sometimes, we make choices based on gut feelings or hard to summarize experiences, or even just strong personal preferences that we can't shake.

What's something you believe to be true about software development despite the lack of any real objective evidence?
Algorithm 202: Sock Merchant
Tags: javascript, algorithms, hackerrank, beginners
Published: 2020-04-09 08:52:35

The Sock Merchant algorithm, is one of the easiest questions on hackerrank. 

## Question

Please refer to [hakerrank website](https://www.hackerrank.com/challenges/sock-merchant/problem)

## Solution

```javascript
// Complete the sockMerchant function below.
function sockMerchant(n, ar) {
    let paired = [];
    let uniqueNum = [...new Set(ar)];
    
    uniqueNum.forEach((num) => {
        let chunk = [];
        for(let char of ar){
            if(char === num && chunk.length < 2){
                chunk.push(char);
                if(chunk.length === 2){
                    paired.push(chunk);
                    chunk = [];
                }
            }
        }
    })

    return paired.length
}
```

### Conclusion

There are many ways to solve problems programmatically. Check the following articles for ideas on other ways to solve this algorithm question:

  * [Array Chunking](https://dev.to/ebereplenty/algorithm-202-array-chunking-in-3-ways-1ank)
  * [Grouping Anagrams](https://dev.to/ebereplenty/algorithm-202-my-interview-question-grouping-anagrams-in-3-ways-49i4)

I will love to know other ways you solved yours in the comment section.

If you have questions, comments or suggestions, please drop them in the comment section.

You can also follow and message me on social media platforms. 

**[Twitter](https://twitter.com/eberetwit) | [LinkedIn](https://www.linkedin.com/in/samson-ebere-njoku-profile/) | [Github](https://github.com/EBEREGIT)**

Thank You For Your Time.
Do you want to support Amazon workers?
Tags: aws, discuss, corona
Published: 2020-04-08 20:10:15

Amazon is going through a historic moment now, with so many people relying on it during the Corona crisis, from buying food/supplies, to watching Netflix thanks to AWS hosting. Yet, while Bezos is making record profits, workers at fulfillment center workers are speaking out against unsanitary conditions. One of them, Chris Smalls was fired and smeared by Amazon executives. As people in tech, we have an obligation to hold our industry accountable and speak up! Join Tech Workers of Amazon, Google and other companies with a photo campaign of solidarity. We'll go live on April 13th. Sign up below to get a reminder, and learn more about the campaign!

Every person helps!

https://forms.gle/KcjUAmjCMRSxXibg6

![Chris Smalls standing in front of JFK FC in New York](https://dev-to-uploads.s3.amazonaws.com/i/uqezu1ccroqtj0i98try.jpg)
Online resources for coding enthusiasts
Tags: code, codenewbie, coding
Published: 2020-04-09 16:39:24

Here I have compiled a list of some online resources that I have come across which have given me a lot of valuable knowledge.
You might be knowing many of these (Because you are awesome!), but I hope that you find something of value here.
![Slide 1](https://dev-to-uploads.s3.amazonaws.com/i/36rjzk2rq3rrmwtcvglq.png)
![Slide 2](https://dev-to-uploads.s3.amazonaws.com/i/6piv8xvq67ccx434m6ch.png)
OpenNMS Horizon 26.0.0 (Balaclava) Released
Tags: news, arm, bgp, bmp
Published: 2020-04-20 21:08:00

---
title: OpenNMS Horizon 26.0.0 (Balaclava) Released
published: true
date: 2020-04-09 20:00:16 UTC
tags: News,arm,bgp,bmp
canonical_url: https://www.opennms.com/en/blog/2020-04-09-opennms-horizon-26-0-0-balaclava-released/
cover_image: https://i.imgur.com/74fmzvG.png
---

Release 26.0.0 is the first release in the Horizon 26 series.

It contains a large number of bug fixes and new features, most notably initial support for handling the BGP Monitoring Protocol in Telemetryd.

For a high-level overview of what has changed in Horizon 26, see [What’s New in OpenNMS Horizon 26](https://docs.opennms.org/opennms/releases/26.0.0/releasenotes/releasenotes.html#releasenotes-26).

The codename for 26.0.0 is [Balaclava](https://en.wikipedia.org/wiki/Balaclava_(clothing)).
Day 113 : Circulation
Tags: hiphop, code, coding, lifelongdev
Published: 2020-04-09 21:53:11

_liner notes_:
- Professional : Had our monthly demo meeting. This is where we get to show anything we built to the group. My team mates are making some cool things. I got to demo the project I built this week. I really wanted to see if it worked when a bunch of people used it at the same time. Good news, I got a lot of it worked in the chat. I did get to find out about a bug and it's something that always bites me. haha. Got to figure out a way around it so it doesn't happen anymore. Went through some reviews of a couple of my pull requests and had another meeting. I was so wiped, I had to take a nap. haha

- Personal : Added a tweet link to my side project that when clicked will pre-populate a message with the artist and track playing and a link to the site. Hoping that if people using it like a track, they will help spread the word by send out a tweet.

![Overhead view of a cove in Big Sur, California](https://dev-to-uploads.s3.amazonaws.com/i/95c0ichxzn268pc8rssa.png)

So, I've been battling with making a decision since last month. I planned to paid off a credit card this month, because the interest stops being 0%. With all the stuff happening in the world, I took their offer of deferring a payment. I asked if the 0% interest deal would also be extended. They said yes. But then I read the fine print and it said that I would still be on the hook for the interest. Trying to keep my money out of the interest circulation and in my bank account. Just for my piece of my mind, I went ahead and paid it. I still have a little left over in my savings. I think I made the right choice. At least I feel better that I got it paid off. Just need to build my savings back up as quick as possible.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube LPZToutDPjQ %}