teleren/devto huggingface dataset:
Do you use VS Live Share to collaborate?
Tags: vscode, javascript, programming, web
Published: 2019-03-27 20:34:32

---
title: Do you use VS Live Share to collaborate?
published: true
description: Have you used VS Live Share before? If so, how are you using it? Help us make it better with your feedback.
cover_image: https://thepracticaldev.s3.amazonaws.com/i/pxwii9u07hg2fxqe0s3w.png
tags: vscode, javascript, programming, web
---

How do you do, fellow developers!

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

Last year, Microsoft released the free [VS Live Share extension](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare&WT.mc_id=none-devto-buhollan) for VS Code and Visual Studio . This feature allows you to share your local dev environment with other developers. Kind of like Google Docs, but for code. Except you can also share your localhost, terminal and all the other things that someone would need to actually be able to run your code; because, "Works on my machine!".

If all of this is new to you, I [wrote up an article about it](https://www.smashingmagazine.com/2018/09/visual-studio-live/) some time ago that you might find helpful.

For those who have been using VS Live Share, we'd love your feedback. If you would take just a moment to answer a few easy peasy questions, you will have all of our ❤️.

{% twitter 1110907426042048512 %}

For those who haven't yet experienced the magic, [give it a try](https://www.smashingmagazine.com/2018/09/visual-studio-live/) and tell us what you think. Feel free to drop into the comments here, or you can always connect us on twitter at [@burkeholland](https://twitter.com/burkeholland) and Jonathan Carter from the Live Share team at [@lostintagent](https://twitter.com/lostintangent).

Thanks a million! 💵
Charge, an opinionated, zero-config static site generator
Tags: react, opensource, static, staticsites
Published: 2019-03-27 20:34:04

---
title: Charge, an opinionated, zero-config static site generator
published: true
tags: react, opensource, static, staticsites
cover_image: https://thepracticaldev.s3.amazonaws.com/i/xwaxd9di98yoiht655ip.png
---

## What?

[Charge](https://charge.js.org) is an opinionated, zero-config static site generator written in JavaScript. It supports a wide variety of common uses and it does it without needing to be configured or customized. It’s fast, it’s simple, and it works the way you probably expect it to. That’s it.

## Why?

Yeah, I know, another static site generator. Let me be clear, I really did not want to make a static site generator. It’s really the very last thing I wanted to do.

I went on [StaticGen](https://www.staticgen.com) and looked at every JavaScript-based one. I could not find a single one that I thought was simple, well-documented, had the features I needed, was actively maintained, and was designed and worked the way I wanted. So here I am, making a static site generator.

## Highlights

- Zero configuration
- Templating via [JSX](https://reactjs.org/docs/introducing-jsx.html) and [MDX](https://github.com/mdx-js/mdx)
- React renders server-side, _not_ client-side
- Write futuristic JavaScript with [Babel](https://babeljs.io)
- Write futuristic CSS with [PostCSS](https://postcss.org)
- Live-reloading development server
- Rebuilds the minimum files necessary
- Dynamic pages (coming soon)
- Stellar documentation ✨

## Documentation

You can find the Charge documentation [on the website](https://charge.js.org).

---

Let me know what you think!
The shortest way to conditional insert properties into an object literal
Tags: javascript, objects, beginners, specification
Published: 2019-03-27 20:25:39

---
title: The shortest way to conditional insert properties into an object literal 
published: true
description: Conditionally adding properties into an object could be done in many ways. This article explain why and how the shortest known solution works!
tags: javascript, objects, beginners, specification
---

Hi, nice to meet you 😄!
You can find this article in my personal blog [here](https://andreasimonecosta.dev/posts/the-shortest-way-to-conditionally-insert-properties-into-an-object-literal/).
Navbar dropdown doesn't work
Tags: help, beginners, bootstrap
Published: 2019-03-27 20:09:19

---
title: Navbar dropdown doesn't work
published: true
tags: help, beginners, bootstrap
---
I'm back! (hours later, lol)

This time I have a dropdown in my navbar that doesn't work. I've been on a bootstrap spree today and was trying to create a dropdown in my navbar that shows the various days. I went back and dissected the code to see if maybe I took something out that should've stayed in but nothing jumps out (to my knowledge).

Thanks in advance to those who give feedback! :) 

{% codepen https://codepen.io/natastro/pen/ZPdJEo %}
Stop, Collaborate and Listen (to your devs) on April 17th
Tags: developercommunity, devrel, onlinecommunities, webinar
Published: 2019-03-27 20:01:47

---
title: Stop, Collaborate and Listen (to your devs) on April 17th
published: true
description: What does Vanilla Ice have to do with developer community collaboration? Find out here. 
tags: developer community, DevRel, online communities, webinar
---

*This was originally posted on [my medium](https://medium.com/@sarahjanemorris/stop-collaborate-and-listen-to-your-devs-on-april-17th-ee432891e569) but I thought Dev.to readers might like to see it as well… mainly because it’s such a silly way to invite you to get some really tactical advice on developer community building.*

# Stop, Collaborate and Listen (to your devs) on April 17th

As I started to put this post together, something hilarious and borderline weird hit me… there’s a perfect anthem for what I want to share today:

[![Vanilla Ice: Ice, Ice Baby Video](https://thepracticaldev.s3.amazonaws.com/i/kb6elrtmo1fax8cvcrfr.png)](https://www.youtube.com/watch?v=rog8ou-ZepE)

Why is this (very) early 90s jam by the artist born Robert Matthew Van Winkle so perfect? A few reasons:

- *It immediately lets you know how old I am*
- I’ll be speaking at a [virtual workshop](https://pages.vanillaforums.com/developer-to-developer-collaboration) on April 17th for **[Vanilla](http://vanillaforums.com)**
I recently moved back to very **ICE**-y Montreal
- The first two words of this song (“alright” doesn’t count OK?): The virtual workshop I’m speaking at is all about how developers should **Stop** (and) **Collaborate**… with each other in their communities...
- ...And **Listen** is the name of the [developer community consultancy](http://listen.community) I just founded after years of building inclusive developer communities for tech companies!

I’m super excited to *not* subject you to Vanilla Ice on April 17th, but here’s what you will learn if you join us:

- How do you encourage dev to dev support from day one of community building?
- When to jump into developer community conversations, and when to lay low
- Approaches to monitoring and engaging with proprietary developer communities (online communities, docs, etc) vs. external developer communities (Stack Overflow, Reddit, etc)
- Stories of successful developer community collaborations: from bug fixes, to hires, to business building

This [workshop](https://pages.vanillaforums.com/developer-to-developer-collaboration) should be especially interesting to folks who work with developer communities. If you’re in a developer relations or developer advocacy role definitely [join us](https://pages.vanillaforums.com/developer-to-developer-collaboration)! However, anyone who works with developer communities will get something out of this.

*If you’ve got a (dev community collaboration) problem, I’ll solve it:*

Anything you want me to address in the workshop? [Hit me up](mailto:support@listen.community)!
How to make Video as Cover on Dev.to ?
Tags: help
Published: 2019-03-27 19:02:55

---
title: How to make Video as Cover on Dev.to ?
published: true
tags: help
---

How can I include a video in the cover section of a post ? similar to this article by @vaidehijoshi : https://dev.to/vaidehijoshi/linked-lists--basecs-video-series--2le8 cc @ben
Communication - between problem and solution
Tags: discuss, communication, teamwork
Published: 2019-03-27 18:56:40

Working on a multidisciplinary squad/team can be hell or high water - the choice is yours. And for many reasons, the communication between people can be the reason of those problems, and the solution for all of them as well.

Today is almost impossible to not keep up with your colleagues - Slack, RocketChat, Trello, Jira, Asana... Those famous names compose a huge toolkit to elevate your communication and productivity. But, even so, we'll find ourselves in a trap - are we communicating correctly?


### Personal Experience
I've worked with a developer-based team, where my colleagues were front and back-enders, and also worked with a multidisciplinary squad alongside a designer and SEO analysts - I was the only dev.

In both contexts, we've always used team-based communication tools, we "used" the sprint model among our delivers (at least we tried). But, I've always felt that something was missing - concernment.

You can be the quiet person, or the extroverted one - in this case, those characteristics doesn't matter. But, I believe that a connected team can deliver more stuff, both in quantity and in quality.

If you care about your partner's performance, the quality of his/her delivered stuff, you'll be more effective - as individuals, as a team...

And, this is much important for managers and leaders - even the words you choose can keep your team motivated.


### Discussion
In the end, doesn't matter if you're a dev and who else surrounds you (as a team, squad...) - what if your colleague is a high-level Python/Java/Go coder but you can't communicate?

Communication is a single component - but, it's also a powerful component between relationships.
Do you know who really owns your code?
Tags: beginners, webdev, career, opensource
Published: 2019-03-27 18:36:49

---
title: Do you know who really owns your code?
published: true
description: 
tags: #beginner #webdev #career #opensource 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/ff4yetyea9rqodnt0l7x.jpeg
---

Hi, is anyone still there? I haven't wrote an article on here in a while, due to interviewing and **landing my first Software Engineering job (blog post about that later)**

![alt text](https://media.giphy.com/media/3o7bugQjfFfolxKoFO/giphy.gif "InsecureGif")


In my career transition, there has been a lot of things I have learned and a lot more I still have to learn and one of those things is **Intellectual Property.**

That dreaded line, is something that's not talked about in many blog posts, bootcamps and maybe even in university classes. 


**Do you know who really owns your code?**

- Did you know that many companies have clauses in their employment contracts   that claim to own all your code in and outside of work?

- Did you know as a developer you have rights to your code? 

- Have you wondered how to protect your patent and code? 

- Are you working with a team and you’re confused on ownership?



So for the past few months, I have had the opportunity to work alongside an incredible woman named Bria. She's a Software Engineer @ Google, amongst many other things including the founder of Tech Stack'd. 


![alt text](https://thepracticaldev.s3.amazonaws.com/i/32uf4vjhaofq6ciks0eu.png "TS Screenshot")



[Tech Stack'd](https://www.techstackd.com) is an online community for underrepresented adults who want to advance their careers in tech, whether that’s through starting a tech company or joining a technical career like software engineering.

Tech Stack'd provides monthly workshops, weekly discussions, mentorship and much more. 


This month, Tech Stack'd will be hosting a workshop on Intellectual Property with David Leichtman. David Leichtman is the Managing Partner of trial law firm Leichtman Law PLLC, formed in April 2017 after practicing for over 20 years in large law firms. He has tried a variety of complex matters in federal and state courts around the country. Recent trials Mr. Leichtman has first-chaired have involved: copyright ownership, infringement and validity claims.


![alt text](https://thepracticaldev.s3.amazonaws.com/i/vc3sx0a50ekuhs3k3qfz.jpg "Workshop Flyer")



**In this workshop, we'll go over:**
- Why it's important for developers to know their rights to their code
- What you own vs. what your company owns
- What you can do to protect yourself and your work
- How to determine ownership when collaborating with other people on projects
- How much of other people's code you can use and legally make money (aka open source)

**Still Interested? Sign up below!**
- https://techstackd.typeform.com/to/yiA8om

This workshop will teach developers, freelancers, and creatives what Intellectual property is, how to know and understand your rights, common IP mistakes and so much more!
Building GraphQL APIs with Kotlin, Spring Boot, and MongoDB
Tags: kotlin, graphql, springboot, mongodb
Published: 2019-03-27 17:46:01

---
title: Building GraphQL APIs with Kotlin, Spring Boot, and MongoDB
published: true
description: Learn how to build modern APIs with Kotlin, the flexible programming language that can run on JVMs.
tags: #kotlin #graphql #springboot #mongodb
canonical_url: https://auth0.com/blog/building-graphql-apis-with-kotlin-spring-boot-and-mongodb/
---

In this article, you will build a GraphQL API that performs some basic CRUD (Create, Retrieve, Update, and Delete) operations. The API will focus on snacks and reviews. Users (or client applications) will be able to use your API to list snacks and their reviews. However, beyond querying the API, they will also be able to update these snacks by issuing GraphQL mutations to create, update, and delete records in your database.

[Read on 🏂](https://auth0.com/blog/building-graphql-apis-with-kotlin-spring-boot-and-mongodb/?utm_source=dev&utm_medium=sc&utm_campaign=graphql_kotlin)

![Building GraphQL APIs with Kotlin, Spring Boot, and MongoDB](https://thepracticaldev.s3.amazonaws.com/i/6lyninvgqfdwe21jimtl.png)
My first React webapp: Instatext
Tags: react, webapp, javascript
Published: 2019-03-27 17:45:36

---
title: My first React webapp: Instatext
published: true
description: Small tool to help you format your content for Instagram and not lose your line breaks!
tags: react, webapp, javascript
cover_image: https://thepracticaldev.s3.amazonaws.com/i/saou0bahsghfee9m46il.jpg
---

I am so proud of myself that I have to share this little insignificant app with everyone! It's a tool to help you format your content for Instagram and not lose your line breaks.

We're sick and tired of the Instagram app removing our line breaks and replacing them with single spaces so I thought I could build this.

I'm learning JS and React, this is the first personal project I have ever finished and published. By no means it is good but it's mine and it works, at least for me and my girlfriend :)

Check it out: [https://instatext.pimenta.co](https://instatext.pimenta.co)

Feel free to use, share, comment, help or whatever.
Ask Dev.to: How do you manage your Bookmarks?
Tags: browserbookmarks, bookmarks
Published: 2019-03-27 17:05:08

---
title: Ask Dev.to: How do you manage your Bookmarks?
published: true
tags: browser bookmarks, bookmarks
---

I've recently switched from mainly using Chrome to using Brave, it's been a great switch. However, I noticed that the organization of my bookmarks are unruly and hard to parse sometimes. What's your tactics? Do you have a system that works well?
puns.dev or How I Got Internet-Famous For Like 2 Seconds
Tags: showdev
Published: 2019-03-27 16:32:46

---
title: puns.dev or How I Got Internet-Famous For Like 2 Seconds
published: true
description: A curated selection of the worst computer puns from around the Internet
cover_image: https://thepracticaldev.s3.amazonaws.com/i/8sjbgcpmz9e9nwr2xujk.png
tags: showdev
---

[puns.dev](https://puns.dev)


I've built this silly app one Sunday afternoon. The reasons were many, but none exactly "good":

- I've used bad computer puns as a way to MC conferences last year, and a few people have followed suit. It was getting tiresome to keep digging up [this Twitter thread](https://twitter.com/lakatos88/status/1041285649872166913) from September when people asked for it. So I wanted something on the web that looked like slides, that I could use on my phone next time, and that people could contribute to.
- I wanted to mash Vue with Jekyll, just because I'm using Jekyll as my go-to static site generator and I've played around with Vue for a while now
- I just wanted to build something silly

I've shown this on the following Monday to one of my co-workers and his instant reaction was "This needs to be on HackerNews!". TBH, I didn't think it was something people would like in there, but I figured "What the hell". So it went up on HackerNews, without many expectations. But the internet is weird, it got to #2 in there for about 30 minutes, and it stayed on the first page for a few hours. That made it popular. I'm going to share a few analytics about that first day:

- 251 users per second on the site
- 14993 views in the first day (more viewed than all the content I've put out last year combined)
- 55 tweets about it, with the accounts having a combined follower count of 648K, the most popular being [@JavaScriptDaily](https://twitter.com/JavaScriptDaily/status/1102574831692902401)
- 115 facebook posts about it

I know it might not sound like a lot for some people posting here, but for me, it was the most viewed/shared thing I did, and people kept reaching out about it. I think it achieved the things I built for:
- a bunch of people made pull requests with bad puns on [the GitHub repo](https://github.com/alexlakatos/computer-puns)
- I can use it next time I'm MC-ing a conference
- got tons of feedback for it on HN
- managed to make Vue render in a Jekyll site
- it was silly as hell

If you want to add more bad puns to it, please [submit a pull request on GitHub](https://github.com/alexlakatos/computer-puns). If you've got more ideas on what I should do with it next, leave it in the comments below. I think next on my list are the ability to subscribe to get a new pun every day (need more puns for that) and build an API for it(I want to play around with OpenAPI Specs and see if I can build an API with Jekyll).
Five Things About Developing Mobile Apps
Tags: webdev, javascript, mobile, fivethings
Published: 2019-03-27 16:13:50

---
title: Five Things About Developing Mobile Apps
published: true
description: Learn five things about developing mobile apps with Todd Anglin and John Papa
tags: webdev, javascript, mobile, fivethings
cover_image: https://thepracticaldev.s3.amazonaws.com/i/gegbn3y5i1pb8ro60pol.jpg
---

Why are there so many options for developing mobile apps? What should you choose? How can you slipstream your way into mobile and take advantage of the cloud? [Todd Anglin](https://twitter.com/toddanglin) has all the answers and wears some snazzy clothing, in this episode of Five Things.

And if you can figure out what **Redapative** means ... please tell us in the comments 🤔

{% youtube 99ncJ3ncVJg %}

Todd talks about various mobile technologies including React Native, NativeScript, Ionic, PWAs ... here is a though ... should we start pronouncing them as "pwaah" ? No ... just no.

Learn more about mobile dev:

- [Responsive Web Design](https://developers.google.com/web/fundamentals/design-and-ux/responsive/)
- [PWA](https://developers.google.com/web/progressive-web-apps/)
- Getting started with [PWA](https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps/get-started?wt.mc_id=devto-blog-jopapa)
- [Hybrid Web Mobile Apps](https://docs.microsoft.com/en-us/visualstudio/cross-platform/tools-for-cordova/tips-workarounds/run-web-app-in-cordova?view=toolsforcordova-2017&viewFallbackFrom=toolsforcordova-2017%3Fwt.mc_id%3Ddevto-blog-jopapa)
- [NativeScript and React Native](https://docs.microsoft.com/en-us/appcenter/sdk/getting-started/react-native?wt.mc_id=devto-blog-jopapa) on App Center
- [Serverless Functions](https://docs.microsoft.com/en-us/azure/azure-functions/functions-overview?wt.mc_id=devto-blog-jopapa)

- [Watch more episodes of Five Things](https://aka.ms/FiveThingsPlaylist)
- Follow Hosts [@burkeholland](https://twitter.com/burkeholland) and [@john_papa](https://twitter.com/John_Papa) on Twitter
Rendering HTML files in an Express/React/React Router application
Tags: help
Published: 2019-03-27 16:07:52

---
title: Rendering HTML files in an Express/React/React Router application
published: true
description: 
tags: help
---

Hello everyone. Never posted here about a code problem, but I am really stuck :D

I have an code editor application. I can open files, edit them and save them. At one point, I want to preview the html files in a new tab in order to see the changes I have made. Now, these are full page html, like so:

```html
<html>
    <head>
        <link ... />
        <script src="..." />
    </head>
    <body>...</body>
</html>
```

I can get the HTML content but I can't find a way to correctly load the HTML in a new tab.

I tried to use a window.open(filePath). The problem is that I get a `localhost:3000/filePath` and the HTML would be rendered inside the React application markup, which is not what I want.

I tried to use some iframe but that failed miserably.

I believe, and I may be wrong, that I need to bypass the react-router directive to use response.renderFile from Express. How would I manage that? 

So, make a post request with the file path, open a new tab and render from express the HTML content. Right?

Any tips? :)

**EDIT:**

Kinda solved my problem. I'm using the following code:

```javascript
childUrl = window.open('/preview', '_blank')
childUrl.document.open('text/html', 'replace')
childUrl.document.write(htmlContent)
```

I still have a little issue with this. The path to the external files ( scripts and links ) need to start from the top level and can't be relative. So, I guess it's solved?
As a web designer, share your favorite movie in a GIF
Tags: webdev, discuss
Published: 2019-03-27 15:52:51

---
title: As a web designer, share your favorite movie in a GIF
published: true
description: share your favorite movies in a gif
tags: webdev, discussion
cover_image: https://thepracticaldev.s3.amazonaws.com/i/g0zm97fq00qvysdhx9h2.gif
---

Let's start with me; my favorite movie is 'The Social Network.'
![](https://thepracticaldev.s3.amazonaws.com/i/hqjmoj49w2qxafurhyjj.gif)
Weird Issue with x64 Windows Install of Netbeans
Tags: java, netbeans, x64, multicaret
Published: 2019-03-27 15:26:24

---
title: Weird Issue with x64 Windows Install of Netbeans
published: true
description: Looking for insight on loss of function
tags: java, Netbeans, x64, multicaret
---

I teach Java at the HS level and we work in a lab with 30 or so computers. We use Netbeans as our IDE.

I am noticing a weird phenomenon that I don't understand: On computers running the x86 version of Windows, the multi-cursor tools works in Netbeans.

However, in x64 the ctrl + shift + click just highlights a block of text.

I have checked the control mapping and searched for weeks and haven't been able to solve this issue.

https://stackoverflow.com/questions/55300155/multi-cursor-not-working-on-certain-computers-netbeans
video game ep5 navigating in Unreal
Tags: thetealpickle, beginners, unreal, gamedev
Published: 2019-03-27 15:21:00

---
title: video game ep5 navigating in Unreal
published: true
description: Being able to navigate in Unreal 
tags: #thetealpickle #beginners #unreal #gamedev
---

ep5 Navigating in Unreal

There are three main motions to navigating in Unreal.
Pan, Zoom, and Orbit. 

In this video we'll be exploring how to do all three motions using the keyboard, mouse, trackpad, and stylus.

video game progress:
> Added another door
> Created a spotlight to guide users to pressure plate
> Added a timer delay which automatically closes the doors