teleren/devto huggingface dataset:
How to start using Styled Components for React Native
Tags: javascript, reactnative, react, beginners
Published: 2020-01-28 15:51:42

This guide will give you a short tutorial on styled components in React Native. 

If you haven't used styled-components before, they are a css-in-js library that makes styling much easier for your applications. They use css like syntax in your javascript and UI styling is much easier.

We look at:

* The difference between the Stylesheet manager and styled components
* Using CSS like syntax in React Native (css-in-js)
* Updating existing component styles
* Better naming conventions for components
* Leveraging transforms

{% youtube OqpYDyY2kik%}
Funding needed for Ara - open source voice assistant
Tags: help, showdev, contributorswanted
Published: 2020-01-28 15:47:56

Hey everyone, I am here to talk about Ara - again. Well ara is getting expensive, and I will not be able to keep it up for much longer. I do have plans to make money in the future but it will be several months. so I need some help. So what can you do? well you can give my repos a star, adress some issues, or you can buy me a coffee here -> https://buymeacoff.ee/28EcqNL

here are my repos
{% github fultonbrowne/ara-android %}
{% github fultonbrowne/ara-server %}



I really hate asking for money but I actually need help wit this.

thanks :)
Checking out pull requests locally
Tags: git, github
Published: 2020-01-28 13:54:47

---
title: Checking out pull requests locally
published: true
description: 
tags: git, github
---

For example, it sent you a send pull request from a fork or branch of your repository, you may want to merge it locally to test and verify changes on your local computer.

1 - Find the ID number of the inactive pull request. This is the sequence of digits right after the pull request's title.

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

2 - Open Terminal.

3 - Fetch the reference to the pull request based on its ID number, creating a new branch in the process.

    git fetch origin pull/ID/head:BRANCHNAME

4 - Switch to the new branch that's based on this pull request:

    git checkout BRANCHNAME

At this point, you can do anything you want with this branch. You can run some local tests, or merge other branches into it, including master. Make modifications as you see fit!

https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/checking-out-pull-requests-locally#modifying-an-inactive-pull-request-locally
Mobiscroll
Tags: ionic, mobiscroll, framework, webdev
Published: 2020-02-03 05:17:58

---
title: Mobiscroll
published: true
date: 2020-01-28 15:47:00 UTC
tags: ionic,mobiscroll,framework, webdev
canonical_url: https://www.mobileframeworks.dev/mobiscroll/?ref=devto
---

