teleren/devto huggingface dataset:
Trends in APM, 2 x guides to better performance, and GitHub's status page
Tags: performancematters, performance, monitoring
Published: 2020-07-30 22:40:41

Hi folks, 

Welcome to Performance Matters! Have you ever been curious about what Raygun is all about? [We invite you to Raygun 101](https://us02web.zoom.us/webinar/register/WN_HJIcY2zHTtuLu70CfmrAvQ), the first in a new webinar series covering the essentials of Raygun Performance Monitoring. As valued members of our community, we hope you'll join us. 

This week, we've got performance guides for .NET Core and Linux, Microsoft's effect on GitHub since their acquisition in 2018, and the much-loved podcast DevOps Cafe returns to our ears. 

Enjoy! 

Your Curator 

------------------------------

### FEATURED ARTICLES

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

<strong>APM: What it means in a complex world </strong>

SD Times has some relevant insights into the direction of the Application Performance Monitoring industry. The most insightful takeaway is that APM tools must have the ability to help companies be more responsive to customers' needs. 

[Read more](https://sdtimes.com/monitor/application-performance-monitoring-what-it-means-in-todays-complex-software-world/)

------------------------------

<strong>Redis Cache for performance</strong>

In this article, learn how to use Redis Cache from the perspective of a .NET Core serverless HTTP function.

[Read the guide](https://medium.com/@saurabh.dasgupta1/about-7fb96fb1f80d)

------------------------------

<strong>Measure Linux performance</strong>

Avoid the most typical mistakes when optimizing Linux performance with this 4-part guide. 

[This time it's disk storage](https://ma.ttias.be/how-to-measure-linux-performance-avoiding-most-typical-mistakes-disk-storage/)

------------------------------

### BUG OF THE WEEK

<strong>Is GitHub down more after they were aquired by Microsoft? </strong>

StatusGator analyzed GitHub's status page and found a 41% increase in disruptions since June 2018. There were many predictions about GitHub's future after the aquisition, but this wasn't one of them. 


[Read the report ](https://statusgator.com/blog/2020/06/04/has-github-been-down-more-since-its-acquisition-by-microsoft/)

------------------------------

### COMMUNITY

<strong>DevOps Cafe returns </strong>

After a two year hiatus, DevOps Cafe returns to the air. We imagine their guest list to be as impressive as the last, with some of the best minds in DevOps discussing everything from containers to self-learning. 

[Be the first to know about the reboot](http://devopscafe.org/)

------------------------------


If you think Performance Matters is pretty great, why not [sign up](https://performancematters.dev/) to receive it in your inbox every week? 🙌

------------------------------

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

------------------------------
How you guys seek for help when the problem is domain specific?
Tags: questions, help, domain
Published: 2020-07-30 22:19:46

---
title: How you guys seek for help when the problem is domain specific?
published: true
description: What means do you guys use to get help 
tags: questions, help, domain
//cover_image: https://direct_url_to_image.jpg
---
I'm software developer at a startup since it's beginning almost 4 years, we work with chat and customer service, I need some help in problems specific to chat domain or customer service, but I don't know where to find help, Did you alredy have this problem? where you find help?
Change the text color of an input field with an autocompleted value
Tags: todayilearned, css
Published: 2020-07-30 22:00:59

Webkit-based browsers have some CSS properties that are only accessible with the `-webkit-` prefix. One of these properties is `-webkit-text-fill-color`. It sets the color for the input field even when your browser uses `autofill` feature. You may have encountered something like this: 

![](https://user-images.githubusercontent.com/29180903/45598858-33d85b80-b9b0-11e8-84d1-b2db8bced8d0.png)

This is your browser telling you that this information was autofilled by it.

`-webkit-text-fill-color` has a higher hierarchy in the Cascading than our regular `color`, even if you use `important`. So if your input has a color different than black and you need to overwrite the browser's default, you may want to use `-webkit-text-fill-color`.

### Example

``` css
input {
 color: #000;
 -webkit-text-fill-color: #000;
}
```

### Resources
Learn more at the [MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color).
Understanding useEffect: the dependency array
Tags: react, webdev
Published: 2020-07-30 21:58:44

---
title: Understanding useEffect: the dependency array
published: true
date: "2020-07-30T21:57:05.630Z"
tags: ['reactjs','webdev']
canonical_url: https://maxrozen.com/learn-useeffect-dependency-array-react-hooks/
---

So the question is: How do you stop infinite loops that absolutely hammer your API when you use useEffect?

Let’s take a step back, pause for a moment, and think about what useEffect _actually_ does.

By default, useEffect always runs **after** render has run. This means if you don’t include a dependency array, and you’re using useEffect to fetch data to display it, you will **always** trigger another render after useEffect runs.

**Unless you provide useEffect a dependency array.**

The dependency array in useEffect lets you specify the conditions to trigger it. If you provide useEffect an empty dependency array, it’ll run exactly once, as in this example ([CodeSandbox link](https://codesandbox.io/s/react-useeffect-simple-iqpxp?file=/src/DataDisplayer.js)):

```js
import React, { useEffect, useState } from 'react';

export default function DataDisplayer() {
  const [data, setData] = useState('');

  useEffect(() => {
    const getData = async () => {
      const response = await fetch(`https://swapi.dev/api/people/1/`);
      const newData = await response.json();
      setData(newData);
    };

    getData();
  }, []); //<-- This is the dependency array

  if (data) {
    return <div>{data.name}</div>;
  } else {
    return null;
  }
}
```

What if you wanted to let users decide which `id` they wanted to query, and forgot to add `id` to the dependency array? You’d cause an infinite loop.

```js
export default function DataDisplayer(props) {
  const [data, setData] = useState('');

  useEffect(() => {
    const getData = async () => {
      const response = await fetch(`https://swapi.dev/api/people/${props.id}/`);
      const newData = await response.json();
      setData(newData);
    };

    getData();
  }); //<-- Notice the missing dependency array
```

This is where the dependency array comes in handy.

Adding `props.id` to it will ensure useEffect only runs if `props.id` changes:

```js
useEffect(() => {
  const getData = async () => {
    const response = await fetch(`https://swapi.dev/api/people/${props.id}/`);
    const newData = await response.json();
    setData(newData);
  };
  getData();
}, [props.id]); //<-- This is the dependency array, with a variable
```

(This is an article posted to my blog at maxrozen.com. You can read it online by [clicking here](https://maxrozen.com/learn-useeffect-dependency-array-react-hooks/).)
Day 185: Move On Up
Tags: hiphop, code, coding, lifelongdev
Published: 2020-07-30 21:45:11

_liner notes_:
- Professional : Had our team meeting. Really good seeing everyone in one place. Finally got the bug fixed on the Web Component I made. Apparently you get different values in mouseup, mousedown, focus, change and blur on a textfield when trying to get the selectionStart. Not sure why, but that is what's happening to me with this Web Component. Going to write the tests tomorrow and create a PR. Also, got the final, I think, run through of the tutorial I've been working on. Made a couple of changes based on feedback from other users.

- Personal : So, the tape held the fabric to the window coverings. That's awesome. Going to start loading stuff into the van. I really need to order the framework for the inside. I got the beginnings of the streaming working for my side project. I got the scenes to change on the dashboard and that gets reflected in the stream. The video player I'm using is streaming from the URL I get back from the API. Now that I got the scenes working, it's time to move on up to the camera video and screen share feeds.

![Rooftops of Li Jiang, China with mountains in the background](https://dev-to-uploads.s3.amazonaws.com/i/iwkaqa1qmoaqr3cm6vts.png)

Going to get ready for the tutorial walk through. They've been going really well so far. Everyone is getting it to work on the first try, although, sometimes, a browser may not load something. I think it's due to an extension. After that, going to work some more on my side project. Oh, I also need to get the recording submitted to the radio station for this week. Still haven't put together the tracks for the live show on Saturday.

Think that's it! Made it through another week!!

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube a4OtMIymlI0 %}
Twitter lists for developers
Tags: twitter, machinelearning, react, career
Published: 2020-07-30 21:44:12

---
title: Twitter lists for developers
description: Carefully curated Twitter lists for developers to stay on the edge of what's happening.
published: true
tags: twitter, machinelearning, react, career
---

I've recently discovered the use of Twitter lists and decided to create some useful ones for devs.

If you think someone is missing in a list (or you have an idea for another cool list), please comment :)

---

**[DevNews](https://twitter.com/i/lists/1282980110845575169)** - A list with mostly official technology accounts. You'd be surprised, how often you can find real gems in their timelines!

_Bonus point: There may occur occasional job offers from these accounts even before accounts from the **DevJobs** list retweet them_

---

**[DevJobs](https://twitter.com/i/lists/1288078283859464192)** - A list with Twitter accounts which tweet jobs all day long. You'll find something for freelancing and company positions here.

---

**[DevConfs](https://twitter.com/i/lists/1287857624940249089)** - All the major development conference accounts in one place.

---

**[AI/ML/NLP](https://twitter.com/i/lists/1227230116293550084)** - No surprises here. If you're interested in artificial intelligence, machine learning, or natural language processing, you will love this list.

---

**[React.js](https://twitter.com/i/lists/1288169752804851713)** - Thought leaders and people deeply involved in React.js development itself.
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2020-07-30 21:23:07

---
title: Top 5 DEV Comments from the Past Week
published: true
description: The comments from this past week that you don't want to miss!
tags: bestofdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/2pos0q5qmozo1g8a3qhb.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](https://dev.to/t/bestofdev) tag.

---


@marydee2001 helped fill my focus playlist...
{% devcomment 12nkp %}

Blessings to @daniel13rady and their loyal pet spud who kept them company during CodeLand:Distributed last week. 
{% devcomment 12gc6 %}

@downey has a pretty solid gameplan.

{% devcomment 12jgk %}

@jopacicdev shared their first article on DEV after a year of being part of the community 🎉
{% devcomment 12him %}


So happy for @sharthagod! They attended their first conference ever last week! I am very humbled that it was CodeLand:Distributed 😊
{% devcomment 12g92 %}

See you next week for more great comments ✌
3 sitios para encontrar software alternativo
Tags: opensource
Published: 2020-07-30 21:21:21

Cuando encuentro alguna limitación en un producto que uso, o simplemente necesito algo nuevo o mejor, siempre me encuentro visitando estos sitios para intentar encontrar alternativas.

Cada sitio tiene distintos criterios y opciones para filtrar los resultados, por lo que creo que se complementan muy bien.

## AlternativeTo.net
Abrir [alternativeto.net](https://alternativeto.net/)

Probablemente sea el más conocido de los tres y generalmente el que visito primero. En el momento de publicar este post cuenta con 89,967 aplicaciones.

## SaasHub
Abrir [saashub.com](https://www.saashub.com/)

Segundo en cantidad de aplicaciones, con 126455.


## Alternative.me
Abrir [alternative.me](https://alternative.me/)

Finalmente la tercera opción en cantidad de aplicaciones, con 10203.
Website with FREMP Stack
Tags: react, python, mongodb, heroku
Published: 2020-07-30 21:20:16

I made a website that used react, flask, and mongodb to help me study! I found that I’ve spend most of my time memorizing, so I tried to make a website that helps optimize that by learning flashcards in chunks. There’s also other tools like a chat section where I learned to use sockets! Check it out and let me know what you think! https://clusterfy.netlify.app/
Switching from Netlify to SimpleAnalytics
Tags: webdev
Published: 2020-07-30 21:17:12

I moved my web analytics for [PageWatch](https://pagewatch.dev/), my blog and some personal projects to [Simple Analytics](https://simpleanalytics.com/).

I wanted a simple, privacy focused analytics platform (no cookie banners!), and initially tried Netlify Analytics (since most of my sites are hosted there)

For starters it worked out well: There is no setup required, and Netlify will even backfill old data for you (data they collected from their server logs before you enabled analytics).

### I quickly ran into a few issues:

![](https://res.cloudinary.com/ximg/image/upload/w_500,h_360,c_limit/f_auto/whoami/da952a01/post/AwHbkNFMl0S8UebI.png)
<figcaption>Netlify Analytics is functional but a bit limited</figcaption>

**Cost**: Netlify analytics is $9/month, per site. That is cheap if you have just a few sites, but I have quite a few, and most hardly generate any traffic. SimpleAnalytics on the other hand is $19/month for unlimited sites.

**Limited Data**: Netlify only shows me the top 5 referral sources, in contrast to SimpleAnalytics where I can drill down much more, as well as see Twitter posts and other social data.

![](https://res.cloudinary.com/ximg/image/upload/w_500,h_360,c_limit/f_auto/whoami/da952a01/post/oNtQGdEHsx9jWlEo.png)
<figcaption>Netlify reports nearly all traffic going to /</figcaption>
**No SPA support**: This is kind of ironic seeing that Netlify is often used to host SPA's. For PageWatch, Netlify reported nearly all the traffic as going to the top level page, which isn't even a valid destination.

  


### Switching to SimpleAnalytics

SimpleAnalytics promises to be simple, privacy focused with all the essentials, and so far it has delivered.

Installing is simple, you just have to add a single line of code to your site.

This blog is built on Gridsome, and there was even plugin available:


```
$ npm install gridsome-plugin-simple-analytics
# then simply add the following settings
module.exports = {
  plugins: [
    {
      use: 'gridsome-plugin-simple-analytics'
    }
  ]
}
```
### Made by another IndieHacker

SimpleAnalytics is [a small but growing project](https://www.indiehackers.com/product/simple-analytics), and I like to support other makers whenever I can.

![](https://res.cloudinary.com/ximg/image/upload/w_732,h_500,c_limit/f_auto/whoami/da952a01/post/f27JacM19QmRJDeV.png)
<figcaption>PageWatch Dashboard. Hopefully one day the graph will look more impressive</figcaption>
 Originally published at <https://blog.pagewatch.dev/post/switching-from-netlify-to-simpleanalytics>
Disable two-finger swipe left/right page navigation gesture of Chromium-based browsers on macOS.
Tags: productivity
Published: 2020-07-30 21:14:57

Chromium-based browsers i.e (Chrome, Brave) by default are shipped with two-finger gestures used for navigating to next or previous page depending on the direction you swipe.
If for some reason you want to disable this feature, you can do this by setting **AppleEnableSwipeNavigateWithScrolls** to **FALSE**.


Open your **Terminal app**, copy the commands below, paste it in your terminal, hit the enter key to run it.

```bash
appName="TypeTheNameOfTheChromiumBaseBrowserInstalledOnYourMacHere"
bundleID=$(osascript -e 'id of app "'$appName'"')
defaults write $bundleID AppleEnableSwipeNavigateWithScrolls -bool FALSE
```

> Remember to set `appName=”To The Name Of The Chronimum Based Browser Installed on your Mac”`. For example, I have Brave Browser installed, mine goes like this `appName=”Brave”`


  Close your **Terminal app**, then restart your browser, do the gesture, it’s gone right? 🍻🌚

# Care to know what these commands do? 
Below, I provide step by step explanation of each command.

```bash
# Set your app name - the Chromium Browser (i.e Chrome, Brave) in a variable.
appName="Brave"

# Get the bundle Id of the Chromium Browser, store it in a variable.
bundleID=$(osascript -e 'id of app "'$appName'"')

# Example: Get the bundle Id of Brave browser
# Returns:
# com.brave.Browser

# Now let's set a flag to disable the gesture navigation.
defaults write $bundleID AppleEnableSwipeNavigateWithScrolls -bool FALSE
```

# Bouns
Okay, I want the gesture back what do I do? Easy, just close your browser. Open your Terminal app, copy and paste the commands below, hit the enter key. Make sure your set the appName to the browser’s name.

```bash
appName="TypeTheNameOfTheChromiumBaseBrowserInstalledOnYourMacHere"
bundleID=$(osascript -e 'id of app "'$appName'"')
defaults write $bundleID AppleEnableSwipeNavigateWithScrolls -bool TRUE
```
Dev.to, you are welcome!
Published: 2020-07-30 21:07:13

 My name is **Samson Goddy**, an open source🥑. Part-time engineer depending on the projects and money involved. 

  I have been running away from sharing contents, despite encouraging people to be open. Vibes drive my life, and I am happy that I will be sharing those vibes here. I promise to do my best, I don't know much, but I have a unique way of seeing things. 


 Since this is my welcome post with Dev.to, use the comment session to tell me what you care about and how I can help. I have experience with building communities around products, love python, and currently learning Django, grew up with open source tools, and now a full-time evangelist with the ministry (hallelujah somebody). 

So stay safe, wear a mask, always remember *Git isn't short for Github*, they are different. 


Peace
*Your friendly neighborhood Spiderman*
What do you hate most about being a developer?
Tags: discuss, career
Published: 2020-07-30 20:57:47

... I can't think of any. Most people are complaining about bugs. I do so, too. But secretly I like them. They are like puzzles to me that I can solve. :)

Oh, wait. I don't like flame wars. I enjoy reading the discussion about the pros and cons. But I don't actively engage in them
What are some of the biggest lessons you've learned as an entrepreneur?
Tags: discuss, podcast
Published: 2020-07-30 20:25:18

---
title: What are some of the biggest lessons you've learned as an entrepreneur? 
published: true
description: Weigh-in for the chance to be featured on the DevDiscuss podcast
tags: discuss, podcast
---
The format of DEV's first official podcast, [DevDiscuss](https://dev.to/devdiscuss), begins with an interview and ends with commentary from the community.

With season two of DevDiscuss coming soon (!!!), we want to know... 

> ### **What are some of the biggest lessons you've learned as an entrepreneur?** 
_This can include pitfalls, success hacks, points of reassurance for budding entrepreneurs, etc!_

**If you'd like a chance to be featured in the upcoming related episode**, please send us a voice memo or leave a comment below by Wednesday, August 5th at 5 PM PT (8 PM ET, 12 AM UTC).

#### Details on how to participate
Call our Google Voice at +1 (929)500-1513 and leave a message 📞
Send a voice memo to pod@dev.to 🎙

OR, if you don't want your voice recorded...just leave a comment here and we'll read your response aloud for you 🗣

---
### ✨Subscribe to DevDiscuss✨
* [Apple](https://podcasts.apple.com/us/podcast/devdiscuss/id1513053883)
* [Spotify](https://open.spotify.com/show/4Jae2mPUqx0XnGychucsE4)
* [Overcast](https://overcast.fm/itunes1513053883/devdiscuss)
* [Stitcher](https://stitcher.com/podcast/devdiscuss)
* [Listen Notes](https://listennotes.com/podcasts/devdiscuss-dev-xtQvoDylAUg/) 
* [RSS Feed to plug into the platform of your choice](https://feeds.devpods.dev/devdiscuss_podcast.xml) 🔌
* [Google Podcasts](https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5kZXZwb2RzLmRldi9kZXZkaXNjdXNzX3BvZGNhc3QueG1s?sa=X&ved=2ahUKEwj0uNiMivjqAhUYoZ4KHajyBb0Q4aUDegQIARAC)

### Listen to the latest episode of DevDiscuss
{% podcast https://dev.to/devdiscuss/s1-e9-how-to-develop-for-neurodiversity-and-universal-design %}
Python Number Formatting Binary Type
Tags: python, tutorial, beginners, codenewbie
Published: 2020-07-30 20:21:41

Having done a side mini project that involved binary formatting in one of the popular languages, Python, I encountered quite a difficulty in researching the different methods that can be used. 

They are all over the place! So, I have tried to compile the different ways that I have found into this one short article. Here are some of the methods that I found myself use quite a couple of times in Python.

The simplest one would be this one for converting Integer into Binary form of String type:
```python
>> bin(int) # return “0bXXX”
# It will return a bunch of 0s and 1s with 0b in front
```

The following would look similar to each other as they make use of the method format(), but in different ways of writing:
```python
>> “{0:b}”.format(int) 
# It will return a bunch of 0s and 1s (return XXX)
>> format(int, ‘b’) 
# It will return a bunch of 0s and 1s (return XXX)
>> format(int, “0b”) 
# It will return a bunch of 0s and 1s (return XXX)
```

Here are the examples for the methods above:
```python
>> bin(2)		# Output: 0b10
>> format(2, ‘b’)	# Output: 10
>> format(2, “0b”)	# Output: 10
>> “{0:b}”.format(2)	# Output: 10
```

In order to convert back to decimal, simply use this one for the simplest one:
```python
>> int(x, base)
# int(x, 2)
```

That’s all for now. I hope this article will help some people that are looking for different ways of conversion. Thank you for reading!

If you like what I write, please share it for others to read. Please share any of your own ways of binary conversion on the comment section if any!