teleren/devto huggingface dataset:
Three Stages of My Relationship with React
Tags: react, webdev, beginners
Published: 2018-02-09 04:56:13

---
title: Three Stages of My Relationship with React
published: true
description: 
tags: react,webdev,beginner
cover_image: https://image.ibb.co/f40bTx/react_icon.jpg
---

This may be an oversimplification, but React's main purpose is to provide developers a blueprint on how to structure your application's UI. The rest is up to the developer. This means finding and implementing your own tools for servers, routing, styles sheets, state management, etc. React doesn't hold any hands. This makes the learning curve very steep but also rewarding in the end. React is feisty but undemanding, friendly yet independent, And I've fallen in love. 

I love React. It's late and I may just be sleepy but my time with React sort of feels I like the development of my relationship with my wife. Hear me out:

## Configuring
Here React is playing hard to get. It plays the game of forcing me to get know itself, without giving away too much. It wants me to succeed, but it's not sure what it needs and wants me to figure it out, sometimes telling me that whatever it is that I'm doing, I'm doing it wrong. It loves someone with persistence. So I start to tell others about my dilemma, get some answers and I come back with a plethora of tools to use to see if React can finally reciprocate my affection.

## Developing
At this point we figured (configured?) each other out. I'm still learning things about React but I know what makes it tick, its pet peeves. We complete each as other as we continue to build towards something great. There are some hiccups but we get through them much faster and in a more mature way than if we were still "talking".

## Producing 
When React and I are confident in our relationship we'll start planning to produce a bundle.js of joy of our own. Yes, I know this bundle is technically created during development but that doesn't mean it's ready to be delivered. Let's say up until now it was still in gestation. There's no turning back once your app is released to the world. The job now is to take good care of this application, keep it healthy and safe. A parent's job is never done and in this stage, neither is a developer's. I haven't reached this stage with React just yet but it's something I'm looking forward to soon.

In all seriousness, so far React has been pretty dope. I've only been working with React for a few months but my excitement for it landed me an invitation to a development team as a co-founder of a potential startup. I still call myself a beginner and this is my first team so who knows how it will turn out. But I do know this will be a great learning experience. Exciting times!
A Look Under the Hood of AdonisJS [Part 1] - The IoC Container
Tags: node, tutorial, javascript
Published: 2018-02-09 03:15:31

---
title: A Look Under the Hood of AdonisJS [Part 1] - The IoC Container
published: true
description: The IoC Container is a crucial part to the Adonis framework. Understanding how it works will make using the framework much easier.
tags: node, tutorial, javascript
cover_image: https://thepracticaldev.s3.amazonaws.com/i/5ugoaikq2agimf1q630z.png
---