### Responsive UI components for web & mobile developers
 ![Mobiscroll](https://www.mobileframeworks.dev/content/images/2020/01/Screenshot-2020-01-28-at-17.45.22.png)

More efficient than building it yourself or cheap plugins. Better for mobile and more simple than Syncfusion, Kendo UI and similar tools.

[See More Details](https://www.mobileframeworks.dev/mobiscroll/?ref=devto)
Looking for a job in Switzerland?
Tags: career, switzerland
Published: 2020-01-28 15:40:39

## About Us

We're an IT recruitment agency based in Switzerland. We recruit software engineers who are based in Switzerland or are looking for a job in Zurich, Geneva, Basel, Bern, Lausanne, Zug.

Due to visa restrictions, we can only recruit Swiss and European Union citizens. We can also hire people who have a valid work permit for Switzerland. 


## About The Opportunity

We have various roles in IT at our Swiss clients headquarters.

Why you should work in Switzerland: https://www.experis.ch/blog/2017/01/top-10-reasons-why-you-ll-love-working-in-switzerland

## Skill & Qualifications

We'd like to hear from you if you have the following experience:

- Software engineering
- Front end and back end development 
- Java
- .NET
- DevOps
- RPA
- Big Data (Hadoop etc)
- Scala
- Scrum Master
- IT Security
- Cloud / AWS / Azure
- IT Project Management
- IT Business Analysis

## How To Apply

Register and apply on www.experis.ch today!

_Please feel free to leave questions in the comments section._
Looking for JS mentor!
Tags: javascript
Published: 2020-01-28 15:36:52

Good morning my name is Aaron I'm looking for a JS Mentor, someone that can help me learn and understand JavaScript. I'm in a pre course work for a coding bootcamp. I understand Concepts but I need help putting things together and I have questions yes I've looked at YouTube tutorials and others and I have a bunch of books but I have questions and I need a professional mentor and I would like if someone could volunteer their time I'd really appreciate it thank you
How to implement SSR into current web app?
Tags: help, react
Published: 2020-01-28 15:30:34

Hi I'm new here!

I'm studying Next.js for understand how I implement SSR into current project of react, but so far, I only understand how to build Next.js app on tutorial of Next.js, I find out if I use Next.js build a app, The file structure of this just belong to Next.js.

This situation if I want keep feature of SPA, how I implement Next.js or other SSR to origin project?
React Native Material Kit
Tags: reactnative, ui, material, webdev
Published: 2020-01-31 04:47:12

---
title: React Native Material Kit
published: true
date: 2020-01-28 15:29:10 UTC
tags: react native, ui, material, webdev
canonical_url: https://www.mobileframeworks.dev/react-native-material-kit/?ref=devto
---

### A set of UI components, in the purpose of introducing [Material Design](https://www.google.com/design/spec/material-design/introduction.html) to applications built with [React Native](https://facebook.github.io/react-native), quickly and painlessly.
 ![React Native Material Kit](https://www.mobileframeworks.dev/content/images/2020/01/Screenshot-2020-01-28-at-17.26.28.png)


[See Post](https://www.mobileframeworks.dev/react-native-material-kit/?ref=devto)
UI Kitten 4.0
Tags: reactnative, framework, uikitten
Published: 2020-03-09 17:11:04

---
title: UI Kitten 4.0
published: true
date: 2020-01-28 15:29:06 UTC
tags: react native,framework, ui kitten
canonical_url: https://www.mobileframeworks.dev/ui-kitten/?ref=devto
---

### React Native framework for creating stunning cross-platform mobile applications. Design system based brings your product from MVP to enterprise. Forever Open Source and free!

[See Post](https://www.mobileframeworks.dev/ui-kitten/?ref=devto)
React Native Elements
Tags: reactnative, library, webdev, reactcomponents
Published: 2020-01-29 06:08:40

---
title: React Native Elements
published: true
date: 2020-01-28 15:29:00 UTC
tags: reactnative, library, webdev, reactcomponents
canonical_url: https://www.mobileframeworks.dev/react-native-elements/?ref=devto
---

### Cross Platform React Native UI Toolkit
 ![React Native Elements](https://www.mobileframeworks.dev/content/images/2020/01/Screenshot-2020-01-28-at-17.19.57.png)

The aim of React Native Elements is to provide an all-in-one UI kit for creating apps in react native. There are many great UI components made by developers all around open source. React Native Elements takes the hassle of assembling these packages together by giving you a ready-made kit with consistent API and look and feel.


[See Post](https://www.mobileframeworks.dev/react-native-elements/?ref=devto)
Capitalize first letter in Javascript
Tags: javascript
Published: 2020-01-28 15:24:51

In Javascript you have a built in data type called strings. This is used to handle a sequence of characters. This post will attempt to explain one small use case where you wish to change the first letter in a word to upper case.

## Setup

We have a string that is comprised of two words, the classic *hello World!*, but someone forgot to capitalize the "h"! 

    let string = "hello World!";
    
    let capitalizedString = string[0].toUpperCase() + string.slice(1);
    
    // capitalizedString => Hello World!

Okey so in the first line we declare a variable called *string* and assign the value "hello World!" to it. In the second line we declare a second variable called *capitalizedString.* The value for that variable is the result of two operations we preform on *string*. 

## Description

Javascript ⇒ String.prototype.toUpperCase()

"The toUpperCase() method returns the value of the string converted to uppercase. This method does not affect the value of the string itself since JavaScript strings are immutable." - [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toUpperCase)

This method is used to convert all the characters from their initial state to upper case.

Javascript ⇒ String.prototype.slice()

"slice() extracts the text from one string and returns a new string. Changes to the text in one string do not affect the other string." - [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice)

This method is used to return the rest of the word after the first letter. These to are then combined and returned from the operation. We combine these methods because just using .toUpperCase alone returns only the first letter after the operation.

Hopefully this tip can be useful!

[MDN Docs](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Strings)

[GeeksforGeeks](https://www.geeksforgeeks.org/how-to-make-first-letter-of-a-string-uppercase-in-javascript/)

Happy coding!
How to Swap Variables' values Using Array Destructuring
Tags: javascript, array, destructuring
Published: 2020-01-28 15:18:59

You can use array destructuring for easy swapping the values of 2 variables together. Here is how 👇

Sie können die Array-Destrukturierung verwenden, um die Werte von 2 Variablen einfach zu vertauschen.  Hier ist, wie 👇

```javascript
let x = 1;
let y = 5;
[x, y] = [y, x];
console.log(x); //5
console.log(y); //1
```
Correct me in my portfolio building! 
Tags: help, discuss, ios, career
Published: 2020-01-28 15:09:15

I have been developing iOS applications since more than a year. Now that I have just taken my last semester exams and complete FYP in iOS as well, I have been dropping Resume along with well written Cover Letter to some companies and I get rejection every time. Maybe it is because that my Resume isn't well formatted. Can someone from my connections review my Resume ?
Sara's weekly progress
Tags: motivation, productivity, codenewbie
Published: 2020-01-28 15:08:17

Hi Everyone!
My name is Sara, I am a colombian living in NYC!

I went to school for architecture,I have a big passion about it, it’s my hobby,However when I tried to look for work the expectation I had it was totally different from reality, I learned how to be creative and push my imagination to the highest level, that is why I started to learn about technology as implementing both is a great way to manifest your ideas into incredible applications.I love challenges, languages and I believe I will become great at this.  Please take a look at my progress in Flatiron School!
Cheatsheet: How to Launch a Kotlin Coroutine
Tags: kotlin, coroutine
Published: 2020-01-28 15:00:26

Kotlin coroutines are a lightweight alternative to Java threads. They make writing asynchronous code easy ...when you know how to use them. Coroutine scope, context, dispatchers… These terms seem confusing and even intimidating. This cheatsheet aims to fix this confusion and provides a three-step routine to launch coroutines accompanied with code examples.

## Cheatsheet
![How to launch a Kotlin Coroutine Cheatsheet](https://thepracticaldev.s3.amazonaws.com/i/97bum4wkywe9dlfeowys.png)


## Code Examples
```kotlin
runBlocking {

    // launch a new job launch() - it does NOT return a result
    val job = launch {
        println("Binary representation of 2   is ${Integer.toBinaryString(2)}")
    }
    // let's wait until the first job is done
    job.join()

    // async: returns a result
    val tenInBinary = async {
        Integer.toBinaryString(10)
    }
    println("Binary representation of 10  is ${tenInBinary.await()}")


    // let's launch several tasks at once!
    coroutineScope {// create a new coroutine scope for structured concurrency
        val numbersForBinaryConversion = listOf(42, 170, 682) // arbitrary numbers
        numbersForBinaryConversion.map {
            launch { // launches a job without a result
                println("Binary representation of $it  is ${Integer.toBinaryString(it)}")
            }
        }.joinAll() // waits for ALL jobs in tghe list
    }

}
```
So, your friends hate Typescript. Using Typescript without using Typescript.
Tags: typescript, webdev, javascript
Published: 2020-01-28 14:47:22

---
title: So, your friends hate Typescript. Using Typescript without using Typescript.
published: true
description: How to get the power of Typescript while still keeping your distance.
tags: #typescript, #webdev, #javascript
---

It's fine. You like to know what is going on in your codebase. Your friends, on the other hand, are more like cowboys. Enough trying to convince them to replace that `.js` with a `.ts`. Let's try a new approach. Let's use the power of Typescript in Javascript.

First we install [Typescript](https://www.npmjs.com/package/typescript). 
```sh
npm i --save-dev typescript
```

Now we need a config file for the Typescript compiler, luckily they give you a command to create an initial config file.
```sh
npx typescript --init
```

This will by default create a `.tsconfig.json`
Quickly! change that filename to `.jsconfig.json` before any of your friends see it.

Before we start digging into the syntax for using TS in JS we need to update this `.jsconfig` file.

```json
{
...
   "checkJs": true, /* Report errors in .js files. */
...
}
```

## We Can See The Light!

Now we can use the Typescript compiler will parse our `.js` files. This will give all the power of type checking. Heads up, you will not be able to use standard Typescript definitions. You will need to use specific comments, doc blocks. Here is a quick example of a function that takes in 2 strings and returns another string.

```js
/**
 * This returns the full name.
 *
 * @param {string} first
 * @param {string} last
 * @returns string
 */
function getFullName(first, last) {
    return `${first} ${last}`;
}
```

Now we have type checking! You can see below we are getting an error in our editor.

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

---

# Cheat Sheet

### Typing a single variable.

```js
/**
 * @type string
 */
const yarn = "yarn";
```

### Typing an object

```js
/**
 * @type {{ a: string }}
 */
const thing = {a: 'thing'};
```

### Types from a module or library

```js
/**
 * @type {import("axios").AxiosResponse<any> }
 */
let response;
```

### Define an alias to be used

```js
/**
 * @typedef {Object} User
 * @property {number} id
 * @property {string} name
 * @property {string} email
 */

/**
 * @type {User}
 */
let user;
```

### Toggle checking

These should be placed at the top of the file.
```js
// @ts-check
// @ts-nocheck
```

This will ignore the next line of code.
```js
// @ts-ignore
```

I found this to be extremely useful. I love Typescript but understand devs who don't want to go all in. I feel this is a good middle ground to get started with little overhead. This also enforces documenting your code. The fact that you have to use doc blocks for this could be the extra push you and your team needs to add descriptions for further documentation.

Here is the Typescript docs on this topic https://www.typescriptlang.org/docs/handbook/type-checking-javascript-files.html

Thanks for the read!
Connect 2020
Tags: international, user, conference
Published: 2020-02-10 10:13:06

---
title: Connect 2020
published: true
date: 2020-01-28 13:54:00 UTC
tags: #international, #user, #conference
canonical_url: http://techcommunity.softwareag.com/techniques-blog/-/blogs/connect-2020
---

# International User Groups Conference

**We live in a truly connected world that connects every “thing” from apps and systems to clouds and even cars. What remains our most essential connection? People. That’s why human connections reign at the Software AG International User Groups (IUG) Conference 2020 in The Netherlands' most royal city, The Hague. Come ready to CONNECT at the IUG Conference June 15-19, 2020, at The Hague Conference Centre.**

Mark your calendar and [register today](http://www.softwareag.com/IUG2020)!

Look forward to a multi-faceted conference that’s by customers and for customers, featuring case studies, demos, panels and discussion groups with 500+ attendees from around the globe. The conference is large enough to offer a wealth of networking opportunities yet small enough for you to talk one-to-one with our experts and partners who will be on hand to answer your questions.

You’ll love the Netherlands, home to our loyal Dutch user groups. The Hague is a thriving international business community, a royal and seaside city, and our event venue is at the heart of it all. Access is easy—right next to The Hague Central Station and about 30 minutes from Amsterdam International airport.   

![](http://techcommunity.softwareag.com/documents/10157/11220621/conn2020.jpg/a72deebf-4e32-4430-82f5-ee8d7e9dd2b5?t=1580220551760)

[Book your accommodations early](https://www.softwareag.com/corporate/company/events/iug_conference/default.html#nav_stay) to get our low negotiated rate at a selection of hotels. 

Interested in speaking? Let us hear from you. Contact us at [iug@softwareag.com](mailto:iug@softwareag.com) to reserve a slot to speak about your experiences and successes at the conference.
Flutter Audio
Tags: ios, android, flutter, audio
Published: 2020-01-28 14:44:16

We’re big fans here at Evrone of Google’s Flutter SDK for building Android and iOS apps, but when we were building Medcorder, we ran into a problem: there wasn’t a way to record speech using the Google-provided APIs. The client who we were developing Medcorder for came up with the idea of the development of the audio recording plugin as an open source contribution. So, we built an audio recording plug-in for the project!

https://evrone.com/flutter-audio
Yukihiro Matsumoto: "Ruby is designed for humans, not machines"
Tags: ruby, rails, go
Published: 2020-01-28 14:41:51

We’re thrilled that our good friend Yukihiro Matsumoto, creator of the Ruby programming language, has been able to join us at RubyRussia 2019 as a speaker for the second time, having previously spoken three years ago at RubyRussia 2016.

In the time that we’ve been holding the conference — now more than ten years — Ruby has undergone a great deal of evolution, and Evrone has grown and developed alongside it.

Grigory Petrov, Developer Relations at Evrone, sat down with Mr Matsumoto to hear from him first-hand about being a star, the philosophy behind Ruby’s design and evolution, and a little about Japanese life and culture.

https://evrone.com/yukihiro-matsumoto-interview
Daily Challenge #174 - Soccer League Table
Tags: challenge
Published: 2020-01-28 14:30:15

---
title: Daily Challenge #174 - Soccer League Table
published: true
series: Daily Challenge
description: Create a soccer league table using Ruby
tags: challenge
---
Implement the class `LeagueTable`.

This class is used to store results of soccer matches played, as well as return and display various stats about each team. 

Match results will always be passed through the `push` method as a string in the format `"Home Team 0 - 0 Away Team"`. 

When a new match ends and the scores are tallied, points are awarded to teams as follows:
<pre> 3 points for a win
1 point for a draw
0 points for a loss</pre>

The class must have the following methods:
<pre> push(match_string)             # insert a new match record

get_points(team_name)          # Returns the no. of points a team has, 0 by default

get_goals_for(team_name)       # Returns the no. of goals a team has scored, 0 by default

get_goals_against(team_name)   # Returns the no. of goals a team has conceded (had scored against them), 0 by default

get_goal_difference(team_name) # Return the no. of goals a team has scored minus the no. of goals a team has conceded, 0 by default

get_wins(team_name)            # Return the no. of wins a team has, 0 by default

get_draws(team_name)           # Return the no. of draws a team has, 0 by default

get_losses(team_name)          # Return the no. of losses a team has, 0 by default</pre>

###Example
<pre>lt = LeagueTable.new

lt.push("Man Utd 3 - 0 Liverpool")

puts lt.get_goals_for("Man Utd") => 3
puts lt.get_points("Man Utd") => 3
puts lt.get_points("Liverpool") => 0
puts lt.get_goal_difference("Liverpool") => -3

lt.push("Liverpool 1 - 1 Man Utd")

puts lt.get_goals_for("Man Utd") => 4
puts lt.get_points("Man Utd") => 4
puts lt.get_points("Liverpool") => 1
puts lt.get_goals_against("Man Utd") => 1

puts lt.get_points("Tottenham") => 0</pre>

###Test
`lt.push("Man Utd 2 - 1 Liverpool")`
`lt.push("Liverpool 3 - 0 Man Utd")`

Good luck!

***
_This [challenge](https://www.codewars.com/kata/548f0d3dcd683c394f0007d4) comes from Mackay on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_