teleren/devto huggingface dataset:
Conversion DevTool - Design once, convert instantly to React, Vue, Bulma
Tags: webdev, discuss, automation
Published: 2019-04-23 19:37:35

---
title: Conversion DevTool - Design once, convert instantly to React, Vue, Bulma
published: true
description: Cut the manual work from themes processing 
tags: webdev, discuss, automation
---

Hello Coders, 

I was coding many years in BS3,4, jQuery combined with Laravel, CodeIgniter, Flask. Each project, same problem with the layout, cut & paste the components, remove the hardcoded text, build the component for the proper render, Blade, Jinja2. 

Anyway, I have a tool written in python to extract components from pages and convert to Jinja2, Blade or core Php. The whole process is 95% automatized, but I'm not using any more server-side development.  

Now I'm in React, Vue.js era, but I'm facing the same s_h_i_t. Allot of manual work to migrate a nice BS4 theme to React & Vue. 

I'm taking into account to make the conversion tool open-source and develop further with a community.  

The idea is to input a  BS theme and to drop React, Vue, Bulma themes. 

Thoughts? Please warn / advice about the possible risks.
How-to run Jupyter notebook in an interactive node on a High-Performance Computer (HPC).
Tags: datascience, jupyter, hpc, supercomputing
Published: 2019-04-24 19:21:46

