teleren/devto huggingface dataset:
Learning React Js
Published: 2019-01-16 10:56:48

---
title: Learning React Js
published: true
description: 
tags: 
---

<h2><b>Why ...</b></h2>

<p>So, I have been trying to learn ReactJs as I have heard that it is pretty fast and all kinds of stuff about it. But I am a little old school. I can't memorize stuff if I don't write it down somewhere. So from now onwards this is my scribbling pad. Please feel free to shout out in the comments if you see me writing down something stupid.

<h2><b>So far I think I know ...</b></h2>

<ol>
<li><a href='https://dev.to/vjnvisakh/what-is-react-js-63f'>What is React Js</a></li>
<li><a href='https://dev.to/vjnvisakh/why-do-i-want-to-use-it-2c7i'>Why do I want to use it</a></li>
<li><a href='https://dev.to/vjnvisakh/what-is-the-big-deal-with-jsx-3hgb'>What is the big deal with JSX</a></li>
<li><a href='https://dev.to/vjnvisakh/tools-to-use-286b'>Tools to use</a></li>
<li><a href='https://dev.to/vjnvisakh/now-lets-install-react-already-50he'>Now let's install React already</a></li>
<li>What are you <i>Babel</i>ling about</li>
<li>Expressions in JS</li>
<li><a href='https://dev.to/vjnvisakh/let--const-22ai'>let and const</a></li>
What is React Js
Published: 2019-01-16 10:56:04

---
title: What is React Js
published: true
description: 
tags: 
---

<img src='https://thepracticaldev.s3.amazonaws.com/i/non3906tf3ix4vi6epey.jpeg' />

ReactJs is a JavaScript library developed by Facebook. In 2012 Facebook's Ads App was becoming difficult to manage. That is when Jordan Walke came up with the idea of a prototype for React.



<h3><b>Next: </b><a href='https://dev.to/vjnvisakh/why-do-i-want-to-use-it-2c7i'>Why do I want to use it</a></h3>
CDN & optimization for images weight: a free tool
Tags: ux, seo, pagespeed
Published: 2019-01-16 10:12:08

---
title: CDN & optimization for images weight: a free tool
published: true
description: Cloudimage, a free CDN & optimization tool for images weight
tags: ux, seo, pagespeed
---

I'm testing Cloudimage, a free CDN & optimization tool for images weight.  https://www.cloudimage.io  

Cloudimage downloads your images from your web server over HTTP / HTTPS or storage provider (Amazon S3, Google Cloud Storage, Azure Blob, ...) resizes them and delivers to your worldwide users rocket fast over CDN.

You can manually prefix image URLs in your HTML code with the Cloudimage URL and use their JS plugin to automatically replace your image URLs.

For non devs, there is also a free Wordpress plugin to automatically accelerate your images on Wordpress: you add your token and Clloudimage takes care of optimization and delivery, using industry best practices and a lightning-fast CDN.
Select query using an outer apply
Tags: sql, outerapply, select
Published: 2019-01-28 13:28:39

---
title: Select query using an outer apply
published: false
tags: SQL, Outer-Apply, Select
canonical_url: http://coopsblog.wales/blog/viewblog/Select-query-using-an-outer-apply
published: true
---

This is a simple example of using an SQL **Outer apply** to create a select query that can create queryable custom sub fields.    
Before being shown outer apply logic, I was using a temp tables and sub query. The sub table added the data required on the temp table and then I queried the temp table as needed. Now I can do it all in one simpler and quicker select query.  
  
The simple query  
This example is done on a user\_extended table that is a Key and value pair logic, that acts as a dumping group for records that maybe used later. When a record is inserted and it contains the same key as a record in the DB table, the DB table record is disabled and this new record is made active.    
The purpose of this it to check if the created date record is the active and is not disabled.  


