teleren/devto huggingface dataset:
I would like to receive feedback from the reserved word duplicate check service.
Published: 2020-11-26 06:38:39

Hi, we have an open-source project(https://always0ne.github.io/reserved-words) that can check whether the identifier is already used in the system as keywords or reserved words.
In DMBS market, there are a lot of DMBS. However, since there are so many different kinds of DMBS in the market, there are some different keywords and reserved words among them. moreover, though they are same DBMS, there are some differences among versions.
You can check each version's keywords and reserved words from official website,but it's annoying and complicate.So we integrated them. You just need to check service and version you want to check and enter word.That's it! we also provide alternative if your word is reserved.
We've been updating data DB as well as other environment such as programming language(java, C, etc ..), service language(AWS, google).
Please try our service, give us feedback. We always welcome your feedback. If you are interested in contributing to our service, come to our github repository. You can contribute very easily.(https://github.com/always0ne/reserved-words)
Additionally, we also do survey to improve our service. It takes only couple of minutes. Thank you for taking part in our survey!(https://forms.gle/C8AqnZPawAbZGgbr8)
#021Disrupt2020
Published: 2020-11-26 06:26:13

Hola 👋🏻⚡📌

A big opportunity for students, professionals and entrepreneurs is that #021Disrupt2020 is on the way organized by The Nest I/O biggest entrepreneurship conference of Region. 🧿🌟

- Agenda of Conference📍
If you're a startup looking for funding or expert advice for your startup, this is the virtual conference you want to be at. Register quickly as we have limited spots for office hours. Secure your chance for the right advise at the best startup conference of the region. ✨🇵🇰
#021Disrupt2020

- Registration Link⚡
https://lnkd.in/dM7g7dv

Best Regards 🙏✨
Best VS Code extensions for Flutter Developers.
Tags: flutter, programming, vscode, dart
Published: 2020-11-26 06:15:25

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

<h3>As a Flutter beginner, I always used to get confused while coding in Flutter but these extensions saved my day.</h3>

<h2>Flutter & Dart are the must have extension and it's the most basic extension that you will need in VS Code to work with Flutter</h2>

<h1>1. Bracket Colorizer 2</h1>
![Bracket Colorizer 2 Logo](https://dev-to-uploads.s3.amazonaws.com/i/o41h5avfwj0y7yebrfxi.jpg)
<h4>This extension helps to match the brackets with same colors and make's the code much more easily readable and understandable. This extension becomes a life saver as it colors a pair of bracket's with same colors and makes the block of code visible.</h4>
![BC2](https://raw.githubusercontent.com/CoenraadS/Bracket-Pair-Colorizer-2/master/images/example.png)

<h1>2. Error Lens</h1>
![Error Lens](https://raw.githubusercontent.com/phindle/error-lens/master/images/Screenshot-1.png)
<h4>Error Lens help's to display the error's in front of you in that line where the error has occurred and this also saves a lot of time and makes it much more easier for you to code</h4>

<h1>3. Pubspec Assist</h1>
<h4>Pubspec assists help's you to get the latest version of packages.It searches for the packages directly from the VS Code and adds it to pubspec.yaml and let's you not to visit pub.dev to check for the package and saves a lot of time</h4>
![Pubspec Assist Demo](https://raw.githubusercontent.com/jeroen-meijer/pubspec-assist/master/demo.gif)

<h1>4. Awesome Flutter Snippets</h1>
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/uflfle2cof3rex05lnsk.jpg)
<h4>Awesome Flutter Snippets is a collection of commonly used Flutter classes and methods. It increases your speed of development by eliminating most of the boilerplate code associated with creating a widget. Widgets such as StreamBuilder and SingleChildScrollView can be created by typing the shortcut streamBldr and singleChildSV respectively.</h4>

<h1>5. Image Preview</h1>
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k0s6xy3runvbpmtvdx7z.jpg)

<h4>Image Preview help's to preview images that are loaded on the script. This make's it easy to preview the image.</h4>

![Alt text](https://raw.githubusercontent.com/kisstkondoros/gutter-preview/master/images/sample.png)

*IF YOU LIKED MY CONTENT & I WILL BE UPLOAING MORE BUT IF YOU LIKE TO SUPPORT ME SUBSCRIBE MY CHANNEL.*
Link: https://youtube.com/c/CodersLane
How does handwriting.io work?
Tags: discuss, handwriting
Published: 2020-11-26 06:01:09

I came across this awesome app 😎 [handwriting.io](https://handwriting.io/). 
It converts _text_ to _handwriting_. ✍🏾
Every instance of the letter you type is different. 😮
I wonder how the developers made this cool app. 🤔
You can test it for yourself 👉🏾 [here](https://handwriting.io/demo/)
SVG 101: What Is SVG?
Tags: svg, design, devops
Published: 2020-11-26 06:00:51

>#So, What Is SVG and Why Should You Use It?

SVG is an eXtensible Markup Language (XML)-based vector graphic format for the Web and other environments. XML uses tags like HTML, although it’s stricter. You cannot, for example, omit a closing tag since this will make the file invalid and the SVG will not be rendered.

To give you a taste of what SVG code looks like, here’s how you would draw a white circle with a black border:
```
<circle cx="100" cy="100" r="50" stroke-width="4" stroke="#000" fill="#fff" />
```
SVG is a W3C standard, which means that it can inter-operate easily with other open standard languages and technologies including JavaScript, DOM, CSS, and HTML. As long as the W3C sets the global industry standards, it’s likely that SVG will continue to be the de facto standard for vector graphics in the browser.

The awesomeness of SVG is that it can solve many of the most vexing problems in modern web development. Let’s breeze through some of them.
* Scalability and responsiveness
* Programmability and interactivity
* Accessibility
* Performance

`Thanks`
9 of the Best Animation Libraries for UI Designers
Tags: tutorial, animation, design
Published: 2020-11-26 05:50:47

Here are the Top 9 Animation Libraries List: -

* Animate.css
* Bounce.js
* AnimeJS
* GreenSock (GSAP)
* Magic Animations
* ZDog
* CSShake
* Hover.CSS
* AniJS

#Which Library Should You Choose?
>If you’re looking for a simple-to-use, robust CSS solution, Animate.css is probably the most versatile, “bang-for-buck” option available.

>If you’re looking for a more complete, powerful JavaScript option, GreenSock and AnimeJS is very hard to split.

Read More on SitePoint
I finally changed the default Mac mail behaviour
Tags: watercooler
Published: 2020-11-26 05:45:58

If you're on a Mac and use a Mail client that is not the default Mac Mail this article is for you.

More then once I've clicked a `mailto:info@daily-dev-tips.com` link and it opens that stupid Mac app instead of your own mail client.

This bugged me so much, so here is how you can change that default behaviour to be an application you want it to be.

The end result: (I'm using Spark)

![Mac default mail](https://cdn.hashnode.com/res/hashnode/image/upload/v1605938733741/H3IVNHzaw.gif)

## How to change the default Mail client on Mac

To actually make this change, we have to open the default Mail app.

Open the Preferences menu for the Mail app.

![Mac mail preferences](https://cdn.hashnode.com/res/hashnode/image/upload/v1605938820337/MFb66UB0b.png)

Now we need to change the default email reader.

![Changed default email](https://cdn.hashnode.com/res/hashnode/image/upload/v1605938882534/KIhRSPlaL.png)

That's it. Now your default mail actions will be through whatever you just set up.

I hope it helps you get rid of opening that default mail app  by default.

## Some good alternatives for Mac

Perhaps you're thinking cool, but what are some alternatives for Mac?

I'm personally using [Spark](https://sparkmailapp.com/) because it comes with swipeable cards which help me maintain [Inbox zero](https://daily-dev-tips.com/posts/a-clear-mind-starts-with-a-clear-inbox/).

If your an outlook person, [Microsoft Outlook for Mac](https://apps.apple.com/us/app/microsoft-outlook/id985367838?mt=12) is pretty good!

I also heard good things about [Airmail](https://airmailapp.com/), but for me, Spark does everything I need, so never tried this one myself.

Perhaps you really like slick UI's and are not afraid to pay a little bit, then check out [Canary mail](https://canarymail.io/).

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
What is Ethereum?
Tags: blockchain, development, discuss
Published: 2020-11-26 05:32:42

#🤔*What ??*

##**Ethereum is open access to digital money and data-friendly services for everyone – no matter your background or location. It's a community-built technology behind the cryptocurrency ether (ETH) and thousands of applications you can use today.**

So, what basically Ethereum does is that it is a cryptocurrency but is way different from _Bitcoin_. Bitcoin only deals with money transactions, but Ethereum trades in money & also it is a platform for developers to come to and create smart contracts for anything such as insurance, deals, and many more things!

#🤔*When ??*

Ethereum was founded by Vitalik Buterin on 30th July 2015.

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

Vitalik Buterin was introduced and intrigued by blockchain technology when he got involved in *Bitcoin* as a 17-year-old programmer in 2011 and co-founded Bitcoin Magazine. He started to imagine a platform that went beyond the financial use cases allowed by Bitcoin and released a white paper in 2013 describing what would ultimately become Ethereum using a general scripting language.

The key differentiator from Bitcoin was the platform’s ability to trade more than just cryptocurrency.

In 2014, Buterin and the other co-founders of Ethereum launched a crowdsourcing campaign where they sold participants Ether (Ethereum tokens) to get their vision off the ground and raised more than $18 million. The first live release of Ethereum known as Frontier was launched in 2015. Since then, the platform has grown rapidly and today there are hundreds of developers involved.

#🤔*Why ??*

* Banking for everyone:
Not everyone has access to financial services. But all you need to access Ethereum and its lending, borrowing, and savings products is an internet connection.

* ###A more private internet:
You don't need to provide all your personal details to use an Ethereum app. Ethereum is building an economy based on value, not surveillance.

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

* ###A peer-to-peer network:
Ethereum allows you to move money, or make agreements, directly with someone else. You don't need to go through intermediary companies.

* ###Censorship-resistant:
No government or company has control over Ethereum. This decentralization makes it nearly impossible for anyone to stop you from receiving payments or using services on Ethereum.

* ###Commerce guarantees:
Ethereum creates a more level playing field. Customers have a secure, built-in guarantee that funds will only change hands if you provide what was agreed. You don’t need a large company clout to do business.

* ###Compatibility for the win:
Better products and experiences are being built all the time because Ethereum products are compatible by default. Companies can build on each other's success.

#*Listen to my podcast for more depth analysis🎤*
[CryptoCrazy](https://open.spotify.com/show/1K7zRWmSMETlyFTfPU9zD1)
Ubuntu üzerinde PostgreSQL 13 kurulumu
Tags: ubuntu, postgres
Published: 2020-11-26 05:29:51

Ubuntu sunucu sürümleri üzerinde PostgreSQL 13 kurabilmek için Ubuntu'nun kendi depoları yeterli değildir. Bu yazı yazıldığında resmi depolarda Ubuntu 18.04 için 10.x, Ubuntu 20.04 için 12.x sürümleri bulunmaktadır. Ubuntu sistemler üzerinde Postgresql 13.x kullanabilmek için aşağıdaki komut ile temel kurulum işlemine başlayabilirsiniz:

Öncelikle postgreSQL'in resmi deposu eklenebilir. Bunun için Ubuntu sürümünüzü girmeniz veya aşağıdaki komuttaki gibi $(lsb_release -cs) komutunu kullanmanız gerekmektedir:

```bash
sudo sh -c 'echo "deb http://apt.postgresql.org/pub/repos/apt $(lsb_release -cs)-pgdg main" > /etc/apt/sources.list.d/pgdg.list'
```

Bu komut ile depo eklenmesine rağmen anahtar ekli olmadığı için yükleme işlemi yapılamayacaktır. Depo kullanımında anahtar eklemek için:

```bash
wget --quiet -O - https://www.postgresql.org/media/keys/ACCC4CF8.asc | sudo apt-key add -
```

Artık sistem üzerinden depoya erişim sağlanabilmektedir. Bunun için depoyu local sisteminizle eşitlemeniz yeterlidir.

```bash
sudo apt update
```

Bu adımdan sonra istediğiniz postgreSQL sürümü ne özellikle bu yazının konusu olan 13 sürümünü yüklemek için aşağıdaki komutu kullanabilirsiniz:

```bash
sudo apt -y install postgresql-13
```

***

Ad astra
React Native - Message App
Tags: react, reactnative, devjournal, javascript
Published: 2020-11-26 05:27:54

Time to build a chat app through react-native. Check out my progress, and check out my repository https://lnkd.in/gSa9Kwe.

It is exciting learning multiple things in the tech field, and it is exciting to see your projects working.

# React-Native-Chat-Firebase

created by Alan A. Haro

# Steps to create this app

- Install Expo

```
npm install --global expo-cli
```

- Create your project

```
expo init [name_of_your_project]
```

- Open an account with Google Firebase
- Create and name your project
- Select Web Base
- Create a variable that will hold the credentials from your Firebase project into your react-native project

# Install the following dependencies

```
import { GiftedChat } from "react-native-gifted-chat";
import AsyncStorage from "@react-native-community/async-storage";

```
Linux basic for Cybersecurity
Tags: linux, hacktoberfest, security, cybersecurity
Published: 2020-11-26 05:17:49

thanks for such a nice article i also found some good resource to learn linux
<a href="https://www.codersnoon.com/2020/11/linux-basic-for-cyber-security-students.html">Linux basic for Cybersecurity students and Hacker</a>
or visit my website - https://www.codersnoon.com
How to build a custom server with nodejs in 3 min
Tags: javascript, node, webdev
Published: 2020-11-26 05:04:32

Hello people!
Hope you like my previous HOW TO tutorials. So in today's post, we will be making a custom server with Nodejs in 3 minutes.

What you need:
__* Knowledge of javascript and Nodejs__
__* Npm installed__

So without any further due, let us get to the main point.
If you have installed the npm package, then Go to the terminal! 

//switch to the directory where you want to store your files
__cd documents__

//make a new folder to store the meta data of the server.
__mkdir server__

//switch to this "server" file and then start with npm
__cd server__

//create a package.json file with npm
__npm init__

//use this command to create a file named app.js
__touch app.js__

__NOTE: we will code only in the app.js folder.__

![Create a custom server with Nodejs - Vikas Singh](https://dev-to-uploads.s3.amazonaws.com/i/etkp48t44nf2uch8nu22.png)

__You should get this message(listening at port 3000) on the console if your server is working properly.__

Congrats, you have your own custom server. 

Give a ❤ if you liked the tutorial.
Concurrency trong Go: Tổng quan cơ chế hoạt động
Tags: go, concurrency, goroutine, techmaster
Published: 2020-11-26 05:00:54

Trong video dưới, mình cố gắng đưa ra một cái nhìn tổng quan về cách Go triển khai concurrency qua các thành phần:
- Goroutine
- Logical Processor
- Local Run Queue
- OS thread

{% youtube aZ3qan25jdc %}
Learning how to learn
Tags: productivity, webdev, programming, beginners
Published: 2020-11-26 04:47:37


>The most successful people in the world are lifelong students.  That means they're continuously learning new skills, keeping up with the latest in their chose field, and staying apprise of what the other field have to offer them.

_Jim Kwik_

A person's approach to learning is the very important factor in mastering any subject that he is interested in.  That's why learning how to learn is such an important aspect.  The books **LIMITLESS** by **Jim Kwik** changed my whole perspective about learning.  I would like to share a few things that help me to understand and learn new things.

## Active Recall and Spaced Repetition

This one plays a major role in how well I understand and retain the information.  Once I go through some topic I try to summarize what I have learnt.  This makes sure I am actively engaged in the topic I am learning not just cramming through the information.  Also once I complete a good chunk of topic, I go back to it after a while and try to recollect as much information as possible.

## Deliberate Practice

One the habit I have is skimming over the difficult part.  It comes out of sheer comfort zone.  But whenever this happens I try to force myself to sit uptight and break the topic into small group of concepts so that it becomes easy to grasp.

## State while learning

Learning is state dependent.  I make sure I sit in a proper posture and make sure that the I am consuming the most important topic of my life.  If have observed that if I slouch and have no interest in the topic then I retain less information.  

## Active note taking

I make sure I have a goal in mind before I start making notes for any topic.  Also I don't write down every bit of information on note, just the bullet points.  Also I make sure I go over the notes once I have written them down just to make sure  I have note missed out any information.

## _What about you?_

How do you approach learning and what the some tips you follow to learn better.  I would love to hear them out.
How Python Sees Variables
Tags: python, codenewbie, java, programming
Published: 2020-11-26 04:40:04

In programming languages like _C_ and _Java_, the concept of a variable is related to a *memory location*. Hence, often a variable is defined as a **named memory location**. Let us visualize this with an example, say we have the equation
```
int a = 1;
```
This may be viewed as a memory box:
![Variable a](https://dev-to-uploads.s3.amazonaws.com/i/ue8x58ebdm8el36v5v6i.png)
Say we now store another value using the same variable
```
a = 2;
```
This may be viewed as an updated memory box:
![Updated Variable a](https://dev-to-uploads.s3.amazonaws.com/i/wixh5t6x3rlawz1esl90.png)
Let us now store the value of this variable into another
```
int b = a;
```
This creates another memory box as follows:
![New Variable](https://dev-to-uploads.s3.amazonaws.com/i/2zorouoj3qgivamcl330.png)
This is basically how other programming languages visualize variables. We can simply say that the "**memory location**" is emphasized which contains a "**value**". However, Python views variables as "**tags**" which are referenced (or tied) to some "**value**" (or object).

Let us visualize the above examples once again, say we have the equation
```
a = 1
```
This may be viewed as the value or object having priority, to which a tag is assigned:
![Variable a](https://dev-to-uploads.s3.amazonaws.com/i/n69mfbjf2z57zq4wd1nh.png)
Say we now store another value using the same variable
```
a = 2
```
In this case, the tag is simply changed to the new value, and the previous value (now unreferenced) is removed by the [**garbage collector**](https://dev.to/mcscodes/python-memory-management-hcb):
![Updated Variable a](https://dev-to-uploads.s3.amazonaws.com/i/fat8i51nfnm3sko5mt4y.png)
Let us now store the value of this variable into another
```
b = a
```
In this case, another tag is created that references to the **same object:**
![New Variable](https://dev-to-uploads.s3.amazonaws.com/i/fcrn4q3w0sa5yyp28fsz.png)
Hence, only one memory is referenced by two names.

So to conclude, other languages have variables, while Python has 'tags' to represent the values (or objects). This method allows Python to utilize memory efficiently, and this visualization helps in understanding variables in Python.
I am trying to match this text with regexp but getting error
Tags: javascript, node
Published: 2020-11-26 04:24:41

string : ----------------Page (0) Break----------------
(it can have any number inside parenthesis)

pattern : /?<=-{16}Page \()(\d+)(?=\) Break-{16})/g

usage : 

if(line.search( /?<=-{16}Page \()(\d+)(?=\) Break-{16})/g )!=-1)
{
     console.log(line);
}  

error : SyntaxError: Invalid regular expression: /?<=-{16}Page \()(\d+)(?=\) Break-{16})/: Nothing to repeat

Any help would be appreciated.
Thank You
RCT001 Hello world in react.js
Tags: react
Published: 2020-11-26 04:14:14

# react.js的Hello World。

我的笔记里对react.js的学习包含了以下8个内容：

1. import react.js    (This note)
2. JSX    (This note)
3. 渲染    (This note)
4. Components and props
5. react 生命周期
6. 事件处理
7. 条件渲染 if-else
8. 列表渲染 for loop

# react的基本语法

- ReactDOM.render()   渲染元素
- React.createElement()    创建元素
- React.Compoment()    创建组件

# 在项目中引入react.js

## 使用CDN来引入react

直接在html页面里通过`<script>`标签引入：
```html
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<!-- 生产环境中不建议使用 -->
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
```

其中，第一个是react.js的核心库，第二个是react操作DOM的库，第三个是Babel，用于解析 ES6 的语法。同时，Babel 内嵌了对 JSX 的支持。

## 使用npm来引入react

与第一种方法类似，只是`script`里面的`src`内容换成npm下载下来的本地文件。

# react 的 Hello World

## react原始语法

react使用`render()`方法将元素渲染到html中的一个div中：
```html
<!-- We will put our React component inside this div. -->
<div id="react_container"></div>

<script>
  var hello = React.createElement('h3', {}, "Hello, react world!");
  ReactDOM.render(
    hello,
    document.getElementById('react_container')
  );
</script>
```

React.createElement()的第一个参数是标签名，第二个参数是标签属性，第三个参数是标签里面的内容。

以上是react最**原始**的语法，现在很少使用了。以后的代码都使用 JSX，即在js中嵌套html，html中也嵌套js。

## 使用 JSX

上述的代码可以改成这样：
```html
<!-- We will put our React component inside this div. -->
<div id="react_container"></div>

<script type="text/babel">
  ReactDOM.render(
    <h3>Hello, react world!</h3>,
    document.getElementById('react_container')
  );
</script>
```

**注意**：使用了`babel`编译了JSX，`<script>`标签里面需要加入`type="text/babel"`。

当然，以上的例子很简单，我们定义的`<h3>`标签里面还可以有`class`，`name`等属性。

## 定义标签属性

使用了JSX后，定义标签属性就很直接了，只需要注意以下几点：

- `class`属性写成`className`
- `tabindex`属性写成`tabIndex`

JSX 语法上更接近 JavaScript 而不是 HTML，所以 React DOM 使用 camelCase（小驼峰命名）来定义属性的名称，而不使用 HTML 属性名称的命名约定。

```html
<!-- We will put our React component inside this div. -->
<div id="react_container"></div>

<script type="text/babel">
  ReactDOM.render(
    <h3 className='hello' name='hello-h3'>Hello, react world!</h3>,
    document.getElementById('react_container')
  );
</script>
```

# 更新渲染的元素

React 元素是不可变对象。一旦被创建，就无法更改它的子元素或者属性。一个元素就像电影的单帧：它代表了某个特定时刻的 UI。

根据我们已有的知识，更新 UI 唯一的方式是创建一个全新的元素，并将其传入 ReactDOM.render()。

**但是**，React 只更新它需要更新的部分，React DOM 会将元素和它的子元素与它们之前的状态进行比较，并只会进行必要的更新来使 DOM 达到预期的状态。

结合下面这个例子，我们首先渲染了一个`<div>`以及内部的两个`<h3>`，然后2s后再一次调用render()方法，修改了第二个`<h3>`里面的内容，但是第二次渲染只会修改更新的部分：

```html
<script type="text/babel">
  ReactDOM.render(
    <div>
      <h3 className='hello' name='hello-h3'>Hello, react world!</h3>
      <h3 className='hello'>This is a mseeage.</h3>
    </div>,
    document.getElementById('react_container')
  );

  function change() {
    ReactDOM.render(
    <div>
      <h3 className='hello' name='hello-h3'>Hello, react world!</h3>
      <h3 className='hello'>The message will change.</h3>
    </div>,
    document.getElementById('react_container')
  );
  }
  setTimeout("change()", 3000); // re-render after 3 seconds
</script>
```