teleren/devto huggingface dataset:
Building  Network Effects for Your SAAS Product
Published: 2021-05-08 15:53:23

The very best startups build network effects along with utility value.

My startup, on the face of it, is just a utility tool. It’s a Rotating Proxy Service. Programmers call the API with a URL and based on that, I fetch the contents of the URL using proxies and give it back to their crawlers — end of the story.

But as a company, that’s not the only value I accumulate or provide. We talk to every customer about their exact needs and see all the problems they face in the whole process of web crawling and web scraping. We are very, very interested in knowing all their issues, knowledge, and lack of it, questions, doubts, options, ideas, failures, and successes. We ask them directly, we infer them by looking at our data, and we look for them actively on the internet. People have many questions on sites like Quora, Reddit, Hacker News, and other forums about Web scraping.

Getting into scenes rather than working in isolation builds another subtle value, the value that emerges as a part of a network. It's not just utility value. Like Facebook, as more and more people join the system, the cost of Facebook increases for every single user. That’s a network effect.

That’s why even when marketing, we want to end up creating network effects in the long run. An ad, for example, works to get you a visit and even a customer, but it doesn’t accumulate any value. A blog post, for example, is slower to produce amount, but it will live forever and produces data network effects.

Quora is an example of data network effects gone wild. As more people ask, view, rate, and answer questions, the value of Quora increases for everyone. We want to be tied into that value growth.

The more we participate in communities like this, post our ideas and thoughts liberally and generously on our blog, on medium, Linkedin, Facebook, etc., the more people find value in interacting with us. It is not just signing up to our service and uses it. It is this collective value of the content we have produced, The understanding of the space and its problems that we have painstakingly accumulated by poking our nose into peripheral issues that we didn’t have to get in. Talking and participating in efforts and discussions that are pushing the boundaries of web scraping is felt and is a benefit to a lot of our existing and new customers. I imagine this whole thing that we do, as an organism, slowly but surely moving, having a life of its own and getting more valuable as it grows in size, in connections, in knowledge, in empathy to the problems and goodwill. All this adds up to the product experience. It is tough work — especially in the beginning when you see no results, but it is now working for us.

This overall network effect also produces a highly defensible company as a side effect. It is complicated to compete with a company like this because of this level of moat. The value doesn’t just rest in the features but also leans heavily in the network, both of data, search engine rankings, and even human connection and goodwill.

The author is the founder of Proxies API the rotating proxies service.
Realtime chat app with React.js and Firebase
Tags: react, firebase, redux, webdev
Published: 2021-05-08 15:41:44

Build a real-time group chat application using React.js, Firebase, and Material UI for hangout and sharing of resources among groups with a lot of cool features.

Have a look at it
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/snri9ulya1e18fh3mknb.png)

