teleren/devto huggingface dataset:
Which Python Framework is fastest?  
Tags: python, webdev, beginners, programming
Published: 2021-12-30 12:29:26

Now a days, we have seen an usage of the web development is increased a lot & along with that Python language is became the world's 2nd most popular programming language based on it's usage. Python has grown to become one of the most popular server-side languages on the Internet. According to W3Techs, it is used by more high-traffic sites than ColdFusion, PHP, ASP.NET And Java. Even Tech giants like Google, Facebook, Netflix, Microsoft all have started using the Python as a server side language for their applications.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xrgmm2gmhpflcu62g1hs.gif) 

Today, there is a wide variety of Python frameworks that make creating web applications much easier. These frameworks bring together the modules and packages that allow you to build applications quickly, without the need to take care of involved details, like sockets and protocols, all in one place. 

Top Python Frameworks
- Django
- Flask
- FastAPI
- CherryPy
- Bottle

To know more Python frameworks visit [here](https://www.upgrad.com/blog/top-python-framework-for-web-development/)

Now our questions arise, which python framework is fastest among all the python frameworks. Based on the [Techempower](https://www.techempower.com/benchmarks/#section=test&runid=7464e520-0dc2-473d-bd34-dbdfd7e85911&hw=ph&test=query&l=v2qiv3-db&a=2) listing, Fastest Python Framework is "**FastAPI**". 

FastAPI is a modern, fast (high-performance), web framework for building APIs with Python 3.6+ based on standard Python type hints.

The key features are:

- Fast: Very high performance, on par with NodeJS and Go. One of the fastest Python frameworks available.
- Fast to code: Increase the speed to develop features by about 200% to 300%. *
- Fewer bugs: Reduce about 40% of human (developer) induced errors. *
- Intuitive: Great editor support. Completion everywhere. Less time debugging.
- Easy: Designed to be easy to use and learn. Less time reading docs.
- Short: Minimize code duplication. Multiple features from each parameter declaration. Fewer bugs.
- Robust: Get production-ready code. With automatic interactive documentation.
- Standards-based: Based on (and fully compatible with) the open standards for APIs: OpenAPI (previously known as Swagger) and JSON Schema.

You can check the full documentation [here](https://fastapi.tiangolo.com/)

I do recommend to check the documentation and use this framework for one of your microservice.

**Summary**
As there are so many Python frameworks available in the market, we first need to identify which framework we should use to build our web applications. So we need to identify which Python framework is best, easy and fast. Python FastAPI is one of the fastest and come up with so many good features which reduce the development efforts. So I would highly recommend to use this framework for one of your next web services. Hope you liked it. Have a Great Day. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rh594ku9d2j4ua1ls3nu.gif)
Webcasts - How This Technology Builds Your Business and Your Sales!

Published: 2021-12-30 12:16:52

Webcasts. Webcasts are presentations available to viewers via the Internet, complete with audio and video. To see the presentation the viewer needs no special equipment or plugins, he or she simply goes to a website address, logins, turns up the speakers, and sits back to enjoy the presentation.

Webcasts are hugely popular due to the ease of use . Anyone who wants to present information free, or for a fee, to a worldwide audience can benefit from offering a webcast. Webcasts offer that 'in person' touch, a feeling of connection. Viewers can see and hear the speaker in real time without the awkward video feed from earlier days.

Here are some actual suggestions for Webcast use:

1. A company with offices throughout the country or the world, can offer the webcast format to their employees . The CEO, President, Managers and so forth can record or offer a live presentation for employees, board members or shareholders to view from the comfort of their home or office.

2. A network marketing company, or distributor based company can offer the webcast to their network of sellers. The webcast can be used for training purposes, promotion of new products and services, upcoming events, conferences, and more. The number of attendees can be tracked right down to the name of the participant. The training sessions can even be recorded for those participants unable to view the live webcast. The recorded sessions can be archived for later use and easy access.

3. A Consultant can offer his or her services via webcast . The client pays for the consult and when payment is approved, he or she logs on to the webcast to access in real time the expertise and services of the paid consultant. No need to make an office visit. Convenient and easy to use!

4. Any business selling a product or service can allow customers to login to the Webcast room and speak with a customer service agent including seeing them and hearing them completely through the webcast format . The webcst offers increased customer service, and [kroger expresspay com](https://krogerexperiencee.com/kroger-expresspay-com/) a reduction in long distance costs for both the company and the customer.

5. Radio stations, or call in TV shows, can offer the webcast to listeners and to viewers , to login to the webcast and ask a question, make a comment, request a song, and much more. Guests equipped with personal webcams can even make guest appearances at the discretion of webcast host.
How I built SetProgress - Part 4 Webhooks
Tags: webdev, sideprojects, nextjs, twitter
Published: 2021-12-30 12:08:41


In the last few posts I have explained how I built waitlist, progress bar & the automation. In this post, I will talk about how & why I added Webhooks to the app.

<figure>
  <figcaption>Webhook Integration</figcaption>
  <img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mkzhqe76ac0akh6b54lm.png">
</figure>

In the previous post I wrote about how I automated 100DaysOfCode progress. That automation is very limited as it just works only based on HashTags. The idea of adding a Webhooks endpoint was born from there.

Implementing this is quite simple. All I have to do is to expose an api `/api/users/external-progress` which accepts `currentProgress` in the request body. Users have to send their currentProgress to this endpoint to update their progress.

The api is pretty simple, but how do we identify the user whose progress is to be updated?

Here is where the unique secret comes in handy. Each user gets a secret which is unique to them. They have to set this key in the header of the endpoint. You might ask why secret and why not user id? User Id can be obtained easily which allows a bad actor to update the progress of another user. We don't want that, hence the secret. If user feels that their secret is compromised, then they can generate a new one from the settings page.

Now that we have an endpoint, users can make use of NoCode tools like Zapier, Integromat, Integrately etc to automate their progress updates. 

### Use cases

- Update MRR
- Update your running mileage
Fantasy Cricket Software and App Development Company
Published: 2021-12-30 11:54:53

As we all know, sporting apps and websites have been a vital component of our enterprise and thoroughly conquered the market for a very long time. Fantasy sports App is among the top apps that are used all across the world. In the sports enterprise, it is one of the most rebellious actions.
The future of [fantasy sports app development](https://agnitotechnologies.com/fantasy-sport-app-development-company/) does appear so much pledging in India as a comparison to any other Asian Country. Cricket is definitely one of the most famous games in India and most people are enthusiastic to recreate it.
Therefore, there is no mistrust that there is going to be a distinguished rise of cricket in the industry. Some of the top popular leagues in India include ISL or Indian Super League, Pro Kabbadi League, Indian Badminton League, and so on. These leagues are also catching a huge concentration of individuals due to the television viewership.
There is no distrust that the fantasy cricket business has gained about $100 billion and this is arising as the best business prospect. So if you are on the checklist of those individuals who are looking for [fantasy cricket software development](https://agnitotechnologies.com/fantasy-cricket-app-development-company/) services then choose Agnito Technologies as your development partner. We create incredible, powerful, and user-centric fantasy cricket software and app at reasonable rates.
ABOUT AWS LAMBDA
Tags: serverless, aws
Published: 2021-12-30 11:51:12

**AWS LAMBDA** it kicked off the serverless computing craze.

**What is Serverless Computing?**
It's compute but without servers.

**Let me explain:** If you have a code you want to run. For example if you have a account in twitter and my topic is on **Trading the shares** and you want to automatically send out the tweet updates daily that posts the shares of the cost and market up and down details. 
If you want to update the details so you need a server. We might look at Amazon EC2 and start up a virtual server then you will login to **Linux** and install any programming language like **python or Nodejs** then we will write the code and it will work then we **schedule a timing everyday at morning 9:00AM** and we have to maintain virtual EC2 machine and we have to pay for 24/7 or some kind of schedule where it automatically turn on at 8:55AM runs our tasks and posts the tweet and shutdown at 9:01AM.Then we also want to pay for **hard disk storage network traffic** and everything else involved. For maintaining Linux operating system we required **kernel and security patches** and also we want to maintain python updates and patches as well and it is a lot of work. There is an easier way and that way is **AWS LAMBDA**which is introduced by AWS.

**AWS LAMBDA** is a serverless compute service which runs our programming code in response to events. And that event could be a timer that triggers it or someone visits our website or they will upload an image to it.There is lot of events that we can use.

AWS LAMBDA runs the programming code somewhere no one knows where it runs but only one knows i.e **AWS people who created it**.

**NOTE:** There are no servers for us to install, maintain and pay for. We can do only one thing put our code in AWS LAMBDA Website or upload it using some command line tools and available for us to run whenever required.

The best example for this is if we watching any **AWS VIDEO **:

![AWS LAMBDA HOW IT WORKS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n5ojd9nf5eyaplgtud2i.png)

If they finished recording this lesson and they uploaded into the **AWS WEBSITE** and upon uploading a LAMBDA function was triggered, which automatically transcoded into a bunch of different formats for **desktop and mobile viewers** it is all controlled by AWS LAMBDA and all completely automatic. But if we notice LAMBDA is everywhere these days doing tasks small and big every web programmers life easier.

**BILLING:**

1.Billing charged by the **millisecond** and the price changes depending on how much RAM that we choose to use.
2.If lambda uses **128MB RAM * 30 MILLION TRIGGERS PER MONTH** and it will end up by costing **$11.63 a month**.

**AWS LAMBDA  is a super powerful service and if we control its power, we can save both time and money.**
Grid
Published: 2021-12-30 11:41:30

grid examples 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8er3sguth20hmt3ruf9i.png)

{% codepen https://codepen.io/moonlxght10/pen/wvryxYw %} 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jcknfbusbvs99lul28l8.png)

also we can write like this 

```css
.container{
    display:grid;
    /*grid-template-rows: 100px 100px 100px;*/
    grid-template-rows:repeat(3,100px);
    /*grid-template-columns: 100px 100px;*/
    grid-template-columns: repeat(2,100px);
    border: 3px solid lightgray;
}
```
{% codepen https://codepen.io/moonlxght10/pen/poWaZXN %}
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ewgfaubfy15q99jmedn.png
)

`reminder`
aligning items
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ogbsjw5mvqeao0d1mpx.png)

```css
.container{
    display:grid;
    /*grid-template-rows: 100px 100px 100px;*/
    grid-template-rows:repeat(3,100px);
    /*grid-template-columns: 100px 100px;*/
    grid-template-columns: repeat(2,100px);
    border: 3px solid lightgray;
    /* 💛 */
    justify-items: center;
}
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0y4xd3blowgq130cyzl.png)

```css
.container{
    display:grid;
    /*grid-template-rows: 100px 100px 100px;*/
    grid-template-rows:repeat(3,100px);
    /*grid-template-columns: 100px 100px;*/
    grid-template-columns: repeat(2,100px);
    border: 3px solid lightgray;
    /* 💛 */
    justify-items: center;
    align-items: center;
}  
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bs3x5o9jcdofh1rpi9qp.png)

```css
.container{
    display:grid;
    /*grid-template-rows: 100px 100px 100px;*/
    grid-template-rows:repeat(3,100px);
    /*grid-template-columns: 100px 100px;*/
    grid-template-columns: repeat(2,100px);
    border: 3px solid lightgray;
    /* 1️⃣ */
    justify-items: center;
    align-items: center;
    /* 2️⃣ */
    justify-content: center;
}
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0flgubirdzlciwx01wq.png)
Git Command Cheat Sheet 
Tags: webdev, beginners, productivity, github
Published: 2021-12-30 11:34:07

Hello Dev,

We all know about **[Git](https://git-scm.com/)** but I want to share little bit about that, In daily base where I am using, it is basic cheat sheet need to all developers.

Lots of code conflict had been when we were working in a team to completed project. That time we decided to have one cheat sheet on our office wall above desk.


**Git Clone:**
```
git clone https://name-of-the-repository-link
```
**Git New branch, list, deleting:**
``` 
git branch -b (branch name)
git branch or git branch --list
git branch -d 
```
**Git Checkout:**
```
git checkout (branch name)
```
**Git Switch:**
git switch means you have already created branch. 
```
git switch (branch name) 
```

**Git Status Command for:**
like current branch, commit, push or pull, files staged, unstaged or untracked, files created, modified or deleted
``` 
git status
``` 
**Git Add:**
```
git add 
git add -A (for everything)
```
**Git Commit:**
```
git commit -m "commit message"
```
**Git Push: for upload local repo content**

1. git push: it is commonly used to upload local repository content to a remote repository.
2. git push --set-upstream: Branch 'branch Name' set up to track remote branch 'branch Name' from 'origin'.
3. git push -u origin: For push working existing branch .

```
git push 
git push --set-upstream 
git push -u origin
```  

**Git Pull: for git fetch from local repo which will merge branch**
```
git pull
```
**Git Merge: for merge branch to another**
```
git checkout (branch name)
git fetch
git merge
```
Thank you for reading.
Power Full Generator You Must Try
Tags: webdev, beginners, programming, tutorial
Published: 2021-12-30 11:20:37

GetWaves 
 A free SVG wave generator created by z creative labs. Choose a curve, adjust, complexity, randomize!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/88gpoirf22p3m9bvnoug.jpg)
          
[getwaves.io](https://getwaves.io/)

Blob Maker
  Blobmaker is a free generative design tool made by z creative labs, to help you quick create random. unique, and organic-looking SVG shapes.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v14m0f4i8pixklrcsn9q.jpg)

[blobmaker.app/](https://www.blobmaker.app/)

Tridiv
Tridiv is web-based editor for creating 3D shape in CSS on easy way 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rm57340q8tt0hfcdglpa.jpg)

[tridiv.com](http://tridiv.com/)



One thing more thing you can do buy me a coffee👋👇
[Buymeacoffee](https://www.buymeacoffee.com/kamranah)
903 Area Code | Where is the 903 Area Code?
Tags: 903areacode, areacode, 903, howtodiscuss
Published: 2021-12-30 11:04:11

The 903 number is a telephone region code in the North American Numbering Plan, and is used across North America.
It was made on November 4, 1990, as a split to region code 214.
The [**903 Area Code**](![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0p8wx7nx95aa0b66j5g7.png)
 ) was overlaid by region code 430 in the year 2003.
The 903 Area Code is arranged in the Northeast Texas,moreover serves its metropolitan networks like Tyler, Longview,Sherman, Texarkana, Greenville, Paris, Corsicana, Marshall,Denison, Palestine, Ennis, Terrell, Mount Pleasant, Sulfur Springs, Jacksonville, Henderson, Kilgore, Athens,Bonham, Royse City, Commerce, Whitehouse, Anna, Carthage,Kaufman, White Oak, Gladewater, Atlanta, Gun Barrel City, Rusk, West Village, and the sky's the breaking point from that point.
Как сделать авторизацию по ключу на удаленном сервере для Git на Windows?
Tags: ssh, git
Published: 2021-12-30 10:59:42

1) Устанавливаем Git, если не установлен и запускаем Git Bash
2) Создаем ключ
```
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
# Enter file in which to save the key ({путь по умолчанию}):
# можно ничего не вводить останется путь по умолчанию, жмем Enter
# Enter passphrase (empty for no passphrase):
# ничего не вводим, жмем Enter
``` 
В зависимости от выбранного алгоритма шифрования (в нашем случае rsa) будет меняться имя файлов ключей, путь по умолчанию формируется например так:
закрытый ключ: `/c/Users/{username}/.ssh/id_{алгоритм}`
открытый ключ: `/c/Users/{username}/.ssh/id_{алгоритм}.pub`
но лучше использовать указатель на домашнюю папку пользователя: 
закрытый ключ: `~/.ssh/id_{алгоритм}`
открытый ключ: `~/.ssh/id_{алгоритм}.pub`
Конечно, вы можете задать собственное имя файлов, но это надо будет учитывать в дальнейших командах
3) Запускаем ssh-agent в фоне
```
eval "$(ssh-agent -s)"
``` 
4) Добавляем сгенерированный закрытый ключ в ssh-agent
```
ssh-add ~/.ssh/id_rsa
``` 
5) Копируем открытый ключ на сервер
```
ssh-copy-id -p 22 -i ~/.ssh/id_rsa.pub username@host-name.ru
``` 
Замените `username` на имя пользователя, под которым вы подключаетесь по SSH к серверу, а `host-name.ru` на имя хоста сервера. Указание порта `-p 22` можно опустить, если используется стандартный 22-й порт.
Готово, теперь гит будет успешно подключаться к вашему удаленному репозитарию, например в папке `/var/www`, по URL `ssh://host-name.ru/var/www`, без пароля.

<a href="https://www.buymeacoffee.com/pgood" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
Explanation about react hooks
Published: 2021-12-30 10:46:07

Hooks are an important thing in react functional component. For accessing state and other react features hooks are used. Today I am discussing react common hooks.

In react, 16.8 version hooks are introduced. Hooks are functions that “hook into” react state and lifecycle features from react functional components. If you need to add a state in your react application previously you have to add this by converting it into class. But after the introduction of react hooks, you can add state by using hooks into functional components. So class components are no longer needed.

Hooks are similar to javascript functions. You have to maintain 3 rules to use react hooks. These are-
hooks call only at the top level of a component.
hook call only inside the react functional components
hooks can not be conditional

**useState hook:** react useState hook used to track the application state. State means any data or property that can be changed.
If we want to use useState hook.First we have to import it from react.

```
Import {useState} from ‘react’;
```
After that we have to initialize it.

```
const FavoriteColor = () => {
    const [color, setColor] = useState(“”);
}
export default FavoriteColor;
```
useState takes the initial state and returns two values. One is the current state that is here color and another is a function to make changes in the state that is setColor.

**useEffect hook:** react useEffect hook is used to handle side effects such as data fetching from API, updating DOM etc.

```
Import {useEffect} from ‘react’;
const FavoriteColor = () => {
    useEffect( ()=> {
	//fetch API
}, [ ])
}
export default FavoriteColor;
```
useEffect takes two arguments one is a function we fetch data into this function another is a dependency which is optional. It is used for re-rendering. If there is an update that depends on something then we have to give it to the dependency.Then if there is any change in dependency the page will re-render.

**useContext hook:** useContext hook give us the power to manage application state globally. If there are so many nested components in our application.If we need to pass data to the last components in the application, because of uni-directional data flow we have to pass the data through every component before it goes to the required component that called props drilling. UseContext hook brought the solution to this. We can store the data in context and wrap all components by this context. After that, any component that needs to access or update this data can easily be done it by useContext hook.

```
import { useState, createContext } from "react";
const UserContext = createContext()
function App() {
  
  return (
    <UserContext.Provider value={user}>
      <Component5 />    
    </UserContext.Provider>
  );
}
function Component5() {
  const user = useContext(UserContext);
  return (
    <>
      <h1>Component 5</h1>
      <h2>{`Hello ${user} again!`}</h2>
    </>
  );
}

```
Lắp đặt cửa lưới chống muỗi tại Bình Thạnh
Published: 2021-12-30 10:43:45

[Cửa lưới chống muỗi](https://cualuoichongmuoiquangminh.com/) là vật dụng cần thiết trong mỗi gia đình và được sử dụng phổ biến hiện nay. Chỉ với chưa đến 2 giây google sẽ cho bạn kết quả lên đến 1.800.000 địa chỉ lắp đặt cửa lưới.
Cửa lưới chống muỗi Quang Minh với đa dạng các sản phẩm được cung cấp kèm nhiều gói dịch vụ khác nhau nhằm phục vụ đa dạng nhu cầu sử dụng của khách hàng. 
Khi mua hàng tại Quang Minh quý khách chỉ cần để lại thông tin chúng tôi sẽ liên lạc lại ngay lập tức, tư vấn nhiệt tình và khảo sát tận nơi trước khi lắp đặt để tránh tình trạng sai lệch về kích thước.
→ Xem thông tin chi tiết tại đây: https://cualuoichongmuoiquangminh.com/lap-dat-cua-luoi-chong-muoi-tai-binh-thanh