teleren/devto huggingface dataset:
Who Rubber Ducks?
Tags: discuss
Published: 2018-03-26 07:15:09

---
title: Who Rubber Ducks?
published: true
tags: discuss
---

I am an avid rubber ducker. Do you guys turn to your rubber duck when you have issues sorting out bugs?

[Checkout Our Latest Stuck? Rubber Duck T-Shirt](https://ua1.us/tech/t-shirts/mens-rubber-duck-debugger-binary-code-t-shirt/)
![Rubber Duck Debugger](https://ua1.us/wp-content/uploads/2018/03/mockup-412ba217.jpg)
What kind of tslint config you use for your React project?
Tags: react, tslint, typescript, discuss
Published: 2018-03-26 05:59:09

---
title: What kind of tslint config you use for your React project?
published: true
description: 
tags: react, tslint, typescript, discuss
cover_image: https://cdn-images-1.medium.com/max/2000/1*Ukhx76VQ8E6JXEW7xfIzSA.png
---
I've just started looking at TypeScript, React and wanted to prepare a nice working environment for it.

I've began with
```
create-react-app my-app --scripts-version=react-scripts-ts
```
Added following dependencies
```
yarn add -D prettier tslint-config-prettier tslint-plugin-prettier husky pretty-quick
```
Let Prettier know that I want single quotes, not doubles:
``` json
{
  "singleQuote": true
}
```
Have added the following to my `tslint.json`:
``` json
{
  "extends": [
    "tslint-react",
    "tslint-plugin-prettier",
    "tslint-config-prettier"
  ],
  "rules": {
    ...,
    "prettier": true
    
  }
}

```

And then added following line to my `package.json`:
``` json
{
  "scripts": {
    ...,
    "precommit": "pretty-quick staged"
  }
}
```

It does seem to work nice for myself. Formatting is left for prettier and linting is done by tslint. What kind of setup do you use?
What did you do in the first quarter of this year?
Tags: discuss, webdev, career
Published: 2018-03-26 00:16:45

---
title: What did you do in the first quarter of this year?
published: true
tags: discuss #webdev #career
---

So, 1/4th of the year is completed. How did you utilize it?

####Here's how I utilised it.

1. Gained sound knowledge in Laravel back-end with 5 projects for my company in three months. 

2. Started with Node JS & I think I'm pretty good in JavaScript to be precise. 

3. Learnt to build REST APIs with Express JS & JWT authentication.

4. Learnt React pretty well with ant.design. I still need to improve my skills in styling.

5. Learnt @meteorjs for developing full stack web apps using React.
How to detect changes in all scss files with gulp
Tags: javascript, gulp, webdev
Published: 2018-03-25 21:41:04

---
title: How to detect changes in all scss files with gulp
published: true
description: This is a tip for easily detecting changes in all ‘.scss’ files with gulp.
tags:  javascript, gulp, webdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/0eu8a769x3nldcvk7v6e.png
---

This is a tip for easily detect changes in all ‘.scss’ files with gulp. Some people are confused about it, but, it’s a logical question, pretty easy, and i will show how to do it step by step.

#First off all
Write some gulp tasks:
{% gist https://gist.github.com/TheDKA/43118b213ac56bc7a97d6d8974ff8a32 %}

#Where the magic happens
You must to have one main **.scss** file and how many partial files you want. Partial files are .scss files named with an underscore prefix, with **smaller css parts** that will be ignorated and will not generate a new css file but will be imported in the **main** .scss file.

So, **don’t put the underscore prefix in the partial files until you end your job**. Yep, that’s right. **Gulp will not ignore the files without the underscore prefix**, cause for now they are treated as normal style files, and then **Gulp will watch every file**.

Of course, when you end your job, you will have to delete every generated css file from the partial files, put the underscore prefix in each partial file name and in their references. Depending of your project size, you don’t have to spend more than ten or fifteen minutes to do it. But, if you want, you can automate it, ’cause everything can be automated in JavaScript.

Hope this helps.
See you next time!
The best auto clicker for mac        
Tags: autoclickermacfor
Published: 2018-03-25 16:39:54

---
title: The best auto clicker for mac        
published: true
description: You don't have to search anymore for an auto clicker    
tags: auto clicker mac for
---

<a href="http://autoclickermac.com">Auto Clicker MAC</a> IS THE BEST CLICKER ON THE MARKET
Automating this simple click process requires multiple complex operations such as double click, triple clicks or more clicks group, right click, left click, time intervals, start clicking delay, stop after a custom given time, and the number of clicks. In Auto Clicker Mac Software the time intervals are set up in milliseconds or seconds, for a higher speed (especially in games) or lower (social media).

You can set it up to like, share or save an article if it appears in a certain position every time. You can systematize the attacks in a game or simply play games where you click to pass the time.

In the last few years, clicker games have caught the eye of the public, and passive gaming became a trend. Nowadays there are many clicker games that can give you that sweet release when you’re taking a pause at work or just idly checking your background apps. The idea behind a clicker game is that you’re able to play it in the background without investing your active time, ergo the term „passive-gaming.”

This concept gained much traction and popularity because in these days we have very limited time, and many of us don’t have the time to invest in gaming as we did in our old days, so a clicker game (passive game) is for many a suitable alternative to a game where you have to actively invest a lot of time. With our Auto Clicker Mac, your progress in a clicker game can be accelerated and that sweet upgrade you’ve been waiting for 24 hours can be made available much more quickly.
Learning from an imperfect design
Tags: design, beginners, links
Published: 2018-03-25 16:37:16

---
title: Learning from an imperfect design
published: true
description: Reflecting on implementing an imperfectly designed advanced feature in a project
tags: design, beginners, links
---

While implementing an advanced feature of my project, I learned that I cannot support it as it would break my design and other features. This occurred due to negligence and skipping research work. When I was designing my project, I deemed this feature as too advanced, and didn't recon it's implementation properly which lead to this failure. Fortunately I was able to include it in some other way, but still my perfect initial (or not so perfect) design failed me.   

**What I learned**: *Don't leave any design aspect as todo, and be sure that it's implementation will fit your design. Also, be sure it's implementation won't break time and memory requirements.*

Also, the project is now finally over. I feel, *complete* and satisfied as a dev. So whatever project you are holding back on - just complete it. Release that v1.0, and the rest will follow. 

## Amazing links!
1. The world is a scary place - [Why Scarlett Johansson’s Picture Got My Postgre Database to Start Mining Monero](https://www.imperva.com/blog/2018/03/deep-dive-database-attacks-scarlett-johanssons-picture-used-for-crypto-mining-on-postgre-database/)
2. These guys rock - [Hackers Are So Fed Up With Twitter Bots They’re Hunting Them Down Themselves](https://theintercept.com/2018/03/16/twitter-bot-detector-software/)
3. Next gen password hashing algorithm - [The password hash Argon2, winner of PHC](https://github.com/P-H-C/phc-winner-argon2)
4. For anyone who enjoys art - [Krita](https://krita.org/en/).
Help with VSCode "Bracket Pair Colorizer" extension!(SOLVED)
Tags: help
Published: 2018-03-25 15:55:12

---
title: Help with VSCode "Bracket Pair Colorizer" extension!(SOLVED)
published: true
tags: help
---
I am using VSCode and i already have configured some settings for the extension, and it works fine in my CSS file.
But it doesn't work in my HTML file. Do i have to tweak or add something?
"Route did not stabilize in expected time" on CloudFromation
Published: 2018-03-25 13:27:01

---
title: "Route did not stabilize in expected time" on CloudFromation
published: true
description: 
tags: 
---

This error occurred via template below:

```yaml
...

  PNNatGateway:
    Type: 'AWS::EC2::NatGateway'
    Properties:
      AllocationId: eipalloc-xxxxxx
      SubnetId: !Ref PNPublicSubnet
  PNPrivateRouteTable:
    Type: 'AWS::EC2::RouteTable'
    Properties:
      VpcId: !Ref PrivateNet
  PNPrivateRoute:
    Type: 'AWS::EC2::Route'
    Properties:
      RouteTableId: !Ref PNPrivateRouteTable
      DestinationCidrBlock: 0.0.0.0/0
      GatewayId: !Ref PNNatGateway

...
```

# FIX

It fixed when I changed `GatewayId` to `NatGatewayId`


```yaml
...

  PNNatGateway:
    Type: 'AWS::EC2::NatGateway'
    Properties:
      AllocationId: eipalloc-xxxxxx
      SubnetId: !Ref PNPublicSubnet
  PNPrivateRouteTable:
    Type: 'AWS::EC2::RouteTable'
    Properties:
      VpcId: !Ref PrivateNet
  PNPrivateRoute:
    Type: 'AWS::EC2::Route'
    Properties:
      RouteTableId: !Ref PNPrivateRouteTable
      DestinationCidrBlock: 0.0.0.0/0
      NatGatewayId: !Ref PNNatGateway

...
```

What a unkind error message it is!
I'm working on front-end library set (close to react ecosystem). I'm looking forward to know what do you think about it!
Tags: discuss, project, javascript, webdev
Published: 2018-03-25 11:21:17

---
title: I'm working on front-end library set (close to react ecosystem). I'm looking forward to know what do you think about it!
published: true
description: ''
tags: ["#discuss", "#project", "#javascript", "#webdev"]
---

### Introduction

I've been working on my pet-project called **hyper-value** for some time. It is a set of a few libraries designed to help you develop web-applications.

### Gist of the project

The main idea is to provide a simple wrapper around any value in javascript. The wrapper can be used to share data between components, update that data and react to these updates.

### Code sample 

Here is full code of a simplest application written with **hyper-value**:

```tsx
import {HyperValue} from 'hyper-value';
import {jsx, Component} from 'hv-jsx';
import {renderIn} from 'hv-dom';

class App extends Component<{}> {
    count = new HyperValue(0);
    render() {
        return <div>
            <span>Click amount: {this.count}</span>
            <button onClick={() => this.count.$++}>Click me!</button>
        </div>;
    }
}
  
renderIn(document.body, {}, <App />);
```


### Status

At this point I want to get the feedback from community. Is anybody (except me) see it as a reasonable idea?

### Links

You can find a detailed tutorial here: https://medium.com/@int0h/hyper-value-living-data-in-your-application-a54aab68d8b1

Libraries:
hyper-value: https://github.com/int0h/hyper-value
hv-jsx: https://github.com/int0h/hv-jsx
hv-dom: https://github.com/int0h/hv-dom

### Demos

counter application: https://github.com/int0h/hv-counter-app
todo application: https://github.com/int0h/hv-todo-list
async demo: https://github.com/int0h/hv-async-app

### P.S.

I'm not sure if here is the right place for a post like that. I'll be glad if you advice me any other way to get the feedback!
I am learning ruby 
Tags: ruby
Published: 2018-03-25 09:30:21

---
title: I am learning ruby 
published: true
tags: #ruby
---

Before get started with Ruby on Rails, I am just learning ruby programming language and I found the following facts about ruby. I am writing basics of ruby programming which I learned today.

## 1. Variable
- Ruby variables are dynamic typing and duck typing
- Can be define simply assigning value to the variable

```
count = 10 
awesome_count = 20 // correct convention
awesomeCount = 20 // Wrong convention
```
- Yay ! we do not need any semicolon here
- Common convention for the varible define is snake case not camel case
- 2 Space is common practice instead of 4 space in code

## 2. Comment in Ruby
- Writing comment in ruby is quite simple and straight forward 
- For e.g. 

```
# This is ruby comment
```

## 3. Function in Ruby
- Function can be define using 'def' like this
```
def double(value); value * 2; end
double(2) // results 4
```
- We do not need return statement to return value too
- In above example single line function and statement are seperated by semi-colon please do not confused on it
- For the multiple line we can write like this
```
def double(value)
 value * 2
end
double(2) // results 4
```
Advice for Students at Careers Fairs and Meet and Greets
Tags: career, student, meetandgreet, preparation
Published: 2018-03-25 05:30:42

---
title: Advice for Students at Careers Fairs and Meet and Greets
published: true
tags: career, student, meet and greet, preparation
canonical_url: https://www.samjarman.co.nz/blog/meetandgreet
---

Students!&nbsp;  
  
Your first careers fair or employer meet and greet is coming up soon, and I bet you're excited to find a job. I bet you're probably thinking you're pretty cool, and your experience is what we're looking for. Great.  
  
But. There are a lot of you. And I meant _a lot_ of you. We're looking for reasons to shortlist, say no and rule people out. Don't let that happen.&nbsp;Quite frankly, you need to work very hard to stand out. I'm serious about this. You need to put in the work. So here's what you do:

1. **Reflect on your interests**. Who are you? What do you wanna be? Do you like front end coding? Server side coding? Ops? Business? Social media? Design?&nbsp;
2. **Find out what we need.**  **Go deep.** Find our product, try use it, inspect their frontend code, try query their backend. Figure out who they are and what they do.
3. **Play matchmaker.** Find the top 10 companies you want to work for at the fair and prepare for all of them. And I mean **prepare!**
  1. Make a list
  2. Stalk us on LinkedIn to find who works there
  3. Come up with questions that show passion and insight for that company
4. **Nail the conversation.&nbsp;** Please please please come prepared with:
  1. What you can bring to our company
  2. What experience you have that we're looking for
  3. What you think you can add to our company

This process will take time. Spend at least 15 minutes researching every company. This first impression is crucial. Don't waste our time on the day and don't waste your own. We don't want to hear "Um, so what does your company do" or "What kind of person are you looking for?". You already should know.&nbsp;

You basically get one shot to make a good impression, so why wouldn't you take it seriously and put in the work to make it the best for all of us?  
  
Good luck. You got this.  
Sam
WhatsApp CLI using Pushbullet
Tags: whatsapp, pushbullet, chatbots, bots
Published: 2018-03-25 00:35:20

---
title: WhatsApp CLI using Pushbullet
published: true
description: 
tags: whatsapp, pushbullet, chat bots, bots 
---

WhatsApp CLI using Pushbullet
https://github.com/yausername/whatsapp-cli
Auto import for Haskell in VS Code
Published: 2018-03-25 00:00:00

---
title: Auto import for Haskell in VS Code
date: 20180325T00:00Z
---

Today, I hacked together auto imports for Haskell in VS Code: https://github.com/chrismwendt/Auto-Import based on https://github.com/soates/Auto-Import (which currently only supports TypeScript). The code is very rough, and there is a lot of room for improvement. Currently, it only searches for variables on Hoogle.

It's cool to discover other packages and modules that export the same variable name, for example `concurrently` appears in `async` (what I would expect), but also appears in other libraries that generalize `async`'s types:

![screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/koiteptkrbzq1b44foai.png)
Should code have an expiry date?
Tags: code, codequality, programming, discuss
Published: 2018-03-24 19:37:09

---
title: Should code have an expiry date?
published: true
description: Code quality
tags: code, quality, programming, discuss
---

![Expired](https://thepracticaldev.s3.amazonaws.com/i/rj9m6w4w3auilfuj2vc3.jpg)

In a conversation with a fellow software developer, he stated that all code should have an expiry date. I must say, I like the idea of setting an expiry date for code I write. 

The author(s) perceived quality of code should determine its expiry date.

__Some example questions to consider:__
* How stable, complete, and validated were/are the requirements (functional and non-functional)
* Was the code rushed to production? Or was it developed with care and attention to detail?
* Is it using an antiquated or experimental technology or exotic/experimental/not widely used programming language?
* Does it have tests?
* Was the code written after the tests?
* Was it reviewed and/or pair programmed?
* ...

Answers to the above example questions and others can help determine until what date code is supposed to be used. By stamping the code with an expiry date, a developer or a team makes a statement on the quality practices used to produce it.

Another question is: who should set the expiry date? The developer? The code reviewer? Some other stakeholder? A combination of all?

I must say that there is some perversion in this. The expiry date makes anyone using a piece of code after that date responsible for their actions. Like eating yoghurt after the expiry date. You decide if you want to risk eating it or not.

Thye expiry date should be dynamic, if the code gets revisited, refactored this should have an impact on the expiry date.

What do you think?
Nevertheless, jen 🦄🐚👑 Coded
Tags: wecoded
Published: 2018-03-24 14:47:23

---
title: Nevertheless, jen 🦄🐚👑 Coded 
published: true
tags: shecoded
---

## I began/continue to code because...

I wanted to make beautiful, interactive web-sites that can tell a story about what I want to express my thoughts, beliefs, and knowledges. 

## I recently overcame...

fears to work with React library and also fears of mind that 'I cannot be a good web developer'.

## I want to brag about...

I can contribute as a web developer with other engineers, and it happens in one year! :) And I still have eager to learn about backend things, other languages, and *data visualization* for tell a story through web dev.

## My advice for allies to support women and non-binary folks who code is....

We should meet and share more together! :3
what was your motivation?
Tags: discuss, career
Published: 2018-03-24 14:27:54

---
title: what was your motivation?
published: true
tags: discuss #career
---
You can't accomplish anything if you lack motivation. It can be of any form. Lack of money, love towards your passion, etc.,

What was yours? What draw you here? What will you do if you feel low and lacked motivation?
What is the Web Stack!!!???
Tags: webdev
Published: 2018-03-24 12:50:16

---
title: What is the Web Stack!!!???
published: true
description: 
tags: #webdev
---

This post is originally posted to [my blog](http://frugencefidel.com/blog/what-is-the-web-stack).

*Someone can ask you, "What is your stack?"/ "Which stack used in your project?"/ Which stack does your company use?
In this post i share what I known about Web Stack.*

**Web stack** is the collection of the technologies/tools used for web development.

There are three types of Web Stack, namely FrontEnd, BackEnd and Full Stack.

1. **FrontEnd Stack** - This stack work with languages that render with browser. It's also called client side. The developer who work with this stack is called FrontEnd Developer, and normally they work with HTML, CSS and JavaScript. It's called FrontEnd Stack because present stuff that you see on website and interact with. HTML is used for defines the structure of the webpage, CSS is used for style HTML document and JavaScript is used for adding logic and interactivity to the webpage.

2. **BackEnd Stack** - This stack work with languages that building the actual logic behind the application. It's also called server side. The developer who works with this stack is called BackEnd Developer. Often FrontEnd development work is more about creating user interfaces while BackEnd development implementing the actual business logic that makes the app work. In BackEnd Stack most of action is not happen in front of user but in the server and background. BackEnd Developer work with server side scripting languages and database languages. Server side scripting languages are languages that run on the server, example PHP, NodeJs, Python and ASP.NET. They used to create communication between user, server and database. Database languages are used for read, update, delete and create data in the database. There are two broad categories of database language, namely SQL(Relational Database) and NoSQL(Non-Relational Database).

3. **Full Stack** -This stack work with both FrontEnd and BackEnd stack. Being a Full Stack developer require you to know about all the FrontEnd and BackEnd technologies.
Feature proposal: peer review of posts before publishing
Tags: discuss
Published: 2018-03-24 12:20:18

---
title: Feature proposal: peer review of posts before publishing
published: true
tags: discuss
---


I am working on a new post slowly. And I always feel like something that I write might not be clear enough or fail to address important questions. Therefore, I thought that it would be cool if dev.to offered a possibility to ask for a peer review before the post goes public. I think this could be quite helpful and would increase the usefulness of posts.

And what do you think?
Django API - List of States from Different Countries
Tags: python, django, webdev
Published: 2018-03-24 02:48:44

---
title: Django API - List of States from Different Countries
published: true
description: A Django API that generates states of different countries
canonical_url: https://devjunior.com/blog/23/
tags: #python, #django, #webdev
---
![Django API - States of All Countries](https://i.imgur.com/lSuahZG.png)
<b>[TL:DR]</b>
I was searching for a list of states of every country. There are some API projects help to reveal the currency, latitude/longitude, languages and time-zone of different countries. However, there are rarely free and simple API which simply generate lists of states. So I made one!
<br>
And here is the <a href="https://countryrestapi.herokuapp.com/" target="_blank">LINK</a>.
<br>
<b>[Simple to use]</b><br>
To use it, simply enter the 2-characters alpha2-code at the end of the link.
For example, United States is "us", Australia is "au", Hong Kong is "hk".
<br>
Rendering the page, you will see a list of states in that country presented in JSON format.
<br>
Hope you will find it useful!<br>
Original Post at [https://devjunior.com](https://devjunior.com/blog/23/)
How to earn more as a Programmer
Tags: discuss, earning, career
Published: 2018-03-23 20:55:42

---
title: How to earn more as a Programmer 
published: true
description: 
tags: discuss, earning, career
---
Hello, 

I'm a PHP web developer. I have been working full-time as a freelancer for a European company. 

One thing on I always struggled is to earn some extra money beside working full-time. Please share your thoughts on how to earn money from coding beside from full-time job. 

Thanks in advance.
"You're overthinking it."
Tags: question, discuss
Published: 2018-03-23 20:46:49

---
title: "\"You're overthinking it.\""
published: true
description: "How often have you heard these words? And how often was the other person right?"
tags: question,discuss
---
To preface, I am a student, so hearing this isn't too unfamiliar. But at the same time, I wonder if it's something normal to hear.

I heard this the other day when trying to format printing in an interpreter I was working on. The solution was so simple that, indeed, as my friend noted, I was overthinking things. When someone says "You're overthinking it," how does it make you feel?