Website: [https://chatify-49.web.app/](https://chatify-49.web.app/)

Github: [https://github.com/soumyajit4419/Chatify](https://github.com/soumyajit4419/Chatify)

If you want me to add any features do comment or any kind of suggestions or improvements is welcome.

If you like it please give a star to it on Github.
Thank You!
JavaScript talk
Published: 2021-05-08 15:27:18

1.Call()
Call() method allows calling any function and arguments provided individually. The call() allows for the method belonging to one object to be assigned and called for the different objects.

2.Null:
JavaScript null is a primitive value. Its data type is an Object. Null is also a falsy value.To check a null value in JavaScript, use three equal operator(===).
3.Global variable:Global variable can access any function.It can declared outside the function.
var value=20;//global variable  
function x(){  
alert(value);  
}  
function y(){  
alert(value);  
}
4.local Variable:
Find the largest element of an array:
function largestName(myfriend){
    var num = '';
    for (var i = 0; i<myName.length; i++) 
    {
      if (num.length < myName[i].length) {
        num = myfriend[i];
      }
    }
    return num;
  }
  largestName['mina', 'rina', 'cina', 'kina', 'longsimaa'];
5.Private variable:
A private variable is not accessible in the global scope. It is only visible in the current class.
6.closure: It is an internal copy of the environment. A variable in a closure is exclusively accessible to the child function that owns it.
7.setTimeout()
It is a method that calls a function or a specified number of ms in before an expression occur.

Syntex: setTimeout(function, milliseconds, param1, param2, ...)

 8.setInterval()
SetInterval is continue calling a function.
syntex:setInterval(function, milliseconds, param1, param2, ...)
9.Js stack: stack function depend on last in first out theory.

10.Queue:
Queue is a process.Is the function is empty then its call a new function.
10 things you need to know about ReactJs
Published: 2021-05-08 15:25:25

React is a javascript library. It is used for building user interfaces. I will discuss 10 important things that every react developer should know.

1. Virtual Dom: In simple virtual dom is the copy of the actual dom. Every time a change happened to the dom, the virtual dom compares the virtual dom and the actual dom elements. If anything changes then update and display the change on the UI.

2.JSX: JSX means javascript XML. It makes it so easier to write HTML code in javascript. It looks like HTML but it rendered into regular javascript code.

3. Default props: Default props is like javascript function default parameter. If any components props are not provided then default props are used in that.

4. PropTypes: Sometimes a developer didn't do anything wrong but react app shows a warning. To avoid this you can use the 
prop types package.

5. Performance optimization: Internally a react application has huge dom actions that can slow down your application. For this reason, you should use the minified version of your app. You can create a production build version to run the npm run build.

6. Components: React is not a framework it is a tiny library of javascript. React is created to build a user interface on a web application nothing much. Every small piece of a web application should be a component. This could be a small button or any text etc.

7. Expression: You can use any javascript expression in JSX using {} curly braces because JSX is not HTML it is javascript XML. Every JSX code translated into regular javascript.

8. Stateful component: In react you can create a component with a state or without a state. The class component is a stateful component.

9. Stateless component: In react stateless components are popular at this time. This is also called hook based component or functional component.

10. Hooks: Hooks must be used in the functional components. you can't use hooks in the class component. In real all hooks are javascript functions that used in specific work.
Interview Question
Tags: javascript
Published: 2021-05-08 15:20:26

**Q1: What is means by truthy and falsy value?**
Ans: In javascript, a truthy value is a value that considers true when encountered in a Boolean context. We consider the value that passes in the if block. Truthy value is `true, {}, [], 42, "0", "false", new Date()`, and falsy value is `false, 0, "", null, undefined, NaN`.

**Q2: What is the difference between null and undefined?**
Ans: Undefined variable is those that variable is declared in the program but have not been given any value. But the null value is used to represent the no value or no object. It implies that no object, null string, no valid boolean value, no number, no array object.

**Q3: How you get undefined?**
Ans: I think I get undefined in two ways. One is if I declared a variable but not given any value and another is I call a function that has to return nothing.

**Q4: What is the meaning of == and ===?**
Ans: == is slite restrict in checking two variables that are equal or not but not check their type. In ==== is restrict in checking two variables that are equal and also check their type.

**Q5: What do you mean by block scope and functional scope?**
Ans: A block scope is an area within if, switch conditions or for and while loops. Functional scope means the area within the function.

**Q6: How you declare a private variable in JavaScript and what is encapsulation?**
Ans: Private property of an object is declared using  _ adding at the first position of a variable. 
Ans: A group of related variables and functions seems to be a unit where the variables are called property and functions are call methods And this process is called encapsulation.

**Q7: What is the meaning of this keyword in js and how you understand it?**

Ans: In javascript, this refers to the object that it belongs to. In a function, this refers to the global object ( in browser this refers to window object ). In method call or property call, this refers to the left side object of `.` notation.

**Q8: Tell detail about the call, bind, apply?**

Ans: If I want to bind an external function to an object I use the `call()` method to the function. If I want to bind an external function to an object I also use `apply()` method to the function. The difference between `call()` and `apply()` is that the second parameter of the `apply()` is an array. Bind also works the same style as `call()` but it returns a function.
Most Important Concept in JavaScript
Published: 2021-05-08 15:16:28

For Coding with JavaScript, You must know some concepts from them I descript important 10 here.

1. True or False Value
* String: In JavaScript, we can check value true or false event when value is a string. Every String that has length it's true if there is nothing but there are is white space it's a true value, because of white space its length is 1 and an empty string is false.

* Number: In javaScript condition 0 is the value of false, every others value is true even it's negative.
* Variable: When a variable value is null or NaN it's false.

2. Double Equal, Triple Equal
When two or three values check with double equal (==) then it checks the value and gives the result true or false.

expamle: if(10 == "10"){
console.log("it's true")
}else{
console.log("it's false")
}

result: it's true,

double equal (==) check only value that's why it logs true.

but when we check with triple equal (===) its log false. because the first 10 is a number and the second "10" is a string their type is not the same triple equal check the value and check the type their value is same but their type is different that's why
It logs false.

expamle: if(10 === "10"){
console.log("it's true")
}else{
console.log("it's false")
}

result: it's false,

3. Scope
there is two scopes in JavaScript, 1. block Scope, 2. Global Scope.
when we declare a variable in a function with const or let then the variable is block Scope variable, it's can not be found from outside the function.

when we declare a variable outside of the function that is global scope we can use it In under the function or outside of the function. 

if we declare a variable in a function with the word "var" then we can access the variable from outside of the function, that case when starting the javaScript scan the whole page and the variable declared with "var" it converts to global scope that's why we can access.

4. This Keyword
when we call this keyword in any function then this means the function, this keyword represents this parent. 

5. Asynchronous
JavaScript works synchronize or serial wise, but we can make it asynchronous wise, for that we can use setTimeout.
with setTimeout we can call a function after a certain time. when we use it javaScript is no longer synchronous.
3 Quick Tips about Laravel Blade.
Tags: laravel, php, programming, framework
Published: 2021-05-08 15:08:31

Hello, today i have three random quick tips about blade maybe some of you will know them, maybe some of you will learn one or two new things, and let's begin...
# 1 - forelse loop

What do you do when you need to show a loop in Blade with foreach, but the list might be empty? You probably write if-else statement around it, right?

**Using foreach**
```
@if ($users->count())
  @foreach ($users as $user)
    <li>{{ $user->name }}</li>
  @endforeach
@else
   <p>No users.</p>
@endif
```
**You can use this**
```
@forelse ($users as $user)
    <li>{{ $user->name }}</li>
@empty
    <p>No users</p>
@endforelse
```
# 2 - auth and guest
 The **auth** and **guest** directives may be used to quickly determine if the current user is authenticated or is a guest.
```
@auth
    // The user is authenticated...
@endauth

@guest
    // The user is not authenticated...
@endguest
```
# 3 - auth()->user() Object
auth user object is accessible throughout all blade files without really passing them, so logged user can be accessed by our auth user.

```
User-name: {{ auth()->user()->name }}
User-email: {{ auth()->user()->email }}
```
So, you don't need to pass anything from the controller to view the information or check the information of logged user.

Thanks for reading.
[Laravel Docs](https://laravel.com/)
[Laravel Blade](https://laravel.com/docs/8.x/blade)
[My twitter](https://twitter.com/oFrancisCampos)
JavaScript Interview
Published: 2021-05-08 15:04:10

Truthy & Falsy Values:

In JavaScript, different values equate to true when compared with == (loose or abstract equality) because JavaScript (effectively) converts each to a string representation before comparison.Ex:
// all true
1 == '1';
1 == [1];
'1' == [1];

A more obvious false result occurs when comparing with === (strict equality) because the type is considered.Ex:
// all false
1 === '1';
1 === [1];
'1' === [1];


Null Vs Undefined, different ways to get undefined:

Undefined means a variable declared, but no value has been assigned a value.Ex:
var numb;
alert(numb); //shows undefined
alert(typeof numb); //shows undefined

 Null in JavaScript is an assignment value. One can assign it to a variable.Ex:
var name = null;
alert(name); //shows null
alert(typeof name); //shows object


double equal (==) vs triple equal (===), implicit conversion:

In JavaScript, different values equate to true when compared with == (loose or abstract equality) because JavaScript (effectively) converts each to a string representation before comparison.Ex:
// all true
1 == '1';
1 == [1];
'1' == [1];

A more obvious false result occurs when comparing with === (strict equality) because the type is considered.Ex:
// all false
1 === '1';
1 === [1];
'1' === [1];


Scope, Block Scope:

Scope determines the visibility or accessibility of a variable or other resource in the area of one's code.

 A block scope is the area within if, switch conditions or for and while loops. {} brackets covered area are considered as block scope.Const and let keywords allow developers to declare variables in the block scope.
10 Important JavaScript Concepts for Interview
Tags: javascript, interview
Published: 2021-05-08 14:51:16

## Truthy and Falsy values
By default, javascript considers some values as true and the others false. Almost all values other than **0** and **''**(empty string) are considered true in Javascript. 
Some specific cases are there when Javascript will show true or false. Now we will discuss them.
### True values:
`''`, `'0'`, `{}` , `[]`  All these will give true value 
### False values:
`false`, `undefined`, `null` , `0`, `NaN`

## Null vs Undefined 
Null is a value that was defined but empty or null, whereas undefined is a value that was declared but no value assigned.
Undefined is a type where null is an object.

## Double Equal ( == ) vs Triple equal ( === )
Double equals just check values and while triple equals check values with the type of the values. Double equals convert the type of the value and then check the value.

## Scope
Scope means the accessibility of variables. Javascript has two types of scope: **Local scope** and **Global scope**.

Variables declared within a function are the local scope and these variables are accessible within only that function.

A global scope is a variable declared outside of a function and accessible from any function, scripts, and  webpage, 

## Block scope
A block scope in Javascript is the area within any loop or condition like **for**,  **while**, **if**, **switch** etc. To make it more clear, any javascript code within curly braces `{}` are block. ES6 made things easy for developers. **let** and **const**  keywords are used in specific cases to declare variables that are accessible only within the block.
## Closuer
Closure in javascript is when there's a function declared within a function. Or a function returns a function. The second function which is declared within the first one has variables that are not accessible from the parent function or first function (**private variable**). But the children function can access the value of the parent function.

## Bind
The **bind()** method creates a new function that, when called, has its `this` keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.

## Call
Call returns function where parameters are separated by a comma.
```
function.call(firstParam, secondParam, thirdParam);
``` 

## Apply
Apply returns an array 
```
function.apply(1st param, [secParam, thirdParam]);
```
## Window
The  `window`  object is supported by all browsers. It represents the browser's window. All global JavaScript objects, functions, and variables automatically become members of the window object. Global variables are properties of the window object.
Global functions are methods of the window object.
Most 10 common JavaScript questions.
Published: 2021-05-08 14:48:14

# Truthy and Falsy values:
Truthy and falsely value is Boolean context. Mainly it is used if and else condition in javaScript. Some rules have if and else condition. 
Some falsy values are;
* false
* 0 (zero)
* '' or "" (empty string)
* null
*undefined
* NaN

Otherwise, every value is truthy values. Some truthy values are;
* '0' (a string containing a single zero)
* 'false' (a string containing the text “false”)
* [] (an empty array)
* {} (an empty object)
* function(){} (an “empty” function)

# Null Vs Undefined:
The null and undefined value is mainly empty values. 
Null: Null in JavaScript is an assignment value. You can assign it to a variable.
Undefined: It means a variable declared, but no value has been assigned a value.

# Double equal(==) and Triple equal (===): 
The double and triple equal main difference triple equal compare to other values very strictly but double equal not strictly compare.

# Scope:
Scope determines the visibility or accessibility of a variable or other resource in the area of your code. Many types of scope. There are;
* Global scope
* Block scope.
# Hoisting: Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution.

# Closure:
If there is another function inside a function, then a close environment is created when that function is returned. This close environment process is called closure.

# This Keyword:
The JavaScript this keyword refers to the object it belongs to.
* this refers to the owner object.
* this refers to the global object.
* this refers to the global object.
* this refers to the call() and apply() method

# Global Variable:
A variable declared outside a function becomes global. A global variable has global scope. All scripts and functions on a web page can access it. 

# Event Bubble:
Event bubbling is a term you might have come across on your JavaScript travels. It relates to the order in which event handlers are called when one element is nested inside a second element, and both elements have registered a listener for the same event.

# Arrow function: 
The arrow function is shorter syntax in the main function. It uses to start when the javaScript es6 version was coming. It is most useful to every JavaScript developer.

# What is DOM?
The Document Object Model (DOM) is a programming interface for HTML and XML documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects. That way, programming languages can connect to the page.
I fixed Google's scripting tool
Tags: showdev, python, bash
Published: 2021-05-08 14:45:53

So someone at Google released a tool called [zx](https://github.com/google/zx) a couple days ago, and...

Well, take a look at it for yourself:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xq4cg6xtc7881cydwi2z.png)

I can't be the only one who doesn't like: 

1. The idea of having to install nodejs and npm on my servers just to run a shell script.

2. The `await $` syntax used for every. single. command.

And I thought I could do better, so I tried. And this is what I came up with:

## Introducing zxpy

```python
#! /usr/bin/env zxpy
~'echo Hello world!'

file_count = ~'ls -1 | wc -l'
print("file count is:", file_count)
```

It fixes the two problems I had in the following ways:

- It uses Python instead. Not only is Python a much more popular choice for scripting on desktop, it is also pre-installed on a lot more systems. Most linux and MacOS desktops, and arch/ubuntu based linux servers ship with it installed (probably many others do as well!)

- It uses a simple `~'shell command'` syntax. It's synchronous by default, but in my experience, most shell scripts are as well. It is possible to add async support, and if needed I'll add it in the future, but synchronous as default seems a lot more sane to me. :)

---

So, why not give it a try?

It's available on [pip](https://pypi.org/project/zxpy), and the source code, along with a few examples, is available [on GitHub](https://github.com/tusharsadhwani/zxpy).
Custom Checkbox with HTML & CSS
Tags: html, css, webdev, beginners
Published: 2021-05-08 14:41:03

Hello, today I created a Simple custom checkbox using CSS & JS. Not great work but I hope you like this also comments about your thoughts. For more content follow me on Instagram  [@developer_nikhil27](https://www.instagram.com/developer_nikhil27/)

{% codepen https://codepen.io/NikhilBobade/pen/gOmpYdZ %}