> Subscribe to my YouTube channel for [more tutorials on working with VueJS and AdonisJS -- an MVC framework for NodeJS](https://www.youtube.com/channel/UCF5w1QdWroWOoxxXMgp88AQ?sub_confirmation=1)!

Follow along as I explore what the AdonisJS documentation has to say about its IoC(inversion of control) Container.

Together we'll cover each section of the docs and go through the source code to see how it actually works.

In part 2 of this series, I'll take an in-depth look at Service Providers -- a feature that goes hand in hand with the IoC Container. Make sure you subscribe so you don't miss that update!

**By the end of these videos, you'll have a firm grasp on how the IoC Container and Service Providers do their jobs, and just how helpful they are.**

{% youtube yTiZrOluehU %}
How Do You Conduct A Mock Interview?
Tags: discuss, career
Published: 2018-02-09 02:38:59

---
title: How Do You Conduct A Mock Interview?
published: true
tags: discuss, career
---

I've recently been conducting several mock interviews for my friends in college, and I want your tips/experience at conducting mocks.

Typically, my flow works something like:

* Let them book a time on my Meetingbird Calendar
* Depending on the request, set location as whiteboard room, my phone number, or a coderpad link.
* I try to do research on the specific company and position they're applying for, to try to compile some questions that they could expect.
* During most mocks, I conduct the interview as if it were real, and coach them after we've been going back and forth for some time. This could be things they did really well, things they could have done better, etc.
* If they're up for it, I also critique their resumes and do a quick question/answer about the content.
* Always make a reminder to wish them good luck on the day of their interview!

Is there anything else I should be doing, or do you have tips on conducting a mock interview? I'd love to hear them!
What do you look for in a good developer article/tutorial?
Tags: discuss, writing
Published: 2018-02-08 22:45:00

---
title: What do you look for in a good developer article/tutorial?
published: true
description: Discussing what it means to write a *good* technical article.
tags: discuss, writing
---

I've been sitting on an article (a Google Assistant tutorial) for a while, trying to groom it to be great! However I've been kind of stuck in a paralysis afraid of it not being _perfect_.

I know at some point I will have to just hit **publish** and go for it, but I figured I'd ask the community...What are some good things to have in an article/tutorial that make the whole thing a joy to read and learn from?
To Create or To Fix?
Tags: coding, bugfixing, discuss
Published: 2018-02-08 22:18:15

---
title: To Create or To Fix?
published: true
description: What drives you the most? Create an awesome feature or crush nefarious bugs?
tags: coding, bug-fixing, discuss
---

The first thrill we feel upon writing the first line of code in our life is when we make the computer **do something**. Write our name, say hi to the world or even print a computed sum. It's the joy of creation.

Of course that feeling does not last for too long, because the first bug is never too far away. Then the back-and-forth begins. Writing features and fixing bugs. 

**It's the circle of life.**

Further down the road we end up with a lot of created features, and a pretty good amount of crushed bugs. Which ones did you enjoy the most?

**If I must pick one...**

It will be crushing bugs!

To be fair, it's really exciting to talk to the P.O. trying to understand better the requirements for a given story, to do either a kickoff or a desk-check session with the users and see the value of that feature in their eyes. And to deliver that, obviously.

But in the end it feels more rewarding, to me, to get a bug and crush it. To read through the logs, to understand better the business, the code and investigate. The investigation is thrilling. Unfortunately, the bugs usually come bundled into a pressure pan, with anxious people who want it to be gone and that's not really pleasant.

But even then, I do enjoy the investigation and the fixing.

What about you peeps?
Why some people hate PHP?
Tags: discuss, php, community
Published: 2018-02-08 18:04:07

---
title: Why some people hate PHP?
published: true
description: Why some people hate PHP?
tags: discuss,php,community
---
![Don't Hate PHP](https://thepracticaldev.s3.amazonaws.com/i/0fhucewvazwysno7tggi.jpg)

For a long time I have seen that the developers around me hate PHP, and I still do not understand why this happens.

I don't like some PHP stuff, but that does not mean it's a bad programming language ... I think every programming language has its own purpose, so instead of starting to complain about _"why PHP does not work for me "_ I think we should spend more time comparing different programming languages and choose the one that achieves the goal of your project.

What is your opinion?
Complete Authentication In AdonisJs
Tags: adonisjs
Published: 2018-02-08 18:02:35

---
title: Complete Authentication In AdonisJs
published: true
description: Video series that shows how to do authentication in AdonisJs
tags: adonisjs
---

One of my goal this year is to do more video contents. So, I created a YouTube channel that will hold these videos [TutStack](https://www.youtube.com/channel/UCbQd7u5BfaKCH1E4O5h-N7A). In the first set of videos on the channel, I'm doing a series showing how to do authentication in AdonisJs 4.0:

{% youtube bI49nqFrm6o %}

I hope you enjoy and learn from these videos. I'll love to hear what you think about the videos, kindly drop your questions and feedback in the comment box below the videos.

Also, please do subscribe to the channel so as to be notified once new videos are uploaded.
Developing Games with React, Redux, and SVG - Part 2
Tags: react, redux, javascript, svg
Published: 2018-02-08 17:17:50

---
title: Developing Games with React, Redux, and SVG - Part 2
published: true
description: Learn how to make React and Redux control a bunch of SVG elements to create a game.
tags: #reactjs #redux #javascript #svg
canonical_url: https://auth0.com/blog/developing-games-with-react-redux-and-svg-part-2/
---

In this series, you will learn how to make React and Redux control a bunch of SVG elements to create a game. The knowledge acquired throughout this series will also allow you to create other types of animations that are orchestrated by React and Redux, not only games. 

In the second part, you'll create more SVG React components, make flying objects appear randomly, and use CSS animation to move flying objects!

[Read on 👾🕹](https://auth0.com/blog/developing-games-with-react-redux-and-svg-part-2/?utm_source=dev&utm_medium=sc&utm_campaign=react_game)

![Developing Games with React, Redux, and SVG - Part 2](https://thepracticaldev.s3.amazonaws.com/i/uwvhm00xzqjhqyfq1pna.png)
Stadia Maps: Simple, affordable online maps for every app
Tags: maps, showdev, webdev
Published: 2018-02-08 16:03:01

---
title: "Stadia Maps: Simple, affordable online maps for every app"
published: true
description: "Stadia Maps: Simple, affordable online maps for every app"
canonical_url: https://stadiamaps.com 
tags: maps, showdev, webdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/327b0zmswgx36ncoifvh.png
---

# [Stadia Maps](https://stadiamaps.com)

## Why

**Maps shouldn't be difficult or expensive.**

We founded [Stadia Maps](https://stadiamaps.com) to address these two core issues. Most online maps are expensive, and when you have the money, difficult to implement and integrate.

We're starting out with base and static maps and routing. By starting simple, we can offer fair and transparent pricing. As we continue to expand our services (geocoding and satellite maps are on our short list), we will keep a straightforward pricing model.

We believe maps should serve the customer, not the map provider. Some mapping providers display maps with competitors to your business, reviews (that may be fraudulent), or their own logos alongside your data. We believe a well-designed base map is all you need to allow you data to shine. As we expand, we will continue to focus on putting your company and data first.

That's just the beginning; we are working on several simple tools to help business owners and developers utilize maps in their web and mobile applications. Ultimately, we want to enable others to create fantastic mapping experiences.

## How

* We strive to provide fairly priced and transparent plans.
* We provide beautiful themes for a variety of contexts.
* We never track* or sell user data.
* We never display reviews or potential competitors (“related” businesses) alongside your data.
* We never display ads on your map.
* We are working on JS libraries to make interactive map design suck less.

*Beyond the necessary details to implement rate limiting and similar technical measures to ensure everyone has a good experience

## Talk to us!

We want to make a product people love. So talk to us: let us know what you like and dislike about current mapping solutions and our product!

_PS: We're having fun this month with an Olympic-themed map. Take a look!_ :)
How can you convince your manager to start embracing DevOps?
Tags: devops, aws, discuss
Published: 2018-02-08 12:56:24

---
title: How can you convince your manager to start embracing DevOps?
published: true
description: 
tags: devops, aws, discuss
---

You have recently joined a software-powered company where they don't practice DevOps practices. Your manager and management are of old-fashioned and still follow the old methodologies. So, in this case, How do you convince your manager that DevOps is essential and should be embraced to survive in this competitive environment?
Today I Learned: A simple trick to slim down a Docker image
Tags: docker, ubuntu, tips, todayilearned
Published: 2018-02-08 12:38:45

---
title: "Today I Learned: A simple trick to slim down a Docker image"
published: true
description:  A simple trick to slim down a Docker image
tags: docker, ubuntu, tips, til
---

You may want to reduce the space used by your image. If you are building on top of an  Ubuntu image and during the build, you are invoking `apt-get update` (you would be for sure if you are installing latest versions!) then you can delete some files downloaded by apt-get that won't be required later. The following Dockerfile snippet shows a way how it should be done. Notice that RUN instruction is doing 3 things, update the package cache, installing ant, and deleting the cache. This is done in such a ways so that Docker does all of this in a single layer of the image. If these steps are split in different RUN instructions then your Docker host and/or registry will use more space.

```shell

FROM jenkins/jenkins:lts

#Change user to root and install ant version 1.9.9-1 (available in Ubuntu packages)
USER root

#
RUN apt-get update && \
        apt-get install -y ant=1.9.9-1 && \
        rm -rf /var/lib/apt/lists/* # remove the cached files.

```

In my case, it saved about 138M of space. However, YMMV.

By the way, __what are you deleting__? You are only deleting the information about latest packages and versions available for download using `apt-get install` or `apt-get upgrade`. `apt-get` caches this information later use. It is highly likely that you wouldn't need this information when you are running the containers based on this image. Installing software while running the container would be a big NO!.

Similar, cache files would exist in other Linux distributions as well.

I hope this helps you slim down your ubuntu images.
Hello :D
Tags: intro, dev, firstpost
Published: 2018-02-08 11:19:33

---
title: Hello :D
published: true
description: About me
tags: #intro #dev #firstpost
---

Hello, my name is Cleyson and I'm a Software developer from Brazil!
my english is not very well.. I'm sorry for that.
I'm work with Ruby on Rails, Javascript and Frontend stuffs, I love Design, UX and Psychology, nice to meet you guys :)

my blog (portuguese): [cleyson.co](http://cleyson.co/)
WooCommerce CSV Import Plugin 
Tags: woocommercecsvimport
Published: 2018-02-08 10:56:44

---
title: WooCommerce CSV Import Plugin 
published: Yes
description: WooCommerce CSV import plugin is a useful data to import and export the products, categories, orders and customers list. 
tags: WooCommerce CSV Import 
---
<img src="https://thepracticaldev.s3.amazonaws.com/i/mvdstwy8g6tjby3aqxa8.png">
WooCommerce CSV import plugin is a useful data to import and export the products, categories, orders and customers list. You can export the data by using filters which helps you to export the specific data from your e-store. <b><a href="https://codecanyon.net/item/woocommerce-csv-import-export-plugin/21204381">WooCommerce CSV import</a></b> plugin uses PHP excel library to download the data in excel file. This plugin exports the data in parts to avoid server issues and to also set the maximum entries to import and export the data in each part. This plugin cost you only $24 and comes with free support and upgrades.

<b>Screenshots:</b>

<img src="https://thepracticaldev.s3.amazonaws.com/i/h4o9lfor3vwdzh87q57r.png">

<img src="https://thepracticaldev.s3.amazonaws.com/i/ioqcswa5cb5iqwa8azhq.png">

<img src="https://thepracticaldev.s3.amazonaws.com/i/zrh20cyr1cofwpfj4w29.png">

<img src="https://thepracticaldev.s3.amazonaws.com/i/52g5wpl99ay6svvmnh6s.png">
ANTISOCIAL 
Tags: discuss
Published: 2018-02-08 09:46:20

---
title: ANTISOCIAL 
published: true
description: 
tags: discuss 
---

![Andrei Lacatusu serie](https://mir-s3-cdn-cf.behance.net/project_modules/fs/79a49852646779.5a4bb207f3d08.jpg)
What is the futur of FaceBook, Instagram, Twitter or Tinder? We don't know - we don't care? Andrei Lacatusu got his own idea...  Since Google just had its 20 years old, the Romanian artist symbolizes the fall of giants of the Silicon Valley in a serie called “Social Decay” where he imagines their decrepit signs. Must we see the death of social networks on it... and the rise of a real social cohesion?
[See the entire serie on Behance](https://www.behance.net/gallery/52646779/Social-Decay)
JavaScript の async/await の仕様をずっと誤解していた
Tags: javascript
Published: 2018-02-08 04:54:10

---
title: JavaScript の async/await の仕様をずっと誤解していた
published: true
description: JavaScript の async/await の仕様をずっと誤解していた
tags: JavaScript
---

すごい初歩的なことかもしれないのだけれど、年単位ぐらいで誤解したままコードを書いていたので懺悔のためにも書いておく...。

何が違ったかというと、async function の扱いである。async function も `function` と同じだとおもっていて、 `Promise` を返さないと呼び出し側で `await` できないと勘違いしていた。そのため、今までは

```js
const fn = () => new Promise(async (resolve, reject) => {...})
```

というような感じで `Promise` を一旦返すようにしていた。しかし、async function は呼び出すと `Promise` を返してくれるのだ。

参照: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/async_function

```js
const fn = async () => {}

console.log(fn)
console.log(fn())
```

Node.js v9.5 で確認した。

```
[AsyncFunction: fn]
Promise { undefined }
```

`Promise` が返ってくる...。よくよく調べていくと async function の中で `return` すると `Promise` を `resolve` し、 `throw` すると `Promise` を `reject` することになるんだそうな。

```js
const fn = async () => {
  return 'yo'
}

const main = async () => {
  const res = await fn()
  console.log(res)
}

main()
```

=>

```
yo
```

```js
const fn = async () => {
  throw new Error('err')
  return 'yo'
}

const main = async () => {
  try {
    const res = await fn()
    console.log(res)
  } catch (err) {
    console.log(err)
  }
}

main()
```

=>

```
Error: err
```

まじか...。俺の `Promise` とはなんだったんだ.........。とても恥ずかしい.....。
ソーシャルアプリを成功させるために必要な3つのフィードバックループ
Published: 2018-02-08 04:16:53

---
title: ソーシャルアプリを成功させるために必要な3つのフィードバックループ
published: true
description: 
tags: ノート 要約
---

from http://andrewchen.co/how-to-design-successful-social-products-with-3-habit-forming-feedback-loops/

1. 新しいコンテンツを提供することに価値を感じるループ
2. 良いコンテンツを消費することに価値を感じるループ
3. ネットワークに参加することに価値を感じるループ

- 1/9/90原則
  - 90%のユーザーはコンテンツを消費するだけ
  - 9%のユーザーはコンテンツを編集するだけ
  - 1%のユーザーだけが新しいコンテンツを作る

- コンテンツ作成者
  - コンテンツを作成することにソーシャルな価値を感じる
  - コンテンツは簡単に制作できること
    - すでにあるコンテンツをアップロードする
      - 一瞬で作れる
      - 常にやってること
      - 意識せずに公開できるもの
  - 長期的に意味のあるコンテンツでなければループにはならない
  - コンテンツの作りやすさと価値はバランス
     - どれくらいのユーザーがコンテンツを作るのか
     - どれくらいの量や頻度で作されるのか
     - だれにコンテンツを表示するのか
     - コンテンツはどれだけ魅力的なのか
     - どれくらいの消費者がコンテンツにフィードバックするのか
     - フィードバックは魅力的か
     - フィードバックがコンテンツ制作者にモチベーションになるか

- コンテンツ消費者
  - 更新頻度の高い的確な情報を求める
    - フィードバックループは途切れる
      - コンテンツの量が少なすぎる
      - コンテンツが新鮮でない
      - コンテンツの量が多すぎる
      - コンテンツが見当違い

- 作成者と消費者をうまくつなげる
  - コンテンツ消費者と作成者のループを作成する
     - 人、トピックなどのピックアップ
     - リーダーボード
     - キュレーション
  - コネクションが多すぎても見当違いになるので工夫が必要

- ループがうまくいってるかのチェックする
  - フィードバックループの詳細を見る
     - 自分でそのフィードバックが面白く感じるか？
  - 消費者として、意味のある価値のあるコンテンツが提供されているか
     - うまくいっていない場合、うまくいくような小さなグループを作る
  - 質の高いフィードバックループこそソーシャルアプリの真髄
VueJS Docs Video Walkthrough - Introduction [Part 1]
Tags: vue, javascript, beginners, tutorial
Published: 2018-02-08 01:38:32

---
title: VueJS Docs Video Walkthrough - Introduction [Part 1]
published: true
description: Great documentation is so important, and the VueJS team has done a remarkable job. Join me as I go through the documentation step by step, and work through the provided examples.
tags: vue, javascript, beginner, tutorial
cover_image: https://thepracticaldev.s3.amazonaws.com/i/x8uqx4lams8clfucvhji.png
---

> Subscribe to my YouTube channel for [more tutorials on working with VueJS and AdonisJS -- an MVC framework for NodeJS](https://www.youtube.com/channel/UCF5w1QdWroWOoxxXMgp88AQ?sub_confirmation=1)!

Even great documentation can sometimes be hard to follow.

This is especially true when you're unfamiliar with the subject matter; you'll likely see many new concepts and terms. It can be overwhelming.

I have started this series for others like me that may appreciate a video walkthrough of the VueJS documentation.

If you are just new to Vue, or if you have already spent some time with the framework, I hope you will find something useful.

This is part one:

{% youtube W4fpRK8MOcw %}
Nylas is Hiring a Partner Engineer
Tags: hiring, python, sql, womenintech
Published: 2018-02-08 01:36:25


---
title: Nylas is Hiring a Partner Engineer
published: true
description: Interested in solving challenging problems with a diverse team? Come work at Nylas! By being at the core of business communication, scheduling, and contacts, we believe we can shape the future of how people work.
tags: hiring,python,sql,womenintech
---


## About Us
The Nylas Cloud API makes it an order of magnitude easier for companies to add email, calendar, and contacts integrations to their applications. By being at the core of business communication, scheduling, and contacts, Nylas is shaping the future of how people work.

Our [team](https://www.nylas.com/team/) is roughly equal by identified gender and we actively and regularly work with the entire team to shape our culture to our ideal of empowerment, transparency, and kindness.

We collaboratively wrote about our values, benefits, perks, and published them in our [open-source handbook](https://github.com/nylas/handbook). Read it to learn more about Nylas. You can also find more details at: [https://www.keyvalues.com/nylas](https://www.keyvalues.com/nylas).

## About The Opportunity
We’re looking to hire our first partner engineer at Nylas. You’ll be responsible for the technical success of our customers by helping them integrate and by digging into technical issues and bugs within in the Nylas API.  You’ll work directly with both our partners and Nylas’ customer success team to investigate bugs within these systems and then fix them.

Our open-source Python sync engine regularly archives terabytes of data across a massive SQL cluster, and our Flask APIs handle tens of millions of requests a day. It’s your job to quickly identify, fix, and prevent issues from happening within this architecture. You’ll have a direct impact on the reliability and scalability of our system by improving our testing infrastructure and building mechanisms to quickly identify issues before our customers do. You’ll have a direct impact on the happiness of our customers because you’ll be fixing the issues that matter to them most.

You should have a growth mindset, a track record of managing your own projects, and strong autonomy in every day work. You should also tend toward humbleness in your abilities and have an innate desire to pass knowledge onto others.

## How To Apply
If this job piques your interest, don't hesitate to [apply today](https://jobs.lever.co/nylas/9715c82f-2e4f-4b3f-9a8d-d65f8023ad41)!


_Please feel free to leave questions in the comments section._