teleren/devto huggingface dataset:
PixAI DevLog: Day 2
Tags: dohackathon, react
Published: 2020-12-30 23:11:05

# Almost there

Been a pretty interesting day, was design stunted and had the strangest bug. Anyway so it's almost there, the first and second pages (which somehow turned out to be 3 separate pages🤷‍♀️) are done.

This post is going to be barely technical unless necessary so let's dive in. After yesterday spontaneous gust of motivation I woke up today feeling so lazy (I usually am 😪) and slowly continued working on the project. After a couple of minutes of being stuck on the design of one reusable component for each style I took a breather and decided to not over engineer and made three components for the three features; *face filters*, *style transfer* and *image colorization*.

Anyway, so after deciding on the design (worked abstractly...should have probably drawn out a layout 🤔😪) coding continued, got to flex my flex box skills a bit(Oh yes I said that 😤) and after some hours I was done. Layout and some functionality was looking real nice so all that remains is to finish up on calling the   other APIs, some responsiveness stuff and last minute artistic flare 😅. 

Thanks for reading, later ✌️.

# P.S

I want to thanks these guys for making these amazing creations available for us to interact with 👏👏.

* For the face filters I am using APIs Toonify and Zombify from [justinpinkey](https://justinpinkney.github.io/toonify-api-docs/) and illustrations by [dzook](https://rapidapi.com/dzook-dzook-default/api/dzook4/details).

* Style transfer API found on [DeepAI](https://deepai.org/machine-learning-model/fast-style-transfer).

* Image colorization also from [DeepAI](https://deepai.org/machine-learning-model/colorizer).
👤 Identity, Unlocked...Explained | Episode 6
Tags: identity, security, podcast
Published: 2020-12-30 22:55:40

🔑 **SignIn.org** and the genesis of the GNAP working group.
[Read more...](https://auth0.com/blog/identity-unlocked-explained-episode-6/?utm_source=reddit&utm_medium=sc&utm_campaign=identity_unlocked)
Welcome Thread - v105
Tags: welcome
Published: 2020-12-30 22:27:00

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

![Hippo Hello There](https://media.giphy.com/media/Jmm84DBoZYJrJuw8pn/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!**
Im Looking For Product Manager For My Own Project
Tags: product, project
Published: 2020-12-30 22:07:38

---
title: Im Looking For Product Manager For My Own Project
published: True
description: 
tags: #product , #project 
//cover_image: https://direct_url_to_image.jpg
---

### Project Description

Basically Take-Away eCommerce Mobile Application and BackEnd Services.


### Status

I only developed %50 of Back End Project with Django. For example developed pricing, basically customer logic etc.


### Stack

Im developing Back-End Web Services with Django. Also for mobile apps im thinking develop with flutter or react-native.


### Requests

I need one product manager for develop product and business. For now im funding this project myself. So i can share stock. If you can accept please message me :)
My Path to Developer Relations and Thoughts on the Future of DevRel
Tags: reflections
Published: 2020-12-30 22:06:02

---
title: My Path to Developer Relations and Thoughts on the Future of DevRel
published: true
description: Alex Lakatos interviewed me for the Devrel Advent calendar he put together
tags: Reflections
slug: adventcado-qna
canonical_url: https://www.swyx.io/adventcado-qna
displayed_publish_date: "2020-12-08"
---


[Alex Lakatos](https://twitter.com/lakatos88) interviewed me for the Devrel Advent calendar he put together. Extracts below:

> **How did you get into Developer Relations?**

My first dev job was extremely unfulfilling, so I started blogging and speaking at meetups on the side to continue learning outside of work. After about 6 months of this I got a DM from Matt Biilmann, Netlify’s CEO!

> **What advice would you give people looking to join you?**

Start Learning in Public. *what else did you expect me to say?*

> **How has your role changed in the past year?**

I’ve begun to realize that individual speaking and writing can only scale so much, and you can have much more impact working behind the scenes on docs, demos and reusable resources, helping others to speak, and developer exceptions.

> **How do you see the future of DevRel?**

DevRel will split into community-focused, product-focused, and content-focused specializations. 

---

You can [read the full piece here](https://avocados.dev/adventcado/2020/12/08/shawn-wang/). 

## Further Reading

Linked resources from me:

- https://dev.to/swyx/moderating-a-220k-developer-community-3doj
- https://www.swyx.io/learn-in-public/
- https://www.swyx.io/learn-in-public-hack/
- https://www.swyx.io/writing/marketing-yourself/
- https://www.swyx.io/developer-exception/
- https://dev.to/swyx/tips-for-speakers-prerecording-talks-for-online-conferences-4ic9
📚 The Complete Guide to Vue User Authentication with Auth0
Tags: authentication, vue, tutorial
Published: 2020-12-30 22:00:11

🛠 Learn how to add user authentication to Vue using a plugin.
[Read more...](https://auth0.com/blog/complete-guide-to-vue-user-authentication/?utm_source=content_synd&utm_medium=sc&utm_campaign=vue_auth)
What *human* language do you write your code in?
Tags: discuss, programming
Published: 2020-12-30 21:52:26

Hi folks, a question just popped to my mind and I wanted to ask a broader audience: when writing code, do you name your variables/functions/classes etc using English or your native (or yet some other) language and why?

I'm asking cause I have seen at a couple examples in my career where people used language other than English and I'm curious how common it is.

The most obvious argument for using native language is that it's all easier to understand and especially for people who are not very fluent in English, coming up with proper names for functions in English might be challenging.

On the other side using another language causes a linguistic mix - we all probably use languages that have English keyword, so that means that all built-in functions and 3rd party functions are in English, while our own ones are not, which might make it more challenging to read.
DevAnalytics at DOHackathon: Cleaner UI, cleaner code
Tags: dohackathon, angular, typescript, devanalytics
Published: 2020-12-30 21:39:58

A few days ago, I shared that I created cards to display the statistics of your most popular articles and tags and that the UI is fully functional.

Since then I'm focusing on smaller adjustments.

Soon, I'll work on an Angular project that motivated me to participate in this hackathon. Also at my workplace, I'm mentoring 2 devs who joined our company directly after graduation.

One of them was more focusing on UI during her internships and while in the beginning, she was working on C++ backends, she managed to get back to the frontend side. But we still - virtually - meet every week to discuss generic programming concepts, interesting ideas, and tools.

This week, I turned the table around and I asked her to mentor me in Angular and how a nice UI should look like.

As you can see on the below picture, some margins have been applied, the cards are more similar in size. What you don't see is that so far the whole page was one big Angular component and it also started to change, I started to extract smaller component.

![A nicer UI](https://dev-to-uploads.s3.amazonaws.com/i/laihhoxtv0dk0skydxvg.png)

During the next couple of days, I'm going to continue cleaning up the code, cleaning up the UI and add some responsiveness to it.

If I have some extra time at the end of the hackathon, I'll check if I can add some more statistics.

Let me know what you think and [feel free to try it here](https://dev-analytics-frontend-tudwb.ondigitalocean.app/).
How much effort do you put into commit messages?
Tags: discuss, git, productivity
Published: 2020-12-30 21:29:20

---
title: How much effort do you put into commit messages?
published: true
description: 
tags: discuss, git, productivity
cover_image: https://jasonmccreary.me/assets/images/git-commit-history.png
---

Are you the 'lazy' type and often write them poorly and unorganized, with no proper explanation of the action and later have trouble navigating in the version tree? 

Or do you always put in time and effort, trying to come up with meaningful, easy to understand git commit messages, and push them only when reaching reasonable milestones (finishing updates, adding features, changing the design, etc)?

Personally, I still have to learn to master this too, and, when it comes to the second case, some time ago I came across a nice comment by @devmount, so I decided to share and maybe some of you could find it useful:

{% comment 12p6d %}

How much effort do you put into commit messages and could you share your own techniques to stay organized in the version tree?
My experience with React JS
Tags: frontend, flexbox, webdev
Published: 2020-12-30 18:16:10

I started learning web development in March 2020. It was mainly because of our HOD that i have been able to become a web developer. He gave me a project that was completely customised and asked me to make a web app. And although it seemed like an impossible task to me in the beginning i was able to make that project by semester end.

And although i liked learning web development a lot, the backend somehow always interested me more. I was always more into the back end development rather than front end. It was not until i was introduced to React that i fell in love with front end development.

After i completed my semester project, one of my juniors told me how amazing this new framework was. And since the day i have started learning React i have officially started to like front end development like never before.

React gave me a power over the front end that full stack flask never did (which i used to do before) and to say that React is Good would be an understatement! React is great! Since the day i have started learning react i have never gone back to doing the full stack flask again. 

Using React i was able to make apps like youtube-clone and spotify-clone so easily that i really wonder if it would have been that easy to make with flask. Now i intend to use React for all my front-end stuff and for all other apps that i will be making in future. In the end all i can say is React is awesome and you must try it once.
Difference between INSERT and COPY in PostgreSQL
Tags: postgres, database, opensource, showdev
Published: 2020-12-30 21:13:42

Quite a number of reasons, actually, but the main ones are:

- Typically, client applications wait for confirmation of one `INSERT`'s success before sending the next. So there's a round-trip delay for each `INSERT`, scheduling delays, etc (pREST supports pipelineing INSERTs in batches). This point is the most significant, It's all about network round-trips and rescheduling delays;
- Each `INSERT` has to go through the whole executor. Use of a prepared statement bypasses the need to run the parser, rewriter and planner, but there's still executor state to set up and tear down for each row. `COPY` does some setup once, and has an extremely low overhead for each row, especially where no triggers are involved.

## pREST of COPY batches "INSERT's" support?

Yes, we support the insertion operation using `COPY` when explained in the http protocol header.

`Prest-Batch-Method: copy`, when not declared pREST will use `INSERT`.

[read more at.](https://docs.postgres.rest/batch-operations/)
Swyx Interview on Daily Dev Tips
Tags: reflections, interview
Published: 2020-12-30 21:04:35

---
title: Swyx Interview on Daily Dev Tips
published: true
description: I was interviewed by Chris Bongers on Daily Dev Tips, here are some extracts.
tags: Reflections, Interviews
slug: dailydevtips1
canonical_url: https://www.swyx.io/dailydevtips1
displayed_publish_date: "2020-09-05"
---


I was interviewed by [Chris Bongers](https://twitter.com/DailyDevTips1) on [Daily Dev Tips](https://daily-dev-tips.com/posts/interview-with-shawn-swyx-wang-from-finance-to-tech/), here are some extracts.

> **What tips would you give someone interested to switch to tech?** 

  - It takes time, but it's a long term investment. The tech industry is one of those industries where we will always have a job. 
  - You must never stop learning and improving yourself. The tech industry shifts rapidly so you need to keep up with the latest technology.
  - Market yourself in every possible way. Start writing, live streaming, being an active contributor, and promote yourself. 

> **You're a big advocate for writing in public. Why is that?**

  - It makes you understand the subject better.
  - It's a way of organizing learning while people also point out your mistakes.
  - When you are writing in public, keep your ego small. If you are genuinely learning, people will want to help and then follow your journey.

You can [read the interview in full here](https://daily-dev-tips.com/posts/interview-with-shawn-swyx-wang-from-finance-to-tech/)! 


## Further Reading

Linked posts I referenced:

- https://www.swyx.io/create_luck
- https://www.swyx.io/friendcatchers/
- https://www.learninpublic.org/
Turbo Streams powered by Go WebSockets
Tags: go, webdev, beginners, tutorial
Published: 2020-12-30 21:04:31

---
title: Turbo Streams powered by Go WebSockets
published: true
description: Simple example for using Turbos Streams in Go with the Gorilla WebSocket toolkit.
tags: go, webdev, beginner, #tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/wh2jnveu5vc520zmurey.jpg
---

[Turbo](https://turbo.hotwire.dev/) is a new way to build greate web frontends fully powered by html markup and without any JavaScript. That [Turbo](https://turbo.hotwire.dev/) is what powers [Basecamps](https://basecamp.com/) new mail service [HeyHey](https://hey.com/).

At the heart of [Turbo](https://turbo.hotwire.dev/) are [Streams](https://turbo.hotwire.dev/reference/streams) which provides realtime updates over HTTP or WebSocket.

With Turbo Streams you just sent dom updates over the wire as plain html. Like so:
```html
<turbo-stream action="append" target="dom_id">
  <template>
    Content to append to container designated with the dom_id.
  </template>
</turbo-stream>
```
Then the html sent over in the `template` element is appended to the dom element with id `dom_id`. Just so simple. Of course you can also replace or remove html from the dom the same way by using the actions `repace` and `remove`.

For all you Gophers out there keen on using it, I've got you covered! Here's a simple example for using Turbos Streams in [Go](https://golang.org/) 
 with the [Gorilla WebSocket](https://github.com/gorilla/websocket) toolkit.

{% github remast/go_websocket_turbo %}
How often do you re-visit your reading list?
Tags: watercooler, productivity
Published: 2020-12-30 21:04:18

---
title: How often do you re-visit your reading list?
published: true
description: 
tags: watercooler, productivity
cover_image: https://pixy.org/src2/577/thumbs350/5775839.jpg
---
One of the best lessons I've learned is, that 'bookmarking' or 'save for later' for me are just fancy words for 'procrastination' and if I want to learn something, my best bet is to do it now, as I rarely re-visit my bookmarks.

Surely this could vary from person to person, their working patterns, planning, and organization skills, thus the discussion.

How often do you re-visit your reading/save for later list?
Create a reactive Twitter clone in pure Ruby
Tags: rails, ruby, vue
Published: 2020-12-30 20:59:10

If you like Hotwire, you might as well find this interesting: In this [step-by-step guide](https://docs.matestack.io/docs/start/150-getting_started), I will show you how to create a Twitter clone in pure Ruby with Matestack, following the great screencasts from Chris McCord [Phoenix LiveView Twitter Clone](https://youtu.be/MZvmYaFkNJI) and Nate Hopkins [Stimulus Reflex Twitter Clone](https://youtu.be/F5hA79vKE_E). We will use the Gem `matestack-ui-core`, which enables us to implement our UI in some Ruby classes rather than writing ERB, HAML or Slim views. Furthermore we don't need to touch JavaScript in order to create reactive UI features, such as updating the DOM without a full browser page reload or syncing multiple web clients through Action Cable!
Quick Guide: Kubens, Kubectx, & Stern
Tags: kubernetes, cloud
Published: 2020-12-30 20:30:43

These easily accessible Command Line Tools are fantastic for debugging and utilizing Kubernetes (**k8s**) cloud resources from the command line.

## Who is this for?
This guide is coming from the perspective of someone trying to operate, develop and debug applications that are hosted via k8s. As someone who does this on a daily basis, I have come to appreciate a few wonderful tools that make the process much easier. 

The usefulness of each tool scales nicely with the level of infrastructure present within your organization. Those that are without multiple [namespaces](https://kubernetes.io/docs/concepts/overview/working-with-objects/namespaces/) and/or [contexts](https://kubernetes.io/docs/concepts/configuration/organize-cluster-access-kubeconfig/#context) might not be served as well, but might still benefit from the knowledge of their existence.

We would like to reduce

```bash
$ kubectl config set-context <insert-context-here> --namespace=<insert-namespace-name-here>
$ kubectl get pods | <tool-of-choice-to-extract-pod-list>
$ kubectl log -f <pod-1> & kubectl log -f <pod-2> & ...kubectl log -f <pod-N>
```

down to something much more manageable, with low cognitive performance.

**Aside**: [Context vs namespaces](https://stackoverflow.com/questions/61171487/what-is-the-difference-between-namespaces-and-contexts-in-kubernetes#:~:text=Namespace%20is%20a%20logical%20partition,to%20manage%20resources%20and%20constraints.&text=A%20context%20in%20Kubernetes%20is,a%20user%2C%20and%20a%20namespace.).

## Getting Started

### Prerequisites:
* [A Cloud Service Provider + k8s](https://www.redhat.com/en/topics/cloud-computing/what-are-cloud-providers).
    * The target for most of this guide, if you are not actively utilizing some form of k8s, this will not be useful for you.
* [Kubectl](https://kubernetes.io/docs/tasks/tools/install-kubectl/).

### Installation
1. [Install Kubectx + Kubens](https://github.com/ahmetb/kubectx#installation).
2. [Install Stern](https://github.com/wercker/stern).

## Usage

Switch k8s **contexts**.

```bash
$ kubectx <context_name>
```

Switch k8s **namespace**.

```shell
$ kubens <namespace_name>
```
**Tail** pods.

```bash
stern <pod_name>
```
Often we'll find ourselves trying to debug a specific container within our pods. This might be due to a split in services across the pod. We can do

```bash
$ stern --container <container-name> <pod-name>
```

Voilà, we have significantly reduced our cognitive load and made switching contexts in our shell of choice much easier. We could take this a step further and alias out these commands, but I'll leave that to the reader. As they stand these are suitable for much quicker debugging sessions.

**Aside**: Making life even easier with [Kubectl-aliases](https://github.com/ahmetb/kubectl-aliases)

Thank you for reading, and have a wonderful day 😊 💕
4 Trello Power-Ups I Use
Tags: trello, powerups
Published: 2020-12-30 20:05:24

1- Calendar 

I really think this should be a default feature in Trello instead of a power-up. Does everything you think a calendar should do. I use it mostly for see doing dues dates and syncing to my phone's calendar. 

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

2- Card Repeater

Great for creating cards that need to be completed daily or weekly. It really helps me with building new Habits, and the automation is a time saver.

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

3- Card Numbers by Reenhanced

Gives every card a unique number for referencing. Makes communicating with team members easier 

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

4-Card Delete

One click Card Deletion :D

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


Have any Trello Power-up recommendations ? Please leave a comment and I'll check it out.
A Better Way to Shorten Your URLs
Tags: opensource, productivity, chromeextension
Published: 2020-12-30 20:02:39

To shorten your URLs, I imagine that what you would normally do is copy the URL to be shortened, navigate to one of the many URL shortening websites out there, and have it shortened. Yes, that works, but do you have to go through all that just to shorten a URL?

No, you don't. Recently, we made a browser add-on for Google Chrome code-named klinurl. With klinurl, you could now shorten your URLs with just a click. You don't have to leave your browser's current tab. Klinurl saves you the time you would usually commit to making a decision about what URL shortening website to use and the effort required to navigate to one of these sites. klinurl is all about making the URL shortening process more convenient for everyone.

Our add-on is currently available in the chrome web store. For installation, you could find it [here](https://chrome.google.com/webstore/detail/klinurl-for-chrome/jbeoijelmjlhahfdlccjlemcnfegiolc?hl=en&authuser=0). We are super interested in hearing what you think of our extension. You could do that by giving us a review in the chrome web store.

Klinurl is currently a public repository on Github. Thus, PRs are welcome. Or do you just love what we are doing? Find our repo below and give us a star. 
{% github MLH-Fellowship/klin-url %}

Find below an explainer video that explains how klinurl works.
{% youtube GzSVSA-EO74 %}
Lightpack PHP Web Framework
Tags: php, webframework, phpmvc
Published: 2020-12-30 19:44:28

Hello devs, today I released an **alpha version** of a new PHP web framework that tries to keep up with the spirit of minimalism yet be flexible, performant, and enjoyable. 

It is an attempt for those of you who think it is too much for a framework that tries to be all and spoonfeed projects of all sizes and kinds.

Remember good old days when **Codeigniter's** simplicity and performance made it the most liked PHP web framework? Keeping in that spirit, **Lightpack PHP** tries to be modern yet hackable, approachable, and easy to bend as per your requirements.

Please give this alpha release of **Lightpack PHP** a shot. Let me know what you guys think. May be you might end up liking it and eventually contributing to its philosophy. 👍

[Lightpack PHP Github Repo Link](https://github.com/lightpack/)

[Documentation link](https://lightpack.github.io/docs)
What are your metrics for successful learning?
Tags: discuss, learning, motivation
Published: 2020-12-30 19:36:26

---
title: What are your metrics for successful learning?
published: true
description: 
tags: #discuss, #learning, #motivation
//cover_image: https://direct_url_to_image.jpg
---

Do you ever take on a learning track and sooner or later realize just how big the mountain is? Maybe you spend 3 months with your nose to the grindstone only to look up and see that you are nowhere near where you thought you'd be after 3 months, despite all the effort you put in.

I think as programmers, we naturally look for the most efficient way to do something. Even when we've optimized our learning, there's still no replacement for the time and elbow grease required.

What are your metrics for success when pursuing a new learning track? How do you move the goal post if you realized you've bitten off more than you can chew?

Maybe you have no metric for success, and your metric is more akin to spending 30 minutes a day working on X, 5 days a week.