teleren/devto huggingface dataset:
Twilio Office Hours with Phil & Dom
Tags: twilio, twiliohackathon
Published: 2020-04-15 17:47:59

---
title: Twilio Office Hours with Phil & Dom
published: true
description: Tune in on Thursday April 16 for Twilio Hackathon office hours with Phil and Dom
tags: twilio, twiliohackathon
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/asrfa94ug0fcujpo72as.png
---

We hope your #twiliohackathon projects are going well but we also know that everyone hits a stumbling block at one point and we at Twilio want to make sure you have all the help you might need.

One way you can seek our help every day is by reaching out to the [Twilio Hackathon Help Thread](https://dev.to/thepracticaldev/twilio-hackathon-help-thread-1jno) or by requesting access to the DEV connect live chat. 

But if you prefer to see the faces of the people answering your questions, you can also jump onto our weekly office hours on Twitch! Over there [Phil](https://dev.to/philnash) and [I](https://dev.to/dkundel) will be chatting hackathons, answering your questions, bounding around ideas and checking out some of the projects people are working on. And if we have some time, we'll be jumping into some live coding ourselves.

*The Hackathon office hours will be hosted on the [Twilio Twitch channel](https://twitch.tv/twilio)* at:

19:00 EDT Thursday 16th April
16:00 PDT Thursday 16th April
09:00 AEST Friday 17th April

(They're all the same time, Phil is just a day ahead in Australia!)

We'll see you on Twitch right here: https://www.twitch.tv/twilio
Distributed Computing In Python Made Easy With Ray
Published: 2020-04-15 16:54:50

<p>Distributed computing is a powerful tool for increasing the speed and performance of your applications, but it is also a complex and difficult undertaking. While performing research for his PhD, Robert Nishihara ran up against this reality. Rather than cobbling together another single purpose system, he built what ultimately became Ray to make scaling Python projects to multiple cores and across machines easy. In this episode he explains how Ray allows you to scale your code easily, how to use it in your own projects, and his ambitions to power the next wave of distributed systems at Anyscale. If you are running into scaling limitations in your Python projects for machine learning, scientific computing, or anything else, then give this a listen and then try it out!</p><p><a href='https://www.pythonpodcast.com/ray-distributed-computing-episode-258/'>Listen Now!</a></p>
Introducing the CodeNewbie daily check-in thread
Tags: meta, codenewbie, beginners
Published: 2020-04-15 17:37:57

As we push to continue building on the essential services that CodeNewbie has provided since its inception, we're introducing a new thing on DEV: **CodeNewbie daily check-in threads**. 

{% link https://dev.to/codenewbieteam/april-15-daily-codenewbie-check-in-thread-4bkb %}

Linked above is the very first thread.  It's just a post on DEV like any other, but it recurs daily and members are encouraged to use the comment area to post updates, encourage one another and generally use the space to maintain a sense of consistency and discipline.

Software is such an abstract field that we need a sense of shared alignment in order to wrap our heads around everything we are learning, and to gain a sense of groundedness. Initiatives like CodeNewbie, #100daysofcode, etc. have done a lot to serve this need, and we hope this new initiative will help organize the conversation and help folks make important connections right here on DEV.

Just like learning and maintaining vocabulary in any new language, software development requires _immersion_ to help it stick. In a time when we can't even go to local meetups anymore, immersion more than ever needs to come through involvement in online communities such as DEV. We hope that the less formal nature of comment threads will also reduce the anxiety of getting involved. Code Newbies around the world are encouraged to check in daily, even if it's just a sentence or two about what they're up to or how they're feeling.

## **Instructions to take part daily:**

- Go to [dev.to/checkin](https://dev.to/checkin) (this will always point to the latest thread)
- Ask a question, share an update, and help others stay accountable
- Support your fellow programmers by answering questions and offering encouragement

Follow the CodeNewbie staff account to help make sure you never miss a thread...

{% user codenewbiestaff %}


Happy coding. 💚
Publicando Imagens no OCIR - Registry Oracle Cloud
Tags: docker, oraclecloud, devops
Published: 2020-04-15 17:34:22

O processo de publicação de imagens no Registry da Oracle Cloud é similar ao processa da AWS e GCP, não foge do padrão de publicação do docker. Basta autenticar e dar `push`, sem segredos.

Após fazer login no seu painel do Oracle Cloud, clique no Menu Registry dentro de Developer Services.

![Menu Oracle Cloud - Registry OCIR](https://dev-to-uploads.s3.amazonaws.com/i/phh2kehe67eysuu4jqac.png)

O Painel é bem simples e amigável, para começar, crie um Repositório.

PS: Evite ter imagens imensas assim :rofl:

![Painel Registry - Oracle Cloud](https://dev-to-uploads.s3.amazonaws.com/i/9m03le8x5ckgjahqi85r.png)

Com o nome do repositório em mãos, precisamos tomar nota do sua região, do namespace da sua conta e criar um token de autenticação. Vamos lá!

## Região Conta Oracle Cloud

Para saber sua região é simples, basta ver o link de acesso. Exemplo:
`https://console.sa-saopaulo-1.oraclecloud.com/containers/registry/`

A região do meu registry é `sa-saopaulo-1`.

## NameSpace Tenancy

Clique sobre o ícone do Perfil (canto superior direito) e em seguida em `Tenany: Alguma coisa`.

Na página que abrir, note na sessão `Object Storage Settings`, tem um campo que contém o seu namespace: `Object Storage Namespace:`.

## Auth API Token Oracle Cloud

Para criar um token de autenticação, acesse seu perfil clicando no ícone e depois em seu usuário (canto superior direito).

Na página que abrir, clique em `Auth Tokens` da barra lateral esquerda. Em seguida, basta clicar em `Generate Token`, colocar um nome e copiar o token.

![Menu Auth Tokens - Oracle Cloud](https://dev-to-uploads.s3.amazonaws.com/i/oyxfj0fc8kdfhlvxms4y.png)

## Login Oracle Registry OCIR com Docker

Agora o login é simples, a sequência é a seguinte:

```
docker login SUAREGIAO.ocir.io
SEUNAMESPACE/SEULOGIN
TOKEN
```

### Tag e Push

Para gerar sua tag e publicar:

```
docker tag SUAIMAGEMLOCAL:<tag> SUAREGIAO.ocir.io/SEUNAMESPACE/SEUREPOSITORIO:<tag>

docker push SUAREGIAO.ocir.io/SEUNAMESPACE/SEUREPOSITORIO:<tag>
```

Se tiver dúvidas, não deixe de comentar!

Até a próxima!
Introducing use-models
Tags: react, javascript
Published: 2020-04-15 17:20:44

Hello all,

I have published a library for react which i think people might find useful. I think it will make it easy for you to build large forms with validation without writing a ton of boiler plate code for your inputs. check out the demo using below link:

[https://r3wt.github.io/use-models/] 

and let me know what you think. If you like the project, anyone is free to contribute ideas, bug reports, and pull requests on github. I am generally open to contributors regardless of skill level and experience. 

Github: https://github.com/r3wt/use-models
NPM: https://www.npmjs.com/package/use-models
Windows Virtual Desktop Technical Architecture explained in plain english with a story in less than 5 minutes
Tags: azure, beginners, tutorial, cloud
Published: 2020-04-15 17:14:08

---
title: Windows Virtual Desktop Technical Architecture explained in plain english with a story in less than 5 minutes
published: true
description: This is the ridiculously simple animated explanation of Windows Virtual Desktop in plain english with a juicy story
cover_image: https://csapodcast.blob.core.windows.net/images/thumbnail - wvd.png
tags: #azure, #beginners ,#tutorial, #cloud
---

Now more than ever we need work from home solutions to ensure we have business continuity and Windows Virtual Desktop provides the technology to enable it. This is the ridiculously simple explanation of Windows Virtual Desktop Technical Architecture and Flow using a story in less than 5 minutes . Watch out for the next video for the step-by-step deployment instructions on Windows Virtual Desktop.


{% youtube gC-Z_mHBtWg %}

For more animated Azure videos and simplified Azure content and podcasts please check out www.azuremonk.com #lessthan5min #azure #azurein5minutes #windowsvirtualdesktop #wvd #azuredemystified #vdi #virtualdesktopinfrastructure #fslogix #windows10 #wfh
The mongo docker volume
Tags: docker, mongodb
Published: 2020-04-15 17:05:59

I wanted to load the production with fixture data from my local database. One of the possible solutions was copying to the volume from the local database and then restoring it in the production one.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/21xi9su756dg1b2qyit8.png)

The line under **volumes** copies the files in the dbdump to the **docker-entrypoint-initdb.d**

docker-entrypoint-initdb.d is a default folder created under the mongo volumes.

Then in the production one, you can communicate with a container using the exec -it command as mentioned [here](https://dev.to/vjnvisakh/gui-to-docker-containers-3hkl) and do a **mongorestore**

Hope this helps!
Making Data Collection In Your Code Easy With Rookout - Episode 128
Published: 2020-04-15 16:55:41

<p>The software applications that we build for our businesses are a rich source of data, but accessing and extracting that data is often a slow and error-prone process. Rookout has built a platform to separate the data collection process from the lifecycle of your code. In this episode, CTO Liran Haimovitch discusses the benefits of shortening the iteration cycle and bringing non-engineers into the process of identifying useful data. This was a great conversation about the importance of democratizing the work of data collection.</p><p><a href='https://www.dataengineeringpodcast.com/rookout-data-collection-episode-128/'>Listen Now!</a></p>
Released My First Android App
Tags: android, reactnative, womentechmakers, ios
Published: 2020-04-15 16:52:49

---
title: Released My First Android App
published: true
description: Excited to have finally completed an MVP for my organization.
tags: android, reactnative, womentechmakers, ios
---

I released my first android mobile app as an internal release at work for a clinical research project! It was my very first professional app built in React Native! I was so excited when someone else was able to download the app and it worked outside of an emulator. It felt like magic even though it took months of code on my part. I can't wait to finally release on Google Play after an internal review.
Making Speech to text converter using the HTML5 WebSpeech API
Tags: html, javascript, react, webdev
Published: 2020-04-15 16:50:43

Hello guys,

So I was working on this project that is a web-port of a Native App.
Basically the client wants to provide the user with an audio clip that is played for him with the text underneath it.

Then the user has to repeat the sentence, our app will output what the user said on the screen so that the user can evaluate his grip over the language.

To perform this task, I had to do some research upon which I found out that there is actually a **Web Speech API** support available for browsers.

The **Web Speech API**, is currently only supported by the chromium-based browser like Chrome version 25 and up, also it is currently only available in nightly builds of Mozilla Firefox. This is due to the fact that **Web Speech API** currently utilizes Google's text to speech tech.

Here is the basic example of how you can use **Web Speech API** yourself.

{% gist https://gist.github.com/thefallenmerc/8af3580f656e3320f57f8586dfbe4429 %}


This little piece of code will start the listener, the browser might ask for `microphone` request, you have to accept it.

Then just speak anything and when you are done. You will see some output on the console.

So let me break it down for you -

Tag #1 initializes `webkitSpeechRecognition`, which is what makes the Text-To-Speech come to life.

Tag #2 attaches an `event handler` for when the process of recognition is complete and provides us with a `SpeechRecognitionEvent` object.

Tag #3 starts the speech recognition engine, the browser will now start listening to you.


The response object can be used to fetch the recognized text. If you navigate it, you will find that `response.results` contains a list of all the results that were a similar match.

You can fetch the return result from `response.results[0][0].transcript` and the degree of accuracy by `response.results[0][0].confidence`.

Also you can use variety of handler callbacks like `speechstart`, `speechend` but more on that later.

{% codepen https://codepen.io/shubhamsinghchahar/pen/vYNLxzW %}

If the pen doesn't work here, please visit the link given below.

<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="css,result" data-user="shubhamsinghchahar" data-slug-hash="vYNLxzW" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Make text to speech converter ssing the HTML5 WebSpeech API">
  <span>See the Pen <a href="https://codepen.io/shubhamsinghchahar/pen/vYNLxzW">
  Make text to speech converter ssing the HTML5 WebSpeech API</a> by Shubham Singh Chahar (<a href="https://codepen.io/shubhamsinghchahar">@shubhamsinghchahar</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
Building a Proof of Concept with Kotlin Multiplatform
Tags: kotlin, kotlinmultiplatform, ios, android
Published: 2020-04-15 16:50:19

This post is by Russell (Touchlab multiplatform engineer): 

{% user russhwolf %}

Russell presents our Kotlin Multiplatform starter project, KaMP Kit and discusses approaches for building a POC for mobile code sharing.

{% youtube EJVq_QWaWXE %}

Touchlab Share is a series of mini webinars for developers and engineering managers interested in discussing mobile code sharing and Kotlin Multiplatform technology.
Identifying Parts of your Mobile App for High-Impact Code Sharing
Tags: kotlin, kotlinmultiplatform, android, ios
Published: 2020-04-15 16:50:16

Touchlab engineering manager Sam Hill discusses approaches for selecting which parts of your mobile app are good candidates for code sharing.

{% youtube yAVSM72klx0 %}

Touchlab Share is a series of mini webinars for developers and engineering managers interested in discussing mobile code sharing and Kotlin Multiplatform technology.
How to Evaluate Kotlin Multiplatform, React Native and Flutter
Tags: kotlin, kotlinmultiplatform, android, ios
Published: 2020-04-15 16:50:09

This post is by Justin (Touchlab Dir. Project Strategy): 
{% user piannaf %}

Justin presents a framework that both engineering managers and software developers can use to evaluate how well a multiplatform solution delivers on their unique needs.

{% youtube 6RquJJM1jaE %}

Touchlab Share is a series of mini webinars for developers and engineering managers interested in discussing mobile code sharing and Kotlin Multiplatform technology.
Building a Business Case for Kotlin Multiplatform & Mobile Code Sharing
Tags: kotlin, kotlinmultiplatform, android, ios
Published: 2020-04-15 16:50:01

Touchlab partner Jeff Namnum and business development lead Carmichael Caldwell discuss approaches for developers to communicate the business impact of mobile code sharing with Kotlin Multiplatform.

{% youtube C_9_7kWa8z4 %}

Touchlab Share is a series of mini webinars for developers and engineering managers interested in discussing mobile code sharing and Kotlin Multiplatform technology.
100daysofcode Flutter
Tags: 100daysofcode, flutter
Published: 2020-04-15 16:38:13

day 37/100 of #100daysofcode #Flutter
Learning Flutter , courses Udemy from
@maxedapps

Today learning form, textform field, listview vs column, and implement some provider, constructor
https://github.com/triyono777/100-days-of-code/blob/master/log.md
Build an API in Rust with JWT Authentication
Tags: rust, jwt, api
Published: 2020-04-15 16:32:54

---
title: Build an API in Rust with JWT Authentication
published: true
description: Learn how to implement a simple REST API with JWT Authentication in Rust using the actix web framework and Diesel.
tags: #RUST #jwt #api
canonical_url: https://auth0.com/blog/build-an-api-in-rust-with-jwt-authentication-using-actix-web/
---
Rust has picked up a lot of momentum since we last looked at it in 2015. Companies like Amazon and Microsoft have adopted it for a growing number of use cases. Microsoft, for example, sponsors the Actix project on GitHub, which is a general purpose open-source actor framework based on Rust. The Actix project also maintains a RESTful API development framework, which is widely regarded as a fast and performant web framework. Although the project was temporarily on hold in early 2020, the project ownership has moved to a new maintainer, and development continues.

In this article, we will explore the actix-web web framework by writing a small CRUD API using it. Our API will be backed by a Postgres database using Diesel. Finally, we will implement authentication for our API using Auth0

[Read on 📖](https://auth0.com/blog/build-an-api-in-rust-with-jwt-authentication-using-actix-web/?utm_source=dev&utm_medium=sc&utm_campaign=rust_jwt)
Social Icons Using CSS
Tags: css, webdev, beginners, html
Published: 2020-04-15 16:26:07

In these elements, we used font awesome icons with and some CSS properties to make this element more attractive.

Social cions are more important to show on the website. For sharing purpose we used this type of icon and users want something different. Also, here we use text-shadow properties for a shadow on the icon-side.

Make it yours now by using it, downloading it and please share it.

[Download Source code](https://w3hubs.com/social-icons-using-css/)
What are your favorite App Hosting Sites
Tags: devops, webdev
Published: 2020-04-15 16:14:34

What are your favorite _free_ application hosting sites that meet the following criteria?

A. Support FE and BE applications
B. Automatic deployment from GitHub
C. Support for multiple languages including JS, Python, Go, etc.
D. Easy to configure 
E. Well documented & supported

Thanks in advance for your input and feedback my friends!
Optional Chaining In Javascript
Tags: optionalchaining, es2020, javascript, codequality
Published: 2020-04-15 16:12:08


Optional Chaining is a new feature available in Javascript. It is actually an ES2020 specification. Optional chaining allows developers to write code which are more readable and less verbose.

## What is it?

Optional chaining as its name implies, helps us to chain the properties
of an object optionally. That is, we can chain properties of an object to many levels without having to expressly validate that each reference in the chain is valid.

## What problem does it solve?

Consider the code sample below.

```js
let person = {
  name: "John Doe",
  address: {
    place: "New York",
    city: "New York"
  }
}
```
We can access the person's Place like this

```js
let place = person.address.place
```
But this will throw an error if the address property is missing.

![Uncaught TypeError: Cannot read property 'place' of undefined](https://dev-to-uploads.s3.amazonaws.com/i/yoh06lihdxror7qtg3fk.png)

So we have to check if `address` property exists before accessing its children

```js
let place = person.address && person.address.place
```

Ok, but what if we have to access the children attribute of `place`. We have to add validation check for place also.

```js
let place = person.address 
  && person.address.place 
  && person.address.place.name
```
This became a nightmare when we have to access deeply nested objects or attributes.

So let's see how this problem can be solved using optional chaining.

```javascript
let place = person.address?.place?.name
```

Much more readable and neater 🥰

## How does it work?

The `.?` operator functions similar to the `.` chaining operator, except when an attribute or reference is `null` or `undefined`, the expression short-circuits with a value of `undefined`.

For the above one-line code, it works like this.

First it check if `person.address` is `nullish` (null or undefined) or not. If it is nullish, then the expression immediately return `undefined` without executing the remaining parts. Otherwise, it continues executing the next part of the expression.

## Tell me more

Optional chaining is a great feature to easily access deeply nested object properties without intermediatory condition checks, but it is not limited to that. 

Optional chaining became real handy on several other occasions.

### Optional Chaining with function calls

Optional chaining operator can also validate function calls.
```js
let message = resultObject.getMessage?.()
```

### Dealing with optional callbacks

Optional chaining can also be used to check if a callback is defined.

```js
function fetchApi(url, onSuccess, onError) {
  // if error occured
  onError?.('An error occured')
}
```

### Accessing array items

It can also validate if an array has the specified index.

```js
let item = arr?.[1]
```

## Browser Support

At the time of writing, optional chaining is supported by only a few browsers. You can check the detailed browser compatibility [here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining#Browser_compatibility)