teleren/devto huggingface dataset:
How to use the syntax import/export on NodeJS
Tags: node, sucrase, syntax, import
Published: 2019-12-03 19:17:45

Hey devs, Wellcome on my first post in DEV Community and sorry that my English, because is don't very good ok?


Let's go!

In this post I go to teach you how to use the syntax import/export of simple way using the module Sucrase.

- First step: You need to import the modules using 'npm install sucrase nodemon -D' or 'yarn add sucrase nodemon -D';

- Second step: You need to create a file of configuration 'nodemon.json' and inside him you need to write these lines:

{
"execMap": {
    "js": "sucrase-node"
  }
}

- Third step: In file 'package.json' you need to create the field 'scripts' like this: 

"scripts": {
  "dev": "nodemon PATH_TO_FILE_MAIN"
}

After that you can already use the syntax, see some ways it should stay:

BEFORE: 
  const express = require('express')

AFTER:
  import express from 'express'


BEFORE: 
  const express = require('express')
  const routes = express.Router()

AFTER:
  import { Router } from 'express'


BEFORE:
  module.exports = routes

AFTER:
  export default routes



And then it's very easy? Did you like this post? comment in below ok, have a nice day.
Graphql Rails Generators
Tags: graphql, rails
Published: 2019-12-03 18:53:32

I recently published some helpful generators for working with graphql in rails. These generators look at your ActiveRecord models and generate model types, input types, and mutations from your ActiveRecord model schema. Enjoy.