{% runkit %}
SELECT   Parent.Username, ActiveDate,DisableDate FROM User AS Parent  OUTER APPLY  
    (  
        SELECT TOP 1   
            MAX (CASE WHEN Child.Active= 1 AND Child.key = 'LastLoggedIn' THEN Child.DateOfCreation END) AS ActiveDate,  
            MAX (CASE WHEN Child.Active = 0 AND Child.key = 'LastLoggedIn' THEN Child.DateOfCreation END) AS DisableDate  
        FROM [Users\_Extended] AS Child   
        WHERE Child.UserId = Parent.Id  
group by DateOfCreation  
        ORDER BY Child.DateOfCreation DESC  
    ) Child  
WHERE Parent.key = 'LastLoggedIn' AND Parent.Active = 0 AND ActiveDate < DisableDate;
ORDER BY Parent.Id DESC
{% endrunkit %}
2000 And Beyond - Followers Celebration - Thank You
Tags: discuss, followers
Published: 2019-01-16 09:31:54

---
title: 2000 And Beyond - Followers Celebration - Thank You
published: true
description: Over 2000 Followers - Thanks
tags: #discuss, #followers
cover_image: https://upload.wikimedia.org/wikipedia/commons/2/25/Thank-you-word-cloud.jpg
---

# Incredible! Thanks!

Hello my fellow developers. I wish to welcome all current and future (hopefully) followers on board. It has been a joyful and inspiring journey so far and, with your help, it will be it even better in the future.

Thank you for reading and approving my writing.