---
title: How-to run Jupyter notebook in an interactive node on a High-Performance Computer (HPC).
published: true
tags: HowTo
canonical_url: 
tags: #datascience, #jupyter, #HPC, #supercomputing
---
![Computer](https://thepracticaldev.s3.amazonaws.com/i/9509rdfdw2ad3r18lf6b.jpg)

Below is an example protocol to run Jupyter notebook in an interactive node on a high-performance computer (HPCs). Most of the HPCs have their specialised way of interacting with them. Therefore, you may have to tweak this protocol as per your need. I would be happy to discuss and troubleshoot with you; contact me at [contact@rohitfarmer.dev](mailto:contact@rohitfarmer.dev). Any suggestions to augment this protocol with more advanced features are welcomed.

1. SSH to the HPC.
2. Claim an interactive node (follow the standard procedure for your HPC, in my case it is `qrsh`).
3. Note the interactive node name.
4. Run Jupyter on the claimed interactive node by `jupyter notebook --no-browser --ip='0.0.0.0'` or create an alias in your bashrc for a shortcut. For example `alias jup='jupyter notebook --no-browser --ip='0.0.0.0''`.
5. On your computer start another SSH session with tunnelling using the interactive node name as noted above `ssh user@host -L8888:nodeName:8888 -N`. _The prompt probably won’t return and you may also not see any message in your terminal, but as long as there is no error message, it’s probably running fine._
6. To avoid re-writing the code in step 5 every time you tunnel you can use the shell script below.

I named it `jupssh`.

```
#!/bin/sh

# Check if the arugment is passed.
if [[$# -eq 0]];
then
    echo 'Usage: jupssh <node name>'
    exit 1
fi

ssh user@host -L8888:$1:8888 -N
```

- Copy the URL that the Jupyter daemon has generated in step 4 and paste it in the browser on your computer. URL should look something similar to `http://(nodeName or 127.0.0.1):8888/?token=3f7c3a8949b3fa1961c63653873fea075a93a29bffe373b5`. Choose either nodeName or 127.0.0.1 in the URL.

Top banner photo by 
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, &quot;San Francisco&quot;, &quot;Helvetica Neue&quot;, Helvetica, Ubuntu, Roboto, Noto, &quot;Segoe UI&quot;, Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@fedechanw?utm_medium=referral&amp;utm_campaign=photographer-credit&amp;utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Federica Galli"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Federica Galli</span></a>
Clients and Servers
Tags: security, discuss
Published: 2019-04-23 22:53:06

---
title: Clients and Servers
published: true
description: Individuals should trust clients more than servers.
tags: security, discuss
---

I think that we should be trusting clients more than servers to handle our data for us.

Servers should try to focus more on performance and availability rather than individuals' security. This does not mean to disregard security at all! This just means servers should focus on securing *themselves* and the *communications* between clients and other servers.

Clients should provide confidentiality, authentication and integrity with cryptography for the individual. The clients themselves could be cryptographically signed, free open-source software with reproducible binaries. Anyone with the technical skill can audit the source code themselves. And if it's community based, also contribute!

Most importantly, clients are local while servers are remote. Meaning it is typically a lot harder to directly attack clients rather than servers, especially if individuals protected themselves adequately. Some might be easy targets. It all depends. This makes it harder to attack a whole audience if there is no easy way to distribute their attacks to everyone.

If that doesn't make any sense, think of it like this. The attacker would need to create malware for a specific operating system. Some of the audience might be using Android, iOS, Linux, MacOS, Windows, FreeBSD, etc. That is only one variable, there are many more. I am sure there are ways to distribute malware to multiple OSs.

So again, this allows client developers to focus on individuals' security, such as automatic secure updates, hashing their passphrases and encrypting confidential data before leaving the device. While servers focus *more* on storing and structuring data, performance and availability rather than individuals' security.

No, this does not mean client developers should overlook performance or availability either. But you should trust clients more than servers with your data.

This does make the client developers a much larger target, and wherever their client source-code is stored. But that is why they should be cryptographically signing their software.

---

**So what are your thoughts on this?**
Separating Key Concerns in Query Processing - Set Orientation, Physical Data Independence, and Parallelism
Tags: database, data, query, xquery
Published: 2019-04-23 22:16:04

---
title: Separating Key Concerns in Query Processing - Set Orientation, Physical Data Independence, and Parallelism
published: true
description: 
tags: databases, data, query, xquery
---

http://wwwlgis.informatik.uni-kl.de/cms/fileadmin/publications/2013/Dissertation-Baechle.pdf
Dark Side vs Light Side
Tags: discuss, healthydebate, editors, terminal
Published: 2019-04-23 21:05:15

---
title: Dark Side vs Light Side
published: true
description: Dark mode vs. Light mode - where do you stand?
cover_image: https://thepracticaldev.s3.amazonaws.com/i/j0xclcew5ntdupb8xyqf.png
tags: 
  - discuss
  - healthydebate
  - editors
  - terminal
---

Tell me, Dev.to - **do you use a dark background in your editor and terminal, or a light background?** And now tell me - _why_?

(Maybe it's neither. Maybe you're like the frontend dev who sits two desks in front of me at work and it's a BRIGHT RED background in his terminal. All the time. Every day. It hurts _my_ eyes from 10 meters away. What a hero.)
Vue.js: Sharing data between components with Vue.observable()
Tags: vue, webdev, javascript
Published: 2019-04-23 20:26:58

---
title: Vue.js: Sharing data between components with Vue.observable()
published: true
description: A use case for Vue.observable()
tags: #vue #webdev #javascript
---

While I was working on a project, I found myself in a tricky situation.(_You can find the project [here](https://github.com/Andrei0872/vue-invoice-app)_)

I needed to find a way to share data between two components, but the data was to small to be stored in Vuex and passing it through the components would've cluttered things up.

After some research, I've found exactly what I was looking for: **Vue.observable()**.

To put it simple, it makes an object reactive. 
This can be used to our advantage:  if the object that is shared between 2 components is modified by the component A, the changes will be reflected in component B(and vice versa).


## A real use case

This is how a Dashboard component would look like: 
<img src="https://thepracticaldev.s3.amazonaws.com/i/mm3lahew19nkmsrefrzk.png">

As you can notice, the Dashboard consists of multiple cards: History, VAT, Documents.

Now, I'd kindly ask you to focus your attention on the `History` card.
The behaviour I expect is that every time the user clicks on a row, a modal will be opened and will show the proper information about that row.

My approach to this problem is to create two separate components, one which will display the rows and one which will contain the modal.

Here's the idea translated into code:
<img src="https://thepracticaldev.s3.amazonaws.com/i/omhlbqhob32mo74hu4rx.png">

 <br>

Now the following question arises: How does the `HistoryModal` component know when a row has been clicked?

Well, let's see how `Vue.observable` can help us.

First of all, we set the reactive object in `src/observables/history.js`
<img style="float: left;" src="https://thepracticaldev.s3.amazonaws.com/i/n4bg5vd1732m98b5ixsk.png">

<br>

In `src/views/dashboard/History.vue` we pass the reactive object to `data` property in order to use it in the template and also modify it.
<img src="https://thepracticaldev.s3.amazonaws.com/i/jqsixml6oeo0kqs05bg4.png">

<br>

Any changes from `History.vue` will be reflected in `src/views/dashboard/HistoryModal.vue`. Everything works as expected!
<img src="https://thepracticaldev.s3.amazonaws.com/i/61qd3tnaisbo3z5uupnm.png">

<br>

## Conclusion

I hope this article was able to shed a light on some similar issues you might have faced or simply to illustrate how powerful Vue.js is.

Thank you for reading!
Would you like a tinder for testing your designs? / Does it make any sense??
Tags: discuss, tinder, devlive
Published: 2019-04-23 19:19:52

TLDr => While experimenting with some UI, i quickly realised that i had no idea weather people would actually like it or be comfortable with the design / color. Thus a platform where indie devs/ designers can put up their designs and the human can rate the design in binary (like or not like) by swiping Right or Left. So let's discuss it

## *The Beauty of tinder*
Swipe to rate reveals very valuable and rich metrics, as a swipe is impulsive and 'you' don't have enough time to see weather the border-radius is 8px or not◑﹏◐.
![Alt text of image](https://thepracticaldev.s3.amazonaws.com/i/huqi09h22hx0k4v7n7vw.gif)

# *Important Features*
Left swipe to dislike.
Right swipe to like.
Swipe up for the next post.
Once you've made a decision you can't edit it.
Hold down on a post to reveal further actions such as sharing, etc,

# **Maintaining User Retention**
User onboarding show not be much of a pain as many people are interested in rating design and judging ideas.
A idea that ought to increase the retention and hipness of the service would be to pay the person for swiping (i.e. 100₹ for every 100 ratings/ swipes). Physically I don't know how this would affect the quality of the ratings, but I believe a solid model could be built.

# **value**
As many of you would know most design that we build for our products / experiments are based on our own experiences and hunches. This service would connect you with the people, a simple tool to brainstorm with the masses.

# **Talking Money**
![Taking Money](https://media.giphy.com/media/xTiTnqUxyWbsAXq7Ju/giphy.gif)
This service will require some cash for sure
### *Two ideas in my mind*
#1. Showing Ad's
Pretty self explanatory, but can lead to decreased user retention and possibly harm the app and it's purpose. Also I don't like ads.
#2. The other idea involves charging the person posting for money 
This does make more sense but again if we're being realistic who's gonna pay.

So this is what's on my mind. Let's talk. Maybe even build it together

*I'll be down below.*
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2019-04-23 17:03:32

---
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.

The **[I’m sorry, but this “Full Stack” meme makes me really mad/sad](https://dev.to/cubiclebuddha/i-m-sorry-but-this-full-stack-meme-makes-me-really-mad-sad-35hi)** post and discussion is worth checking out in its entirety.  @scotthannen offered the top comment in the thread (oh, and Chris Coyier just [chimed in](https://dev.to/chriscoyier/comment/aa7a)):
{% devcomment a6o9 %}

In **[Thoughts on migrating to TypeScript and improving the overall quality of the frontend DEV codebase](https://dev.to/ben/thoughts-on-migrating-to-typescript-and-improving-the-overall-quality-of-the-frontend-dev-codebase-1121)**, @john_papa outlines a great approach:
{% devcomment a6pe %}

**[To comment or not to comment?](https://dev.to/lankydandev/to-comment-or-not-to-comment-24el)**, [that is the question].  @dbanty provides an answer by talking about the _why_ vs. the _how_ or _what_:
{% devcomment a97a %}

Replying to **[Can I put small projects on github?](https://dev.to/shubham2270/can-i-put-small-projects-on-github-17bh)**, @perigk offers the perspective of an interviewer considering a candidate:
{% devcomment a8h2 %}

The awesome **[Refactoring the Worst Code I’ve Ever Written](https://dev.to/jnschrag/refactoring-the-worst-code-i-ve-ever-written-42c7)** article gave @jacobmgevans the opportunity to jump in with some encouragement and a clear reminder that we all have room to continue learning and improving:
{% devcomment a7bi %}

See you next week for more great comments ✌
An Introvert's Guide to being a Mentor
Tags: mentoring, introvert
Published: 2019-04-23 17:00:41

---
title: An Introvert's Guide to being a Mentor
published: true
description: An outline to help everyone get started being a mentor.
tags: mentoring, introvert
---

The idea of being a mentor can feel like this huge heavy thing. We tell ourselves we aren't ready yet, but we are. Being a mentor is about helping someone along the same path as you. And if you are on the path you are already farther than those that haven't started. Therefore, you too can be a mentor.

Mentorship can be done online, through phone calls, and in person. No matter what form the contact takes, here is an outline I like to go through.

Shoutout to the most amazing unicorn in the universe for inspiring the organization of this outline.  I didn't know this was the outline I did until I saw it.

## Starting Mentorship Outline

1. Introduce myself
  - It can be long or short, but at minimum have where you currently are and how you got there.
  - E.g. "Hi, I'm Jenn. I am a self taught web developer. I have a degree in chemistry but have always had some sort of tech job to play the bills.  I have worked for large corporations and small mom & pop shops. I enjoy learning and teaching others."
2. Ask my mentee to tell me about themselves
  - Their background
  - Their current position
3. Why do they want a mentor?
  - They are driving the relationship, you are there to supply guidance and support
4. What do they want to get out of this?
  - Do they want a promotion?
  - Do they want to increase their skills?
  - Something else?
5. What are their goals?
  - Where do they want to go from here?
  - What are they currently doing to achieve that?
  - What is preventing them from achieving it?
6. Help them prioritize their goals
  - What is needed versus nice to have
  - What you can help with right now
  - I like to limit it to 1 to 3 goals
7. Set expectations
  - How do they prefer to communicate?
  - How often do they want check ins?
  - How long is this mentorship for?
8. Any other questions they have
9. **Schedule the next check in**

And that is it. You have completed the first meeting with your mentee!

Checkins have a much smaller outline.

## Checkin Outline

1. Ask about how they are doing today.
  - Emotions are important, we all have good days and bad days.
2. Let them know about how you are doing.
  - Mentors can struggle to, let them know we all aren't perfect.
  - Mention a goal you are working towards.
3. Ask about progress towards their goal
  - Were they able to work on it?
  - Do they need assistance?
  - Does the goal need clarification?
  - Did they achieve it?
  - Repeat for other goals.
4. Quickly review expectations
  - Confirm communication method
5. **Schedule the next check in**

Mentorship can take many different forms.  It is important to figure out the form that works best for you and your mentee.

Happy mentoring!
Generate pdf417 dinamically using react
Tags: react, pdf, pdf417, barcode
Published: 2019-04-23 16:32:42

---
title: Generate pdf417 dinamically using react
published: true
description: I need to attach a pdf417 to a pdf file I created using @react-pdf/renderer. How can I do this dinamically generating  the barcodes
tags: react, pdf, pdf417, barcode
---

I need to attach a pdf417 to a pdf file I created using @react-pdf/renderer. How can I do this dinamically generating  the barcodes
Does anyone want the domain name algorithm.world?
Tags: algorithms, webdev
Published: 2019-04-23 16:32:32

---
title: Does anyone want the domain name algorithm.world?
published: true
description: 
tags: algorithms, webdev
---

I have the domain name "algorithm.world". I was originally planning to build an app with interactive explanations of various algorithms, but I just don't have the time to build it. It recently got auto-renewed, so I'm about to turn that off and let it lapse, but if anyone in the community wants to do anything interesting with it, I'll transfer it to you for free.
Is it possible to hide certain tags?
Tags: meta, question
Published: 2019-04-23 15:40:49

---
title: Is it possible to hide certain tags?
published: true
description: Is it possible to hide certain tags?
tags: meta, question
---

Is it possible to hide certain tags here in Dev.to from a feed?

There are certain tags for which I have no interest and nothing to add to at this time (e.g. #css) and it would be helpful to have them filtered from my feed.
DevOps Tools 2019
Tags: devops, devopstools, ci, cd
Published: 2018-12-03 07:51:22

---
title: DevOps Tools 2019
published: true
description: DevOps tools for every DevOps enthusiast. 
tags: devops, devops tools, ci, cd
---

I am listing down some cool DevOps tools along with the categories they belong. Tell me which ones do you use. 

####Source Code Management -
Git, Mercurial, IBM Rational ClearCase, Subversion, etc.

####Container Orchestration - 
Docker, CoreOS, Kubernetes, Mesosphere DC/OS, Rancher, etc.

####Continuous Integration (CI)/ Continuous Delivery (CD) - 
BitBucket, JFrog, Shippable, Jenkins, Bamboo, GitLab, etc.

####Configuration Management - 
Puppet, Ansible, CFEngine, Chef, etc.

####Build Automation -
Cake, Ant, Grunt, Maven, etc.

####Monitoring -
Big Panda, App Dynamics, PagerDuty, Prometheus, etc.

####Collaboration -
Basecamp, JIRA, Slack, Microsoft Teams, Confluence, etc.

####Testing Framework - 
Sauce Labs, Selenium, Zephyr, Tricentis Tosca, etc.

####DevSecOps - 
Evident, Aqua, CodeAI, SumoLogic, etc.

Now it's your turn, share your DevOps tools. Also, let me know what needs to be added to the list.
A cloud function to implement a counter
Tags: cloudfunction, counter
Published: 2019-04-23 14:10:44

---
title: A cloud function to implement a counter
published: true
description: This is part of formiQR, here we count the total attendees and also add counter for male and females respectively.
tags: cloud function, counter
series: Building formiQR
---

To add the counter we need to append the following code in the index.js, which we created in Part-2 post, please refer it before proceeding.

Code to implement the counter {% gist https://gist.github.com/Akshay090/b84a98e48d10f9be9377bf432501fdb2 %}

We would be creating the atEvent node in the next blog, where it would be generated when we scan the QR with the android app.

To understand the path and the code in above gist, have a look at the Realtime database.

![](https://thepracticaldev.s3.amazonaws.com/i/mkw6ykisl8ojkdneydh2.png)

Understanding how to get this done took an effort, so if you don't get it they feel free to ask me in comments. This code is just of few lines, but it did it job perfectly to give me a bad time 😰

No lets us move to the next and the last part of this series [here](https://dev.to/akshay090/android-app-to-scan-qr-and-update-data-in-firebase-and-display-it-18dd).
How to Disable Emojis in WordPress
Tags: wordpress, php, webdev
Published: 2019-04-23 14:55:26

---
title: How to Disable Emojis in WordPress
published: true
description: A simple gist to remove any reference to the built-in wordpress emoji library.
tags: wordpress, php, webdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/2za64aomfshtvypwmpzk.jpg
---

When it comes to website speed performance, limiting the amount of HTTP calls is crucial, even if we're sparing a couple of bytes.

Since v4.2, Wordpess introduced support for emoji right into the core for older browsers, but it's likely you don't need it at all. So here's a little gist to help you through, removing any reference to the wp-emoji-release.min.js file.

{% gist https://gist.github.com/lucagrandicelli/c82973d80773cf218d6a7345083c6a04 %}

---

Found a typo? [Make a PR](https://github.com/lucagrandicelli/blog/tree/master/wordpress/01-how-to-disable-emojis-in-wordpress)