[https://github.com/ajsharp/graphql-rails-generators](https://github.com/ajsharp/graphql-rails-generators)
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2019-12-03 18:31:27

---
title: Top 5 DEV Comments from the Past Week
published: true
description: Highlighting some of the best DEV comments from the past week.
tags: bestofdev
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--7VrAA2ln--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/qmb5wkoeywj06pd7p8ku.png
---

This is a weekly roundup of awesome DEV comments that you may have missed.  You are welcome and encouraged to boost posts and comments yourself using the **[#bestofdev](/t/bestofdev)** tag.

Replying to **[What's new in browser support?](https://dev.to/ben/what-s-new-in-browser-support-24ee)**, @mjsarfatti talks about something that blew a few minds:
{% devcomment ie2j %}

@evanplaice offered a great write-up in response to **[Explain full stack developer to me like I'm five](https://dev.to/attkinsonjakob/explain-full-stack-developer-to-me-like-i-m-five-ni2)**:
{% devcomment i9k7 %}

@ahferroin7 hopped in to the **[New browser on the block!](https://dev.to/nickytonline/new-browser-on-the-block-k7k)** thread to share some thoughts on the potential impact of this new entrant:
{% devcomment ib4o %}

The **[Celebrating 10,000+ stars on GitHub together! ⭐ ❤️️](https://dev.to/liyasthomas/celebrating-10-000-stars-on-github-together-4ilg)** was a fun reflection thread on hitting a major milestone for any open-source project.  @andrewbastin shares their experience as a contributor:
{% devcomment ia13 %}

Finally, @jmfayard adds some additional thoughts to the **[Philosophy of a Good Developer](https://dev.to/teamxenox/philosophy-of-a-good-developer-30c2)**:
{% devcomment iaj2 %}

See you next week for more great comments ✌
Ionic 2 Restaurant App
Tags: ionic, angular2, ionic2, restaurant
Published: 2020-01-24 06:51:30

---
title: Ionic 2 Restaurant App
published: true
date: 2019-12-03 18:28:53 UTC
tags: ionic,angular2,ionic2,restaurant
canonical_url: https://www.mobileframeworks.dev/ionic-restaurant/?ref=devto
---

 ![Ionic 2 Restaurant App](https://www.mobileframeworks.dev/content/images/2019/12/ionic-logo-blog-767x355.png)

A simple restaurant app which is developed on **Ionic 2** & **Angular 2**

### 
##### Here are the main screens of the app:
 ![Ionic 2 Sample App - Restaurant](https://www.mobileframeworks.dev/content/images/2019/12/restaurant-2.jpeg) ![Ionic 2 Sample App - Restaurant](https://www.mobileframeworks.dev/content/images/2019/12/restaurant1-1.jpeg) ![Ionic 2 Sample App - Restaurant](https://www.mobileframeworks.dev/content/images/2019/12/restaurant5.jpeg) ![Ionic 2 Sample App - Restaurant](https://www.mobileframeworks.dev/content/images/2019/12/restaurant4.jpeg) ![Ionic 2 Sample App - Restaurant](https://www.mobileframeworks.dev/content/images/2019/12/restaurant3.jpeg)
[See Post](https://www.mobileframeworks.dev/ionic-restaurant/?ref=devto)
The Daily Dose: Tools You Can Use
Tags: productivity, css, html, codenewbie
Published: 2019-12-03 18:10:41


Today's tool is handy for using nth-child in your css!

This is Chris Coyier's [nth-child-tester tool](https://css-tricks.com/examples/nth-child-tester/ "nth-child-tester").

You can find the full site here: [CSS Tricks](https://css-tricks.com/ "CSS Tricks").
Canceling Stripe Subscriptions - Building SaaS #17
Tags: python, django, saas
Published: 2019-12-03 18:01:45

{% youtube o8bo6Ch90ik %}

In this episode, we continued on the deactivation workflow and worked through canceling a subscription with Stripe.

Show notes for this stream are at [Episode 17 Show Notes](https://www.mattlayman.com/building-saas/canceling-stripe-subscriptions/).

To learn more about the stream, please check out [Building SaaS with Python and Django](https://www.mattlayman.com/building-saas/).
Python Wrap Up - November 2019
Tags: python, bestofdev, top7
Published: 2019-12-03 17:59:25

Hi! I'm Vicente, your friendly Filipino mod for the #python tag. Today is another episode of the Top Python Posts of the month!

At the end of each month, I'll be curating the top #python posts based on traffic & engagement.

# 1.) Top 5 Concurrency Interview Questions for Software Engineers

Concurrency and multithreading are some of the most advanced topics brought up in interviews, but a strong foundation in them can put interviewees at a considerable advantage over their peers. In short, these skills are a major plus for software engineers. 

{% link https://dev.to/educative/top-5-concurrency-interview-questions-for-software-engineers-1ng0 %}

# 2.) 10 reasons why learning Python is still a great idea

Python has a nice and elegant syntax that allows you to write concise and readable code. The development process is generally very fast because of the language features, a large number of useful libraries in many areas, excellent community support, excellent support for most of the major integrated development environments, and so on.

{% link https://dev.to/duomly/10-reasons-why-learning-python-is-still-a-great-idea-5abh %}

# 3.) Awesome Full Stack Python Resources

A curation of books, courses, youtube video tutorials to become a Full Stack Python Developer.

{% link https://dev.to/steelwolf180/awesome-full-stack-python-resources-2e6c %}

# 4.) Let me introduce you Reverse Python

Creating complex projects is the key to learn fast! If you are following me for a while, you already know I like complex stuff, so we are going to use RabbitMQ + Celery + BeautifulSoup + Django for creating this app.

{% link https://dev.to/coderasha/let-me-introduce-you-reverse-python-1eef %}

# 5.) Advanced Automation Tips with Python | Selenium

In this article, you'll learn about a web driver, creating a class, how to handle logins, looping on clicks, writing data in a CSV file, handle popups or iframes, send CSV data to web elements, handle dropdowns & navigate the parent element with xpath. Dive right in!

{% link https://dev.to/coderasha/advanced-automation-tips-with-python-selenium-17j0 %}

That wraps up the top [#python](https://dev.to/t/python/) posts for November. If you'd like to read more, check out [#python](https://dev.to/t/python/) or follow [The Python Dev](https://twitter.com/The_Python_DEV) on Twitter!
Html Webpack Plugin: Error: Child compilation failed: (in Reactjs)
Tags: react, webpack, javascript, html
Published: 2019-12-03 17:53:56

So yesterday, I was building some application in react and initially my application was just working fine but when I installed material UI framework with its npm command, ` npm install @material-ui/core `, I got the error ` Html Webpack Plugin: Error: Child compilation failed: ` with so many other errors were showing. 

I started to google this error and got just a few posts about it and no solution helped me. I also posted my question on StackOverflow (https://stackoverflow.com/questions/59144633/i-am-getting-an-error-of-html-webpack-plugin-in-reactjs/59145436#59145436) and someone suggested to update core-js-compat npm package. 

Before implementing that suggestion I found out my Node.js version is 12.13.0 and version 12.13.1 is already released. So, I just updated my Node.js and my application is now working just fine and this error has been removed.

So, If you ever get this error while building your react application you should check your Node version and update it to its latest version. Thank You
Why data science???
Published: 2019-12-03 17:43:38

![](https://media.giphy.com/media/xL7PDV9frcudO/giphy.gif)
To answer the question of why data science, the question of what is data science has to be answered first. So what is data science?
Well if you break down the word literally data science would be the study of data. That doesn’t really say anything by itself , because what is data. 
Data is plural form of the Latin word datum. Datum means “something given”. So from that we can piece together that data science means given something, do science to it.  This sounds very broad because it is. Data science is impossibly broad because most problems can be seen as a data science problem. As long as you have observations IE data you can use the data science process to extract meaning.
![](https://media.giphy.com/media/1guRIRW8QdSte01T6Du/source.gif)
Data Science is still a new field as stands today. Looking at google trends for “Data Science” shows that these terms were not commonly put together till around 2013-2014 and has been steadily increasing in search popularity since then. While this does not mean anything definitively it does seem to indicate that field is growing. For someone looking for a job a new growing industry is often a good place to be. One of the things that comes with a growing industry particularly a tech industry is constant change. In data science you will have to be constantly learning. As new modeling techniques become available a good data scientist will be expected to rapidly adopt and incorporate these new processes. This to me is one of the major draws of the data science field. 

Another facet of data science is in the translation of data. Not every person that needs to use data will be able to digest it in a raw form. So to help people make decisions data science and analysis steps in to present the data in an easy to absorb medium. This is called data visualization and it is an easy to over look part of data science. Data visualization is basically marketing for your analysis of the data and in large part determines the impact of your analysis. Just look at infographics there is no denying that a nice info graphic with have more impact than a paper to the masses.
![](https://media.giphy.com/media/per3uJGPsapva/source.gif)
These points are all good general reasons that data science is a good choice of a career path, but for me the they aren’t the main draws of data science. For me the challenge of continuing to learn new things is very rewarding.

I am just starting my journey into data science so I’m sure my ideas and perception of data will continue to change but I feel like this novices take on data science will be fun for me to look back on and compare to my future understanding.
![](https://media.giphy.com/media/lMeXjMBiORUI/giphy.gif)
popup
Tags: codepen
Published: 2019-12-03 17:34:06

<p>A simple HTML based popup that will display social networks.</p>

<p>If you're coming here from CodePen's front page and wondering what this is, I made it a while back to allow streamers (on Twitch, YouTube, etc.) to show their social networks during their broadcast.</p>

<p>Myself and my team make quite a few free resources for streamers, so if you're interested - check them out here: <a href="https://nerdordie.com/product-tag/free-resource/" target="_blank">https://nerdordie.com/product-tag/free-resource/</a></p>

{% codepen https://codepen.io/leonardo-cendron-dornelles/pen/NWPPrjZ %}
Git clone repositories in a GitHub organization
Tags: github, go
Published: 2019-12-03 17:15:10

---
title: Git clone repositories in a GitHub organization
published: true
description: Git clone repositories in a GitHub organization
tags: github, golang
---

# github-repos

## TL;DR

Show git clone url in GitHub organization.

## Usage

```
github-repos -search "org:packsaddle archived:false" -z | xargs -0 -P4 -I {} git clone {} --depth 1
```

required: `GITHUB_TOKEN=__YOUR_PERSONAL_TOKEN__`

## Motivation

There are several ways for cloning GitHub repositories in an organization.
[How to clone all repositories in a Github Organization](https://medium.com/@kevinsimper/how-to-clone-all-repositories-in-a-github-organization-8ccc6c4bd9df)
[Cloning All Repositories in a GitHub Organization - Scott's Weblog - The weblog of an IT pro focusing on cloud computing, Kubernetes, Linux, containers, and networking](https://blog.scottlowe.org/2018/07/19/cloning-all-repositories-in-a-github-organization/)
[Clone all repos from a GitHub organization](https://gist.github.com/caniszczyk/3856584)

But I don't want to see my personal token for GitHub. And I want to handle pagination because my organization has over 400 repos :sweat_smile:

I tried [caarlos0/clone-org](https://github.com/caarlos0/clone-org), but sometimes I got errors.

## Repo

https://github.com/sanemat/go-githubrepos

## Install

### ghg
`ghg get sanemat/go-githubrepos`

### go get
`go get https://github.com/sanemat/go-githubrepos/cmd/github-repos
`

Updated: 2020-10-31
Job hunt resources/tools
Tags: career, beginners
Published: 2019-12-03 17:08:25

As a tech recruiter, I'm asked a lot about the best websites and resources for finding jobs online, so here's a short list of sites:

##General career/job search advice:
[The Muse](https://www.themuse.com/)
[Job-Hunt.org](https://www.job-hunt.org/)

##Coding interview prep:
[Code Wars](https://www.codewars.com/)
[Hacker Rank](https://www.hackerrank.com/)
[Leet Code](https://leetcode.com/problemset/all/)
Also, the book "Cracking the Coding Interview" (on Amazon) is very good. I have no affiliation with this product but I've heard nothing but good things from engineers who have used it to prepare for interviews. 

##Job boards:
[Hired.com](https://hired.com/)
[Dice.com](https://www.dice.com/)
[Angel.co](https://angel.co/jobs)
[24 top tech job boards](https://careersidekick.com/best-tech-job-boards/)

##Subreddits:
[CS Career Questions](https://www.reddit.com/r/cscareerquestions/)
About National Floors Direct
Published: 2019-12-03 17:02:13

National Floors Direct Reviews is a direct-to-consumer carpet & flooring specialty service. National Floors Direct Reviews brings the Store to Your Door®. National Floors Direct Reviews will visit your home or office with samples from all of the leading brands in the industry. You can see what the samples look like in your space, with your lighting, and your furniture. National Floors Direct’s flooring professionals will help you choose the products that best fit your needs and then measure and price the job. With National Floors Direct Reviews, you get instant, accurate estimates on an incredible catalog of carpet, hardwood, laminate, and luxury vinyl flooring products.
National Floors Direct Reviews delivers the white-glove service, selection, industry knowledge and expertise of a high-end floor covering specialty store with the benefit of the bulk buying power of a big-box retailer. This revolutionary approach to satisfying the floor covering needs of homeowners and businesses is National Floors Direct! The company's service region includes Massachusetts, New Hampshire, Maine, South Eastern Vermont, Rhode Island, Connecticut, New York, New Jersey, and Eastern Pennsylvania
How to change your Java and javac version on Ubuntu / Linux
Tags: linux, ubuntu, java, tutorial
Published: 2019-12-03 16:50:52

In this short post i will show you how to easily change your java version and your java compiler version on your Ubuntu / Linux machine.

If you have installed more than one version of java on your system, you still have the opportunity to switch between different versions. Maybe you wanted to check out the newest features of the new java version or you have some kind of old project that only works for some older version (yes i know java ist a wora language but anyway).

If that is the case try the following commands:


```$ update-alternatives --config java```
```$ update-alternatives --config javac```

```
There are 2 choices for the alternative java (providing /usr/bin/java).

  Selection    Path                                           Priority   Status
------------------------------------------------------------
* 0            /usr/lib/jvm/java-11-openjdk-armhf/bin/java    1061      auto mode
  1            /usr/lib/jvm/java-11-openjdk-armhf/bin/java    1044      manual mode
  2            /usr/lib/jvm/java-8-openjdk-armhf/jre/bin/java 1061      manual mode

Press enter to keep the current choice[*], or type selection number:
```

After choosing one of the numbers you will be good to go.

✅ If post was helpful you could try following me on 
📲[twitter](https://twitter.com/harsvnc) 
💻 or check out my new [blog](https://www.harun-sevinc.com)
React Hooks Snippet: Shopping Cart
Tags: react, webdev, typescript, javascript
Published: 2019-12-03 16:06:00

---
title: React Hooks Snippet: Shopping Cart
published: true
description: A React Hooks example of a Shopping Cart
tags: react, webdev, typescript, javascript
series: React Hooks Snippets
cover_image: https://thepracticaldev.s3.amazonaws.com/i/7epb8zz9x25oy9gub6tm.jpg
---
Hey all! How would you model a shopping cart with React Hooks? Here's how I would do it! 

The main things to look at:

* This is written in Typescript, to assist the gist also contains the same code in [JavaScript](https://gist.github.com/shiftyp/c0ae8c8b8eda947ddb740449bb92ebb4#file-cart-js).
* The Types!
   * An order is Tuple of an `ID` (which is a `string`) and a `Quantity` (which is a `number`).
   * The `Cart` is a `Record`, which is an object where the keys are the item `ID`s and the values are their `Quantity`.
* The reducer for `useReducer` doesn't take a [Flux Standard Action](https://github.com/redux-utilities/flux-standard-action)! 🤯😱 Let's keep things less complex! Here our reducer is just taking our `Order` tuples, and reducing the `Cart` from that.
* We have two effects we run in our `useShoppingCart` hook.
   * First, we fetch the saved cart from the server, and add all those items to the cart
   * Second, every time the cart updates we POST that to the server. We keep track of the `saved` and `error` status with `useState`.
   * Could we save the cart before we fetch the cart? I dunno! Maybe?


If shopping carts aren't your thing, but you like this style, leave a comment with what hooks snippet I should write next!

{% gist https://gist.github.com/shiftyp/c0ae8c8b8eda947ddb740449bb92ebb4 file=cart.ts %}
Nhân Sinh Như Mộng
Published: 2019-12-03 16:05:48

Một nhà doanh nghiệp rất nổi tiếng, cứ cách một đoạn thời gian, ông lại dẫn theo vợ con đến nơi hỏa táng để xem. Có người không hiểu, hỏi ông nguyên do. Ông nói rằng, chỉ cần đến  nơi hỏa táng, cái tâm nóng nảy sẽ rất mau chóng an tĩnh lại, thấy danh lợi tiền tài thật nhẹ nhàng. Ở nơi hỏa táng này, không kể bạn là quan to quý tộc quyền cao chức trọng, uy danh hiển hách hay  là một người dân bình thường, nghèo rớt mồng tơi, không ai biết đến, cuối cùng đều sẽ phải đến đây, chung một tư thế, lặng yên nằm xuống, sau đó bị đưa vào bên trong lò hỏa táng đang bốc cháy ngùn ngụt, khi trở ra lần nữa, thì chỉ là một chiếc hộp vuông nho nhỏ được bọc trong tấm vải đỏ.

Khi đến chẳng mang theo thứ gì, khi đi chỉ như một làn khói. Đời người chính là đơn giản như vậy! Vinh hoa phú quý phút chốc thoáng qua, ân ái tình thù cũng chỉ như cát bụi. Hôm nay sống trong một thế giới vật chất dục vọng tràn lan, bên cạnh chúng ta là đầy những cám dỗ mê hoặc: quyền lực, địa vị, tiền bạc, mỹ sắc.., hễ không  cẩn thận, thì trong tâm sẽ dậy sóng. Nội tâm chúng ta vốn dĩ trong sáng, thuần tịnh, bình lặng sẽ trở nên ngông cuồng, ngạo mạn và tư lợi.


Khi bạn cảm thấy hiện thực và lý tưởng có sự chênh lệch,
Khi bạn cảm thấy uất ức thương tâm, không có người hiểu bạn,
Khi bạn vì ân oán tình thù mà canh cánh trong lòng,
Khi bạn vì lợi ích được mất mà so đo tính toán,
Khi bạn khom lưng chau mày đối với quyền thế,
Khi bạn vì địa vị cao thấp mà mưu tính hại nhau…
 
Sao bạn không đi đến nơi hỏa táng xem thử, đối diện với một nắm tro bụi, bạn còn có gì không buông xuống được đây? 
Đời người tựa như một giấc mộng! Tuyệt đối đừng nói rằng bạn có tiền..!!??

>   Đã biết chốn ni là quán trọ
   Hơn, thua, hờn oán.. để mà chi!
   Thử ra ngồi xuống bên phần mộ
   Hỏi họ mang theo được những gì..

  > Chốn ấy trăm năm ngỡ tít mờ
   Đâu ngờ ập đến tựa cơn mơ.
   Sống Thương và Hiểu từng giây phút
   Ngay kiếp mong manh gặp bến bờ..
   Như Nhiên


####    Sống Với Nhau

>Lần nọ một người hỏi đất
Đất sống với nhau thế nào?
Chúng tôi bao hàm, chấp nhận
Tô bồi, xây đắp cho nhau.

>Lần kia người hỏi rừng cây
Cây sống làm sao với bạn?
Chúng tôi vui mọc sum vầy
Chở che nhau, cùng hoạn nạn...

>Người hỏi mây trời phiêu lãng
Thế nào bay lượn cùng nhau?
Chúng tôi lòng không giới hạn
Tan vào nhau thuở ban đầu!

>Rồi người hỏi thầm lá cỏ
Chung sống bạn bè ra sao?
Mặt đất đan xen, nương tựa
Chia từng sương nắng... gửi, trao.

>Hỏi dòng sông xuôi năm tháng
Thế nào nước nhịp nhàng trôi?
Chúng tôi quyện hòa nhau chảy
Dù khi sóng dập gió dồi…

>Rồi người gạn hỏi từng người
Với nhau, thế nào ta sống?
Không ai một tiếng trả lời
Những pho tượng cười… di động.

>Đời còn dẫm nhau mà sống
Người còn nặng những niềm riêng…
Vì ngỡ kiếp đời miên viễn
Tình Người, đạo đức xô nghiêng…

>Người về thương người nhỏ lệ
Cúi mình lạy khắp thiên nhiên…

>Như Nhiên - Thích Tánh Tuệ
  (phóng tác)
Giving Thanks for Diversity in Tech: Donna Malayeri
Published: 2020-01-15 20:58:08

---
title: Giving Thanks for Diversity in Tech: Donna Malayeri
published: true
date: 2019-12-03 15:51:34 UTC
tags: 
canonical_url: https://www.thisdot.co/giving-thanks-for-diversity-in-tech-donna-malayeri
---

![donna profile photo cropped](//images.ctfassets.net/zojzzdop0fzx/751Dnmd56ajQfVF47ke8YC/5dfe9ffe3aa6f7e8327f1df6aa6fb8a6/donna_profile_photo_cropped.jpg)

Donna Malayeri is a Seattle based Product Manager for Google Cloud Run, working, primarily with Serverless technologies. 

An active speaker, Donna recently delivered a talk at SeverlessConf in New York, and just returned home from Cloud Next London, where she spoke about Google Cloud Run for Anthos. 

Passionate about Diversity and Inclusion, Donna supports Google’s hiring process as a “champion caller”, who happily speaks to applicants that request to talk with a woman working at the company.  She shares her employer’s belief that, “diversity is about what's in the mix. Inclusion is making the mix work well together,” adding that, “To make tech more inclusive, we need to first recognize the biases we all have. We don't need to be ashamed for having biases, it's a natural part of being human. What is a problem is when we treat others differently because of these biases.”

When asked what advice she would give to women interested in entering the tech field, Donna said, “When starting out, don't get hung up on stories that focus on the challenges that women face in tech… We have a long way to go, but there are many beautiful communities in tech that are very inclusive and welcoming.”

When Donna is not at work, or on the road speaking, you might find her working on a beadweaving project, or performing at (in her words!) “amateur” improv theaters!

If you would like to keep up with Donna in the coming year, you can follow her on Twitter, [@lindydonna](https://twitter.com/lindydonna).