![dance](https://thumbs.gfycat.com/FrailMiserableBuck.webp)

```css
.message {
    THANK:YOU
}
```

```js
const sendHug = () => {
    console.log('Sending Hug...Done!');
};

sendHug();

```
A Free Image Page Weight Report Tool
Tags: ux, seo, pagespeed
Published: 2019-01-16 09:31:13

---
title: A Free Image Page Weight Report Tool
published: true
description: A tool that heps you to detect how images are affecting your page weight
tags: ux, seo, page speed
---

Just found: a wonderful tool that helps you to detect how images are affecting your page weight, your worst performing image, how much you can save speeding up image load time:
https://pageweight.imgix.com/
Open Slides (conference tool) is looking for contributors
Tags: contributorswanted
Published: 2019-01-16 08:36:49

[We](https://github.com/intevation) are developing a conference tool called [openslides](https://openslides.org/) based on Django and Angular 7. The software deals with speaker management, display of content on different media projectors, polls etc. [Here](https://www.youtube.com/watch?v=SvZ8N2SEzEg) is an image film which shows the tool in action. Last year we had a test run for Amnesty international.

The current version is 2.3 (version 3 with fully mobile integration and material design is in the pipeline and will be released soon). Lately we implemented a basic real time chat with WebRTC as a plugin.

Our project is hosted on [github](https://github.com/OpenSlides/OpenSlides).

If you are looking for entry-level issues we have the [good first issue](https://github.com/OpenSlides/OpenSlides/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22
) hashtag.
Announcing JSON Viewer: Online JSON Formatter & Inspector
Tags: json, javascript, react, showdev
Published: 2019-01-16 07:53:13

---
title: Announcing JSON Viewer: Online JSON Formatter & Inspector
published: true
description: 
tags: JSON, JavaScript, React, ShowDev
---

[![](https://thepracticaldev.s3.amazonaws.com/i/j1t5ea618hjdny0lk0wv.png)](https://json.buckmoon.io)

[**JSON Viewer**](https://json.buckmoon.io) is a free & open-source JSON formatter/inspector. JSON Viewer lets you inspect specific path of the property with dot notation.

[Try it out!](https://json.buckmoon.io)
Sohbet
Tags: sohbet
Published: 2019-01-16 06:54:02

---
title: Sohbet
published: true
description: Sohbet
tags: Sohbet 
---


<p>Kişilerin Sohbet ve Chat ihtiyaclarını karşılamak için, linux sunucular üzerinde mirc ve web ( java, flash, jaquery ) yazılımları ile desteklenen irc sunucular kurulmuş, Kurulan linux yazılımlı irc sunucularının www uzantılı kısımlarına php, html, tabanlı yazılımlar ( wordpress, drupal, joomla ) scriptler kurularak <a href="http://www.sohbete.com.tr" title="sohbet">sohbet</a>, chat, sohbet odaları adı altında siteler oluşturulmaya başlamıştır.</p>
<a href="http://www.websohbet.org.tr" title="sohbet odaları">sohbet odaları</a> kişilerin çeşitli sebeplerle oluşan sohbet, söyleşi yada <a href="http://www.omegletv.org.tr" title="chat">chat</a> ihtiyaçlarını karşılama, güzel, eğlenceli hoş vakit geçirme, bayan yada erkeklerle tanışıp yeni arkadaşlıklar ve dost edinme isteklerine cözüm bulma amaçları ile ilgili çalışmalarda bulunmaktadırlar. İlk sohbet odaları java ve mirc yazılımı destekli iken günümüzde ilerleyen teknoloji ( flash ve jaquery ) sayesinde cep telefonları, akıllı telefonlar, mobil cihazlar ( iphone, ipad, adnroid, tablet ) mobil mirc kullanılarak istenilen her an sohbet odaları girişi yapılarak sohbet ve chat yapma imkanına sahip olunmuştur.</p>
Sohbet odalarının tercih edilmesinde en büyük nedenler, internet üzerindeki en eski sohbet ve chat programları olması, yaygın bir kullanıcı kitlesinin bulunması, genel ve ozel söyleşi yapabilme, üyelik ve ücret gerektirmeden tamamen sitenin sunduğu bedava olanaklardan yararlanma, irc sunucusunda bulunan sabit yada gezici kullanıcılar ile tanışma, sohbet ve söyleşi yapabilme, yeni arkadaşlar edinerek çevresini genişletme yada bir yere ait olma istegi olarak sıralanabilir.</p>
Yeni kişilerle tanışma, arkadaş arama, sohbet ederek eğlenceli zaman geçirme istekleri, Sohbet Siteleri kullanıcılarının  sayılarının artmasına, chat odaları arama ve kullanıcı sayısının fazlalığı chat amaçlı sitelerinin artmasına, Bilinçsiz
site sayısındaki bu artış kalite ve kullanıcı sayısının düşmesine, kullanıcıların istek ve önerilerine önem ve öncelik verilmemesi zamanla yeni yazılımların tercih edilmesini de ilave edersek eski önemi ve tercih önceliği azalmaya başlamıştır </p>
Building a video lightbox
Tags: javascript, html, css, video
Published: 2019-01-16 05:02:50

---
title: Building a video lightbox
published: true
description: We try to build a video lightbox for youtube videos. Showing thumbnails, on click open the video and play from the beginning.
tags: JavaScript, HTML, css, video
---

{% youtube U0P3UKtmPhQ %}
.NET Standard and Multi-targeting
Tags: netstandard, dotnet, visualstudio, xamarin
Published: 2019-01-16 06:47:29

---
title: .NET Standard and Multi-targeting
published: true
description: I've blogged about multi-targeting and .NET Standard.

tags: #netstandard,#dotnet,#visualstudio,#xamarin
---

I've recently blogged about multitargeting in .NET Standard libraries, what do you think? (dont' shoot the pianist... 😊)

[link to blog post here](https://medium.com/corrado-cavalli/net-standard-and-multi-targeting-e96920b3fcfe)
Visual Studio Code – Reorder Parameters
Tags: salesforcedeveloper, salesforcedx, vscode, video
Published: 2019-01-29 05:05:00

---
title: Visual Studio Code – Reorder Parameters
published: true
tags: SalesforceDeveloper,SalesforceDX,VSCode,video
canonical_url: https://wipdeveloper.com/visual-studio-code-reorder-parameters/
cover_image: https://wipdeveloper.com/wp-content/uploads/2019/01/Screen-Shot-2019-01-16-at-9.56.14-PM.png
---
{% youtube cMmBy0DSg_c %}

> _I’m trying something new. Bellow is a generated transcript from the video with minor editing. If there are any issues, please let me know Brett@WIPDeveloper.com_

Hello, this is Brett with WIPDeveloper.com. Earlier today someone asked how to reorder parameters in Visual Studio code, I found a solution thought it would be easier to find, again, if I shared it with everyone.

## Problem

Sometimes you write your code and put the parameters in the wrong order, like my System.assertEquals, here, I’ve put actual over the expected value should be and I’ve put expected where the actual value should be. I can fix this by copying and pasting or deleting one of the values and re-adding it.

I’ve also messed up the order of my parameters where I want `one` to be first instead of `two`.

## Shifter

I want `two` over here and once again I can do the whole copy paste thing or, and this is an Apex, I can get an extension called Shifter, and I will provide a link below, but Shifter and just install this now I can use `ctrl + alt and left` or `ctrl + alt and right` and reorder my parameters.

It also works in the parameter definition of a method. Didn’t have to copy and paste anything. It is pretty simple. So it works in apex. And we can also use it in JavaScript.

So in our JavaScript file here, we can have, if we had a method that had two parameters, we would be able to reorder those parameters the same if we had an array and they were not in the proper order.

We can use it in the array as well. So we can reorder in the definition of a method we can reorder the values of an array and we can also reorder in calling a method.

what, oh.

ESLint wants us to call it on `window` there. Now we have our parameters in the in the wrong way hitting the wrong command we can reorder pretty easy.

That is called Shifter by Gruntfugly, what a lovely name, a Visual Studio Code plugin to help you reorder your parameters or comma other comma separated list.

## Links

- [Shifter](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.shifter)

## That’s it for now.

Remember to sign up for **[The Weekly Stand-Up!](https://wipdeveloper.com/newsletter/)**  and you can get updated with any new information we have on WIPDeveloper.com.

The post [Visual Studio Code – Reorder Parameters](https://wipdeveloper.com/visual-studio-code-reorder-parameters/) appeared first on [WIPDeveloper.com](https://wipdeveloper.com).
Dev.to for Google Summer of Code 2019
Tags: discuss, gsoc, opensource
Published: 2019-01-16 03:44:39

---
title: Dev.to for Google Summer of Code 2019
published: true
description: 
tags: #discuss #GSoC  #open-source
---

Since our beloved dev.to became open source just recently, I was thinking if it could apply to become a mentor organization in Google Summer of Code 2019 so that students like me can participate in GSoC while contributing to the project we love. Is it possible?
Day 15: Swift macOS password manager for people who hate the cloud
Tags: macos, swift, passwordmanager, cloud
Published: 2019-01-16 03:30:43

---
title: Day 15: Swift macOS password manager for people who hate the cloud
published: true
description: Follow along as I make a 100% swift password manager for macOS this month
tags: macos, swift, password manager, cloud
series: Making a swift MacOS password manager for people who hate the cloud
cover_image: https://thepracticaldev.s3.amazonaws.com/i/q6r73zbfbm3mpfs98bu5.jpg
---

[<- For Day 14 go here](https://dev.to/swlkr/day-14-swift-macos-password-manager-for-people-who-hate-the-cloud-4m5d)

📅 01/15/2019
🚀 15 days until launch
🔥 14 day streak
💰 $4.99 price (this keeps changing)
🤑 $0 revenue
📈 0 customers
⌚️ 11.5 hours spent
💻 20 files changed, 1289 insertions(+), 171 deletions(-)
🏁 Today's goal: **Search**

**1:21 PM**
Going to have to start after work again, I really need to start going to bed earlier.

**6:50 PM**
Alright, back at it, search here we go.

**8:14 PM**
Took a lot longer than I thought it would. Wait, I'm pretty sure I write that every fricken' time. I managed to figure out a few things that were bothering me today. My custom cell view was not working at all. It just showed the same text cell and nothing else, but it's working now 🎉 And I got the search working. Check it:

![](https://thepracticaldev.s3.amazonaws.com/i/q9lp87stq1i96ok4kxcm.gif)

I was curious about memory usage too, I noticed that after I open up every view, and try out a few things like search, adding a new password, it appears to hover around ~28 MB of memory. I feel like that's an improvement over electron 💪. I've aleady spent almost 2 hours on this *again* tonight. Gotta log off. It was fun though figuring out how to get the search field working, less fun re-doing the table cell view in storyboard (not to mention setting the height in code). Oh speaking of code, here's one way to get a search field and a table view to talk to each other:

```swift
    func controlTextDidChange(_ obj: Notification) {
        if obj.object as? NSSearchField == searchField {
            filterWithString(searchField.stringValue)
        }
    }

    func filterWithString(_ searchFieldValue: String) {
        if searchFieldValue.count > 0 {
            logins = rows?.filter { r in
                return (r[login.name]?.lowercased().contains(searchFieldValue.lowercased()))! ||
                    (r[login.username]?.lowercased().contains(searchFieldValue.lowercased()))! ||
                    (r[login.email]?.lowercased().contains(searchFieldValue.lowercased()))!
            }
        } else {
            logins = Array(try! db.prepare(login.table))
        }

        if(logins?.count == 1) {
            tableView.selectRowIndexes(NSIndexSet(index: 0) as IndexSet, byExtendingSelection: false)
        }

        tableView.reloadData()
    }
```

Oh and don't forget to set the search field's delegate `searchField.delegate = self` for that `controlTextDidChange` function. Tune in again tomorrow, same time (more or less), same place.
Are you all superhuman?
Tags: discuss, career, interview
Published: 2019-01-16 02:25:21

---
title: Are you all superhuman?
published: true
description: 
tags: discuss, career, interview
---
Hello,

Recently I had couple of interviews on Web developer role. Though I've over 2 years of experience in PHP, unfortunately, I failed to answer some simple questions. I know that I could have answer them correctly if I could access my computer and write the code.

In my current or previous job, whenever I need to look up for some syntax, I just search it in Google and get the syntax or appropriate function done. But I never tried to memorized them all. 

With the experiences of my previous interviews, it seems like I have to, now, memorize everything about PHP or any language that I want to work with.

Is it something I'm doing wrong? Or how do you memorize everything?

<b>UPDATE:</b>
I've recently got a call from the company where I was interviewed. And guess what? I got the job.. :-)
ROyalty free music 
Tags: gamedev, askdev, discuss, webdev
Published: 2019-01-15 23:44:11

---
title: ROyalty free music 
published: true
description: Hi. I am a composer and my music is free. I have perhaps the largest individually owned collection of free music tracks. All I ask is you credit me if you use my music. Also pls share. Just want to get my music out there. And the only way I feel is to give it away. So thanks everyone for supporting!

In the past I have worked on projects for youtubers the creatures , music supervisor. My background is in music for advertising. What's different about my music? Variety. You'll find EDM, rock, comedy, hiphop, dancehall trailer score, intro music...SUBSCRIBE to my soundcloud channel for new and featured tracks. Find my music here: vocals hiphop , rap , reggae alternative rock www.soundcloud.com/outsiderswwi for intrumentals www.soundcloud.com/outsiderswwiinstr proof of ownership thank you for those who believe!!! rnb soul trap hiphop alternative https://soundcloud.com/real-g-6-music https://soundcloud.com/parisparrish rnb soul strickly instrumentals part 3 https://soundcloud.com/royalteefreeinstrumentals
tags: #gamedev #askdev #discuss #webdev 
---
---
What benefits does a M. Sc. in Computer Science have?
Tags: career, discuss
Published: 2019-01-15 22:17:27

---
title: What benefits does a M. Sc. in Computer Science have?
published: true
description: 
tags: #career,#discuss
---

Hey guys,

currently I'm working full-time as front-end developer for an international software company.  Next to my job I'm doing my M.Sc. in Computer Science.
So the problem is that I'm struggling a bit with the topics of some required lectures, because they're very theoretically :-(

So I'm regular facing the question: Is a M.Sc in Computer Science really worth the whole effort? 

Thank you very much for your experience/opinions :-)
KendoReact R1 Webinar 2019
Tags: progress, kendoreact, telerik, javascript
Published: 2019-01-15 22:06:42

---
title: KendoReact R1 Webinar 2019
published: true
description: Demos and Links for KendoReact R1 Webinar from January 16th 2019
tags: Progress, KendoReact, Telerik, JavaScript 
---

### KendoReact Blog Posts
[Let's Build a Sales Dashboard with React](https://www.telerik.com/blogs/lets-build-a-sales-dashboard-with-react)
[KendoReact: Getting Started Blog Series](https://www.telerik.com/blogs/kendo-react-getting-started-blog-series)
[Introduction to the KendoReact Grid](https://www.telerik.com/blogs/introduction-to-the-kendoreact-grid)

### React Blog Posts
[How to Use Basic React Hooks for State and Effects](https://www.telerik.com/blogs/how-to-use-basic-react-hooks-for-state-and-effects)
[How to Use Basic React Hooks for Context](https://www.telerik.com/blogs/how-to-use-basic-react-hooks-for-context)
[A React State of Mind (State of JavaScript Survey 2018)](https://www.telerik.com/blogs/a-react-state-of-mind-state-of-javascript-survey-2018)
[Hello, Create React App 2.0!](https://www.telerik.com/blogs/hello-create-react-app-2)


### KendoReact StackBlitz Component Demos
[Masked Inputs](https://stackblitz.com/edit/2019-r1-masked-inputs?file=app%2Fmain.js)
[Masked Inputs With Form](https://stackblitz.com/edit/2019-r1-masked-inputs-form?file=app%2Fmain.js)
[Splitter](https://stackblitz.com/edit/2019-r1-splitter?file=app%2Fmain.js)
[Dialog Window](https://stackblitz.com/edit/2019-r1-dialog-window?file=app%2Fmain.js)
[DropDownButton](https://stackblitz.com/edit/2019-r1-drop-down-button?file=app%2Fmain.js)
[SplitButton](https://stackblitz.com/edit/2019-r1-split-button?file=app%2Fmain.js)
[SplitButtons](https://stackblitz.com/edit/2019-r1-split-buttons?file=app%2Fmain.js)
[Toolbar](https://stackblitz.com/edit/2019-r1-toolbar?file=app%2Fmain.js)
[Grid Column Menu](https://stackblitz.com/edit/2019-r1-grid-filter-menu?file=app%2Fmain.js)
[Grid Column Menu 2](https://stackblitz.com/edit/2019-r1-grid-column-menu-2?file=app/main.js)
[Grid Columns Locked](https://stackblitz.com/edit/2019-r1-grid-columns-locked?file=app%2Fmain.js)
packet_write_wait: Connection to xxx port 22: Broken pipe
Tags: work, fixoftheday, ssh, ubuntu
Published: 2019-03-22 15:52:45

---
title: packet_write_wait: Connection to xxx port 22: Broken pipe
published: true
tags: Work,fix of the day,ssh, Ubuntu
canonical_url: https://deeb.me/20190115/packet_write_wait-connection-to-xxx-port-22-broken-pipe
---

SSH connections started dropping left and right a few days ago. I thought at first it was a problem with my connection, our DSL connection in Beirut, Lebanon is getting a lot better this last year. But it still had its quirks now and then and I blamed the wires and bad weather.

But it happened again the second day and the third, and it was becoming really annoying with jobs killed in the middle of execution when I forget to start a screen.

Long story short, it seems that some settings were removed or reset after an upgrade in Ubuntu on my home machine. This is what I added in /etc/ssh/ssh\_config (not sshd\_config!)

```
Host \* ServerAliveInterval 30 ServerAliveCountMax 5
```

And that’s it!

If you don’t want to edit the system-wide configuration, you can always edit ~/.ssh/config with the same for similar effect.