teleren/devto huggingface dataset:
Let's discuss: What are your biggest difficulties with Git?
Tags: git, discuss
Published: 2020-09-22 11:49:33

Hey there!

Some days ago I published about [Patterns for writing better git commit messages](https://dev.to/helderburato/patterns-for-writing-better-git-commit-messages-4ba0), it's just the entry point to this discussion.

I know `Git` offers a lot of functionalities who can help in our day to day if we know how to use it and that's the purpose of this discussion.

Let's improve our knowledge about Git and how to use the best from Git.

Fell free to share your thoughts on the comments, it will be nice to discuss about.
Can you sell me Tailwindcss over Styled Components?
Tags: css, react, html
Published: 2020-09-22 11:34:54

I'm seeing a lot of Tailwindcss recently and I'm a bit concerned to understand what's future of that.

Is it only made for people who never used css before?
Is it going to replace styled-components in the future?

I find it hard personally to debug code with tailwindcss

```
// Styled Components
<S.Box>
  <S.Title>Title name</S.Title>
  <S.Img src='./image.jpg' />
</S.Box>

vs

// Tailwindcss
<div className='block mt-1 text-lg leading-tight font-semibold text-gray-900 hover:underline'>
  <h1 className='text-4xl font-bold text-center text-blue-500'>Title name</h1>
  <img src='./image.jpg' className='block h-8 w-8 rounded-full border-2 border-gray-600 focus:border-yellow-600'
</div>
```
Graphic Designer, Virtual Assistant, Digital Marketer
Tags: firstyearincode
Published: 2020-09-22 11:33:16

Hello! I am Kaium. I am a professionally in digital marketer, graphic designer Lead Generation, Web Research, Data Entry and social media marketing Specialist. I have 5+ years of experience in the online market place. I want to always do 100% perfect work. All my services include Unlimited Revisions, Fast Delivery and most important Client Satisfaction.
Was my GitHub Action a success?
Tags: actionshackathon
Published: 2020-09-22 11:29:58

It's September 23 tomorrow & that means the [GitHub Actions Hackathon on DEV](https://dev.to/devteam/announcing-the-github-actions-hackathon-on-dev-3ljn) is coming to an end. I thought it'll be neat to jot down my thoughts on how much of a success I felt my GitHub Action was.

## Did my Action work?

When I ran my GitHub Action on my own repos, it did spot spelling errors which was awesome. Plus it was pretty nice knowing I could share the code with my mates & get feedback on it.

## How many people used it?

Tracking usage is pretty hard, but according to [DockerHub](https://hub.docker.com/r/typoci/spellcheck-action) I had 322 pulls of the docker image. I managed one star on the [GitHub repo](https://github.com/TypoCI/spellcheck-action) & when searching for the actions name, it looks like a few people have been using it.

It's pretty cool I wasn't the only person who used it, but it's kind of a shame I didn't end up with a big bunch of users. 

## Did anyone pay for it?

I requested that people using my GitHub Action on Private Repositories purchase a license key via GumRoad. I really was quite excited to see if GitHub Actions could offer a little bit of extra income for me.

No one purchased a license. So that was a little disappointing.

## Would I write other GitHub Action?

Maybe! They're not that difficult to build and can offer a lot of value to developers.

I don't like how they're very hard to monetise, which does inherently makes them unsustainable in my eyes. I imagine if I had built something for myself & just wanted to share it, a GitHub Action could be a good way to go about that.
Subarray | Subsequence | Subset? - The difference.
Tags: 100daysofcode, java, codequality
Published: 2020-09-22 11:17:39

# Have you come across these questions while practising to code? 

❓ Given an array of integers that might contain duplicates, return all possible **subsets**.
[Try the Question here](https://practice.geeksforgeeks.org/problems/subsets/0) ⬅️

❓ Given two sequences, find the length of the longest **subsequence** present in both of them. Both the strings are of uppercase.
[Try the Question here](https://practice.geeksforgeeks.org/problems/longest-common-subsequence/0) ⬅️

❓ Find out the maximum **sub-array** of non-negative numbers from an array.
[Try the Question here](https://practice.geeksforgeeks.org/problems/maximum-sub-array5443/1) ⬅️

***If you want to attempt these questions, you should know the difference between Subset, Subsequence, and Subarray.***

Let us understand these 3 terms using a simple example.

Suppose we are given an array of numbers, **{10,20,30,40,50}**, we need to find: Subset, subsequence, and subarray.

# Subarray:
A subarray is a contiguous sequence in an array.

{10,20,30} ✅
{10,20} ✅
{10,30} ❌


# Subsequence:
A subsequence is a set of elements not necessarily contiguous but should maintain order.

{10,20,30} ✅
{10,30} ✅
{10,40,30} ❌

# Subset:
A subset is a subsequence, except it also includes an empty set {}.

{10,20,30} ✅
{10,40} ✅
{} ✅

**FACT: All subsets are subsequences, and all subsequences are subsets!**

Now you'll never confuse these terms!

Keep learning! Keep growing! 💖
9 must-have Chrome extensions to make your life easier in 2020
Tags: productivity, chrome, google, growth
Published: 2020-12-22 23:31:08

---
title: 9 must-have Chrome extensions to make your life easier in 2020
published: true
date: 2020-09-22 11:16:54 UTC
tags: productivity,chrome,google,growth
canonical_url: https://medium.com/an-idea/9-must-have-chrome-extensions-to-make-your-life-easier-in-2020-e467dda7390e
---

[![](https://cdn-images-1.medium.com/max/2600/0*lyDspnyjChhnBQDA)](https://medium.com/an-idea/9-must-have-chrome-extensions-to-make-your-life-easier-in-2020-e467dda7390e?source=rss-a5279e4f0964------2)

A listicle of Chrome extensions for everyone

[Continue reading on An Idea »](https://medium.com/an-idea/9-must-have-chrome-extensions-to-make-your-life-easier-in-2020-e467dda7390e?source=rss-a5279e4f0964------2)
Why you should use the product you’re building every day
Tags: startup, productivity
Published: 2020-09-22 11:03:48

You are building a new product? Great. But if you are not using it every day, how would you improve it and find early bugs? Let me introduce to you why it’s important to **use your product every day**.

For each « why », I will take an example of the « how » with *Mindible*, which is the product I’m currently building. Feel free to check it out at https://usemindible.com!
## 🧬 Bugs 
Before launching officially your new product/startup, you would need beta-testers to find out bugs. Because you (and I) don’t want to ship a product __filled with bugs__.
But did you know that by using yourself your product, you will find **tons of bugs** even before thinking about the official launch?!
It’s especially true if your product is a PaaS or a SaaS.

For example, since I use my product **Mindible** to write articles, todos and notes, I found more than 10 bugs during the first days and found at least 1 to 3 new bugs every day.
## 🚀 New features 
While using your product, you will get new ideas for cool features that could be really helpful.

On Mindible, I found that even while using tags, it was __hard to find a specific note__ between all the others. The solution I hand up with was to create some sort of « groups » of multiples notes, to store them easily.
## 💻 UI and UX 
When using your product, you will certainly find some strange things you built for the UI and/or UX. Just by using your product, you will be like **one of your customers**. So don’t be too kind, spot all the misconceptions you can find while using your product, and fix them all.

As an example, I found that the « Create Note » button was really not accessible before. **Naturally, as a customer**, I knew where it should be placed, but didn’t do so before using it every day.

## 🎉 Conclusion 
I hope I convinced you to start **using your product every day** with all of these examples. And let me give you the last advice:

> If you like using your product and don't feel restricted, your users will too!

Thanks for reading, feel free to comment down below to share your experience and tell me if you're already using this method or no.
🎉 Free Jetbrains Goland Subscription 🎉
Tags: go, microservices
Published: 2020-09-22 10:57:33

Hey, I've created a Golang and AWS Lambda course and giving away 100 subscriptions (only educational) to first 100 students who enrol in the course.

Check the [Golang Lambda Course](https://golanglambda.com) website for course details and sign up to the course today.
First Summon The JSON reactions
Tags: javascript, html, beginners, css
Published: 2020-09-22 10:53:40

Summon The JSON is alive. Lately some developers shared their reactions. Read to learn more!

[Marcus Michaels](https://instagram.com/marcusmichaels) on Instagram, 16 000 followers:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/677ai3lt3p1ro74gudqp.jpg)

[Albina](https://instagram.com/codergirl_al) on Instagram, 1103 followers

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/677ai3lt3p1ro74gudqp.jpg)

[@FrancescoCiull4](https://twitter.com/FrancescoCiull4) on Twitter, 24 400 followers

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/677ai3lt3p1ro74gudqp.jpg)

It is very exciting and gives me a lot of motivation to work on the project. If you want to see more reactions and also videos checkout out the product page. Until Sunday STJ: JavaScript is discounted from $33,99 to $26,99:

[OFFICIAL STORE](https://summon-the-json.myshopify.com/products/summon-the-json-javascript-deck)

Also, you can become a STJ affiliate and earn 5% of every sale. The register form is available here:

[AFFILIATE FORM](https://enlistly.com/account/sign_up/zNN9gAdDEXAQOsnL)



Follow me to know more about the project!
GitLab Runners galore! Autoscale in the Hetzner Cloud (or any other)
Published: 2020-09-22 10:45:14

I process my buildchain via Gitlab CI. Besides the actual build of the application, the frontend assets, numerous tests are executed, the code quality is checked and finally the finished website is deployed. That's where some jobs come together. How nice would it be if there were always enough Gitlab runners available? We need autoscale Gitlab runners. A manual.

https://www.marc-willmann.de/en/typo3-cms/gitlab-runner-autoscale-in-the-hetzner-cloud

(available in english and german)
Data Structures Micro-Course: Check!
Tags: devjournal, codenewbie, womenintech
Published: 2020-09-22 10:26:27

_This post was originally published on September 22, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

Tuesday morning! I finally finished my micro-course on Data Structures yesterday. The whole thing was three hours long, but with avid note-taking, it took me a good portion of yesterday afternoon to finish up.

Regardless, I'm happy to now be able to officially cross that off the list, instead of doing a little bit each day and then always having that particular to-do item hovering over me and stressin' me out!

I mentioned before that the idea and term 'Data Structures' had me pretty intimidated before I first jumped into this course - but that's just the proof that if we don't even give something a chance, we'll just let ourselves off the hook and not officially learn anything new that'll drive us forward.

Among the data structures in the course, we learned about Arrays, ArrayLists, the Stack, Queues, Linked Lists, Doubly-Linked Lists, Dictionaries, Trees, Heaps, and Graphs - as well as the Time Complexity Equations of each (Big-O Notation).

All very high-level overviews, but now I'm glad to officially know what's being talked about when I come across these terms!

This afternoon I'll be dedicating a couple of solid hours to Pure React - continuing on with learning all about State and what goes in it and which components should have it and all that fun stuff.

I think after Pure React and my So You Think You Can France project, I'm going to start diving more into SQL and even dipping my toes into Python. Maybe a lil TypeScript.

Trying not to get too far ahead of myself, but we'll see!


----------


P.S. Did you know I have a podcast with new episodes each Wednesday? Go listen [right over here >>] (https://www.ladiescodecollective.com/podcast)

![The Ladies Code Collective Podcast cover art](https://dev-to-uploads.s3.amazonaws.com/i/e9bnxljvfrdjeti7fvbr.png)
How much do hardware parts matter?
Tags: discuss, computerscience, hardware, linux
Published: 2020-09-22 10:19:37

Actually, I am on Ubuntu Mate, on an old MacBook Pro (mid-2012) 13", and looking at [Conky](https://github.com/brndnmtthws/conky).

Though, I have upgraded hardware parts to 480GB SSD on SATA port, and 8 GB RAM.

Requirements are

- Web development, including the backend
- Docker
- VirtualBox, if required, for e.g. Power BI, Microsoft Office
- Biomedical informatics course, which includes Data Science and GIS

I have noticed from Conky, though; that RAM doesn't even though the 4 GB bar, but CPU (core i5, 3rd gen, 2.50 GHz, 4 virtual cores) did sometimes fill all with 100%.

However, even when not all filled, while running `sudo apt upgrade`, the computer did sometimes lag.

I have also noticed that Swap, which I allocated at 4 GB, is only filled by 91.5 MB.

I might have things I haven't monitored, such as

- GPU
- Current HD read / write

Currently, the most important question is, will by MacBook Pro will lag when running macOS Catalina or Window 10?

{% post https://dev.to/patarapolw/i-triple-booted-on-an-8-years-old-macbook-pro-and-os-s-comparison-23kn %}

macOS is just like a time bomb. It gets slower every upgrade. That's why my sis stopped using this Mac...
Notes for Containers on AWS (1/10)
Tags: aws, containers, softwareengineering
Published: 2020-09-22 09:59:04

This article consists of the initial notes on deploying, managing and scaling containarized applications into AWS container infrastructure using Docker on Amazon EC2, Amazon Elastic Container Service (ECS), and AWS Elastic Kubernetes Service (EKS) taken while reading the book [Deploy Containers on AWS: With EC2, ECS, and EKS](https://g.co/kgs/j6KYsT) from [Shimon Ifrah](https://www.linkedin.com/in/shimon-ifrah-1905893a/). I do want to do nine more articles any time in the future covering the notes in following sections of the book:
2. Storing, Managing, and Deploying Docker Container Images with Amazon ECR
3. Deploying Containerized Applications with Amazon ECS
4. Deploy a Containerized Application with Amazon EKS
5. Installing a Docker Host on an Amazon EC2 Instance
6. Securing Your Containerized Environment
7. Scaling the AWS EKS, ECS, and ECR Containerized Environments
8. Monitoring Your Containerized Environment
9. Backing Up and Restoring Your Containers and Hosts on Amazon AWS
10. Troubleshooting Amazon AWS Containerized Solutions

[Read it here](https://weblog.tiagoperes.eu/notes-for-containers-on-aws-1-10/).
Desplegando una app de React en Heroku
Tags: react, javascript, heroku, frontend
Published: 2020-09-22 09:56:46

Hola a todos,

Una de las formas gratuitas y fáciles de alojar tus aplicaciones web es usando [Heroku](https://www.heroku.com/).

Para subir tu aplicación REACT debemos hacer lo siguiente:

###Cambios en React

* Instalar en tu proyecto de React los siguientes paquetes
```powershell
npm i express
npm i express-favicon
```

* Añadir un archivo llamado server.js en el root del proyecto que use **express** en nuestra aplicación de React
```javascript
const express = require('express');
const favicon = require('express-favicon');
const path = require('path');
const port = process.env.PORT || 8080;
const app = express();
app.use(favicon(__dirname + '/build/favicon.ico'));
// the __dirname is the current directory from where the script is running
app.use(express.static(__dirname));
app.use(express.static(path.join(__dirname, 'build')));
app.get('/ping', function (req, res) {
 return res.send('pong');
});
app.get('/*', function (req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
app.listen(port);
```

* Modificar el `start` en el package.json **(SÓLO PARA DESPLEGAR A HEROKU)**
```javascript
"start": "node server.js",
```

###Cambios en Heroku

* Crear una nueva app en Heroku

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/34hds5qk6we9skmmsa2p.JPG)


* Poner el nombre a tu app y escoger la región donde quieres que se despliegue (EEUU o Europa)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mlf5wymnsbbxyejwcy36.png)


###Desplegando tu app desde el terminal
* Ejecutando en el terminal de tu aplicación los siguientes comandos:

```powershell
heroku login
```
El terminal te pide pulsar cualquier tecla (menos la letra q). Esto te abrirá una ventana en el navegador para que aceptes el login.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/r9i3azsyjykjnxniwo5r.JPG)


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/y44t9ml1zawbdd7tpsvt.JPG)

* Suscribiéndote el repositorio remoto de tu app en Heroku
```powershell
heroku git:remote -a miprimeraappenheroku
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k9zk4ju9d1dmz14ifr8v.JPG)

* Subiendo el código a heroku
```powershell
git add .
git commit -am "Subiendo a heroku"
git push heroku master
```
* Si has seguido los pasos correctamente, se inicia el despliegue y tendrías tu app desplegada en heroku :)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yqenmnzp8y9r4jgsmrhd.JPG)

Y aqui el proyecto desplegado
https://miprimeraappenheroku.herokuapp.com/

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5mspz3h8ytjeaf9wx1a6.JPG)

Espero les sirva, hasta la próxima :)
The Future of Data Systems @ Microsoft Ignite 2020
Tags: azure, eventsinyourcity
Published: 2020-09-22 09:53:05

I'm thrilled and super excited to be hosting this fantastic panel on the Future of Data Systems.

## Our incredible guests:

### Martin Kleppmann  
[Martin Kleppmann](https://martin.kleppmann.com/) is a researcher in distributed systems at the University of Cambridge, and author of “[Designing Data-Intensive Applications](https://www.amazon.com/dp/B06XPJML5D/)”. Previously he worked on startups and on LinkedIn's data infrastructure.

### Annette Bieniusa  
[Annette Bieniusa](https://twitter.com/anne_biene) is a researcher and lecturer at the University of Kaiserslautern. Her areas of interest comprise distributed and concurrent programming and programming abstractions. She is also a senior technical advisor in a startup for data storage in edge computing, named [Concordant.io](https://concordant.io/).

### Kevin Jahns
[Kevin Jahns](https://twitter.com/kevin_jahns) independent Hacker from Germany. Kevin works on decentralized, collaborative applications for the web. Learn more about Kevin's project [Yjs](https://docs.yjs.dev/) for enabling high-performance CRDT for building collaborative applications that sync automatically.

## What will be discussed? 
We will talk about [CRDTs](https://crdt.tech/) - **Conflict-free Replicated Data Types**, what they enable us, and how you can use it, today, to design your innovative data system.

#### This is an open panel and you are encouraged to submit questions to our experts. Join us and submit your question in the Q&A widget or here in the comments section.


{% twitter 1308137671060054016 %}
Day 7 - Storage Unit Component
Published: 2020-09-22 09:51:21

On Sunday I started to build this component to play around with CSS Flexbox and work on before and after pseudo elements. You can check out the component [here](https://josno.github.io/fylo-data-storage-component-master/).

![component](https://dev-to-uploads.s3.amazonaws.com/i/85wkzc1fzs885h5x3izb.png)


## What I Learned

Despite knowing how flexbox works, things can still sometimes 'do what they want'. There is also math involved in styling status bars to make sure the status is at the right position when a limit is involved.

## How This Will Help Me

Moving forward when I make components for my bigger apps, I want to consider how much each component would reflect something in real life and how that adds to the user interface. 

Onto the next challenge!
How to Use Chart.js with Vue & TypeScript
Tags: vue, typescript, webdev, tutorial
Published: 2020-09-22 09:44:10

Recently I was playing around with the Chart.js library and integrated it into one of my Vue applications. Even if there are some wrapper libraries to use Chart.js together with Vue and TypeScript, I had issues integrating them into my Vue project. In this blog post, I want to show you how to create your own Chart components in Vue by using the regular Chart.js library.

## Requirements

- Vue Project
- Vue Class Components
- Vue Property Decorator

## Installation

First, add the following packages to your Vue application.

```bash
$ yarn add chart.js @types/chart.js
```

Once these packages are installed, create a new _charts_ folder and the corresponding Chart component inside the components directory.

```bash
$ mkdir src/components/charts
$ touch src/components/charts/Doughnut.vue
```

Add the following content to the **Doughnut.vue** file:

```tsx
<template>
  <canvas id="doughnut" />
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import Chart from 'chart.js'

@Component
export default class Doughnut extends Vue {
  @Prop({ default: [] }) readonly labels!: Array<string>
  @Prop({ default: [] }) readonly colors!: Array<string>
  @Prop({ default: [] }) readonly data!: Array<number>
  @Prop({
    default: () => {
      return Chart.defaults.doughnut
    }
  })
  readonly options: object | undefined

  mounted() {
    this.createChart({
      datasets: [
        {
          data: this.data,
          backgroundColor: this.colors
        }
      ],
      labels: this.labels
    })
  }

  createChart(chartData: object) {
    const canvas = document.getElementById('doughnut') as HTMLCanvasElement
    const options = {
      type: 'doughnut',
      data: chartData,
      options: this.options
    }
    new Chart(canvas, options)
  }
}
</script>
```

As you can see, we are declaring properties for the chart data and configuration. This makes our component reusable and we are able to inject the values from another component.

Now, you can import and use the created _Doughnut_ component. In this example, the component has been added to the Home view of a new Vue project:

```tsx
<template>
  <div class="home">
    <Doughnut
      :data="[25, 75, 30]"
      :labels="['Red', 'Green', 'Blue']"
      :colors="['red', 'green', 'blue']"
    />
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
  </div>
</template>
```

Finally, start the Vue development server and open your browser on the related address to see the result:

![Screenshot](https://dev-to-uploads.s3.amazonaws.com/i/22m16anfnieh99z8dibk.png)
Signing and Releasing Modules for the Terraform Registry
Tags: systemadministration, git, releasemanagement, github
Published: 2020-09-23 08:50:18

---
title: Signing and Releasing Modules for the Terraform Registry
published: true
date: 2020-09-22 09:38:48 UTC
tags: systemadministration,git,releasemanagement,github
canonical_url: https://medium.com/@jmarhee/signing-and-releasing-modules-for-the-terraform-registry-cf5ea1ca9941
---

[![](https://cdn-images-1.medium.com/max/1600/0*sjfb9AB2oilrOTD3.jpg)](https://medium.com/@jmarhee/signing-and-releasing-modules-for-the-terraform-registry-cf5ea1ca9941?source=rss-d532e3e97d0f------2)

My team was recently tasked with releasing our Terraform provider into the Hashicorp Terraform Registry, and on my own, I’ve packaged a…

[Continue reading on Medium »](https://medium.com/@jmarhee/signing-and-releasing-modules-for-the-terraform-registry-cf5ea1ca9941?source=rss-d532e3e97d0f------2)