teleren/devto huggingface dataset:
React: The Future of Web Development
Tags: webdev, javascript, beginners, react
Published: 2023-01-28 09:51:56

React is a JavaScript library for building user interfaces that has taken the web development world by storm. Created by Facebook in 2013, React has quickly become one of the most popular choices for building web applications. This essay will explore the features and benefits of React, as well as its future potential.

What is React?
React is a JavaScript library that allows developers to build reusable UI components and manage the state of those components. It follows a component-based architecture, which means that the application is broken down into small, self-contained components that can be easily managed and reused. This makes the development process more efficient and scalable.

Benefits of React
One of the main advantages of React is its ability to efficiently update the DOM (Document Object Model) when the state of a component changes. This is done through a process called "virtual DOM," which reduces the amount of work the browser has to do, making the application faster and more responsive. React also makes it easy to build complex, large-scale applications by breaking them down into smaller, manageable components.

Future of React
React has already established itself as a powerful tool for building web applications, but its future potential is even greater. With the introduction of React Native, developers can now use React to build mobile applications as well. Additionally, React is constantly evolving, with new features and updates being added regularly. Some of the new features that are expected in the future include improved server-side rendering, improved performance, and better support for web assembly.

React is a versatile and powerful JavaScript library that has revolutionized the way web applications are built. Its component-based architecture and efficient handling of the DOM make it a great choice for building complex, high-performance applications. The future looks bright for React, with new features and updates being added regularly, and the ability to use React for mobile development. So, if you haven't jumped on the React bandwagon yet, what are you waiting for? It's time to React!

_

## > How does a React developer stay up-to-date with new features? By staying in a state of flux!
_
How to deploy a node app on Heroku which uses 'pnpm' as its package manager instead of 'npm'?
Tags: node, heroku, mern
Published: 2023-01-28 09:44:04

**Short answer:-
**
You have to install a third-party buildpack which can run pnpm commands from Heroku Elements e.g. https://elements.heroku.com/buildpacks/unfold/heroku-buildpack-pnpm

**Long answer:-
**
Normally, developers use "npm" as a package manager for their NodeJS apps.

However there is a new package manager in the market getting popular called "pnpm" (https://pnpm.io).

If you use "pnpm" instead of "npm" and want to deploy your NodeJS app to Heroku, the deployment will fail because the Heroku buildpack which runs the "install" command to start the deployment does it by assuming "npm" as your package manager.

As of 28-Jan-2023, Heroku's official NodeJS buildpack does not support the "pnpm" package manager, so you will have to add a third-party buildpack like this one:- https://elements.heroku.com/buildpacks/unfold/heroku-buildpack-pnpm

You can add the third-party buildpack through the dashboard or through your Terminal.

Wishing you success!
Geohashing: Encoding the location coordinates
Tags: systems, architecture, distributedsystems, beginners
Published: 2023-01-28 09:07:43

In 2008, Gustavo Niemeyer invented a geocoding method where geographic coordinates (latitude and longitude) were encoded in short alphanumeric strings. The basic idea was first brought on by G.M. Morton in 1996. For a better understanding, let’s see an example,

The latitude and longitude of Kathmandu, Nepal are 27.717245 and 85.323959 respectively and we write the coordinates like (27.717245, 85.323959).

Now, if we represent them in geohash, it becomes short and easy to remember,

Now, if we represent them in geohash, it becomes short and easy to remember,

`Tuutttg08kgn`

You can easily see geohashing used in some of the databases like MySQL, Redis, Amazon DynamoDB, and Google Cloud Firestore.

## How does Geohashing work?

Geohashing works as a hierarchical spatial index that uses a Base-32 alphabet encoding system. There are 32 cells, and each cell further contains 32 individual cells. The first character in the encoded geohash identifies an initial location that can be understood by thinking of the place as a point. The world is divided into smaller and smaller cells repeatedly until the location is precise. The size of the cell also determines the precision of the location. The points or the location are closer if the prefix matches. The longer the match of the prefix, the closer the location.

For example, `Tuutttg08kgn` and `Tuutttg08kfg` are very close since they share the same prefix `Tuutttg08k`.

In addition, the larger the characters in the string (maximum 12), the more precise the location. This means that we also have anonymity with the use of geohash since only the area is represented in the encoded alphanumeric string.

## Cell Sizes for Geohashing

| Geohash | Cell Height | Cell Width |
| ------- | ----------- | ---------- |
| 1 | 5000 km | 5000 km |
| 2 | 1250 km | 1250 km |
| 3 | 156 km | 156 km |
| 4 | 19.5 km | 39.1 km |
| 5 | 4.89 km | 4.89 km |
| 6 | 0.61 km | 1.22 km | 
| 7 | 153 m | 153 m |
| 8 | 19.1 m |  38.2 m |
| 9 | 4.77 m | 4.77 m |
| 10 | 0.596 m | 1.19 m |
| 11 | 149 mm | 149 mm |
| 12 | 18.6 mm | 37.2 mm |

## Use Cases

Let’s see some of the use cases of geo hashing.

- Storing and representing a location in a database is easy and simple.
- Sharing and remembering is easy since it is less complicated than latitude and longitude. It can be represented as a URL.
- We can find out nearby points with string comparison which is very efficient in case we have large indexes.

{% embed https://github.com/pragyaasapkota/System-Design-Concepts %}

**_I hope this article was helpful to you._**

**_Please don’t forget to follow me!!!_**

**_Any kind of feedback or comment is welcome!!!_**

**_Thank you for your time and support!!!!_**

**_Keep Reading!! Keep Learning!!!_**
How to learn code using ChatGPT
Tags: beginners, programming
Published: 2023-01-28 09:27:55

Learning to code can be challenging, but with the help of ChatGPT, it can become a more interactive and engaging experience. In this blog post, we'll take a look at how you can use ChatGPT to learn to code and improve your programming skills.

**Code generation:** One of the most obvious ways to use ChatGPT for coding is to use it to generate code. You can input a brief description of the task you want to accomplish, and ChatGPT will generate the corresponding code. This can be a great way to learn new programming concepts and techniques.

**Code review:** Another way to use ChatGPT for coding is to have it review your code. You can input your code and ask ChatGPT to identify errors or suggest improvements. This can help you catch mistakes early on and improve the quality of your code.

**Interactive coding tutorials:** You can use ChatGPT to create interactive coding tutorials. You can ask ChatGPT to explain a specific concept or task, and it will provide a detailed explanation along with examples. This can make learning to code more engaging and interactive.

**Collaborative coding:** You can use ChatGPT to collaborate with other programmers and work on coding projects together. ChatGPT can be used to share code snippets, ask for help with specific tasks, and provide feedback on code.

**Programming challenges:** You can use ChatGPT to create programming challenges. You can ask ChatGPT to generate a challenge based on a specific skill or concept and then try to solve it. This can be a fun and interactive way to learn to code and improve your skills.

Overall, ChatGPT is a powerful tool that can be used to make the process of learning to code more interactive and engaging. By using ChatGPT to generate code, review your code, create interactive tutorials, collaborate with other programmers, and practice coding challenges, you can improve your coding skills and become a better programmer.
Hosting vite react app to github pages
Tags: react, github, beginners, hosting
Published: 2023-01-28 09:21:45

Hosting a Vite-powered React app on GitHub Pages is a great way to quickly and easily deploy your app to the web. Below is a guide of how to do that:
step 1: install "gh-pages" 

```
npm i gh-pages or yarn install gh-pages
```
Github pages will help you automate the process of deployment
step 2: add the following in your 'package.json' to configure it to use "gh-pages" in deployment

```
...
  "scripts": {
...
    "build": "vite build",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist",
...
  },
...
```
step 3:add base in "vite.config.js" with github repository name as the value within slashes

```
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  base:"/repository_name/",
  plugins: [react()],
})
```
step 4: run `npn run build`
step 5: run `npm run deploy`

Please note that, the above steps are for static hosting. If you have a dynamic web application then you need to look for other hosting options such as AWS Amplify, Firebase Hosting, Heroku, etc.
neco timetable pdf 2023
Published: 2023-01-28 08:56:36

[https://multischolar.com/neco-timetable/](https://multischolar.com/neco-timetable/#utm_source=backlinks&utm_medium=search&utm_campaign=darry+ring+us&utm_content=Michelle)
https://plaza.rakuten.co.jp/chenlee/diary/202301280000/
https://www.provenexpert.com/neco-girl/
https://www.producthunt.com/@necogirl2
https://www.divephotoguide.com/user/necogirl/
https://wakelet.com/@necotimetablepdf
https://vocal.media/authors/necogirl
https://www.lifeofpix.com/photographers/necogirl/
https://seedandspark.com/user/necogirl
https://rosalind.info/users/necogirl/
http://phillipsservices.net/UserProfile/tabid/43/userId/196116/Default.aspx
https://app.roll20.net/users/11560923/necogirl
https://speakerdeck.com/necogirl
https://social.msdn.microsoft.com/Profile/necogirl
https://camp-fire.jp/profile/necogirl
https://plazapublica.cdmx.gob.mx/profiles/necogirl/activity
https://www.metal-archives.com/users/necogirl
https://storium.com/user/necogirl
https://trabajo.merca20.com/author/necogirl/
https://www.intensedebate.com/people/necogirl2023
https://www.mifare.net/support/forum/users/necogirl/
https://pinshape.com/users/2562759-necogirl
http://foxsheets.com/UserProfile/tabid/57/userId/119144/Default.aspx
https://www.kompasiana.com/necogirl
https://www.credly.com/users/neco-timetable-pdf/badges
https://www.myminifactory.com/users/necogirl
https://www.sqlservercentral.com/forums/user/necogirl
https://www.longisland.com/profile/necogirl
https://guides.co/a/neco-timetable-pdf/
https://myanimelist.net/profile/necogirl2023
https://www.iheart.com/podcast/269-neco-timetable-pdf-107961449/
Docker (🐳) & Kubernetes (☸) in simple terms.
Tags: devops, docker, kubernetes, beginners
Published: 2023-01-28 08:36:13

**Please explain kubernetes to me as I am 5 years old.**

Okay, so imagine you have a toy box full of little toy cars. Each toy car is like a computer program that does a specific job, like driving a train or flying a plane. Now, imagine you have a lot of toy boxes and you want to make sure that all the toy cars are in the right toy boxes, and that the toy boxes are in the right room. Kubernetes is like a special helper that makes sure all the toy cars are in the right toy boxes and that the toy boxes are in the right room. It also makes sure that if you want more toy cars to play with, it will get them for you and put them in the right toy boxes. And if some toy cars break, it will take them out and fix them so you can play with them again.

So in summary, Kubernetes is a tool that helps you to organize and manage your computer programs (like toy cars) in a smart way so that you can play with them easily.



**Okay, then. So, what exactly is Docker?**

Docker is a tool that helps you to pack your computer programs (like toy cars) into special containers (like toy boxes) so that they can run on any computer.

Think of Docker like the toy box itself, it's a containerization technology that allows developers to package their application and dependencies together in a container, which is a single executable package that includes everything needed to run the application code.
It makes it easy to move the toy cars (your computer programs) around, from your computer to a friend's computer, or even to a big toy store (a computer server) where lots of people can play with them.

So, to summarise, while Kubernetes is a tool that helps you to organize and manage your computer programs in a smart way, Docker is a tool that helps you to package your computer programs in a way that makes it easy to move them around and run them on any computer.

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

For those who are ready to roll up their sleeves and dive right into Docker & Kubernetes, check out this hands-on tutorial that takes you through the ins and outs of it.

- https://spacelift.io/blog/docker-tutorial
- https://spacelift.io/blog/kubernetes-tutorial

Huge thanks 🙌 to @mariuszmspace for hooking me up with these awesome tutorial links!

---
### Stay Connected and Get More Insights
If you find this guide helpful and are dealing with similar challenges, feel free to reach out to me at http://ayushrudani.co/. For more tech insights and updates, consider following me on [GitHub](https://github.com/ayush-rudani). Let's innovate together!
Linode + DEV Hackathon
Tags: linodehackathon
Published: 2023-01-28 08:24:57

## What I built


### Category Submission:


### App Link


### Screenshots


### Description
 

### Link to Source Code


### Permissive License


## Background
(What made you decide to build this particular app? What inspired you?)


### How I built it
(How did you utilize Linode? Did you learn something new along the way? Pick up a new skill?)


### Additional Resources/Info
Understanding `async/await` in NodeJS/Typescript
Published: 2023-01-28 14:55:40

---
title: Understanding `async/await` in NodeJS/Typescript
published: true
date: 2023-01-28 08:16:48 UTC
tags: 
canonical_url: https://blog.mandraketech.in/understanding-asyncawait-in-nodejstypescript
---

Here is a Typescript example of evaluating, and understanding the behaviour of `async/await` in NodeJS.

This example, triggers multiple async calls, without waiting ( `testAwait` ). `testAwait` in turn, awaits `sayHello` to execute. There is some additional complexity to mimic of `sayHello` going one level deeper, and waiting for a timeout, for "even" triggers.

This example demonstrates the fact that an `async` will push the execution of the Promise into the queue at the end. So, next "scheduled" task will be executed first. Look for the sequence of `1-1-1` and figure things out for yourself.

```
// example 1
const logs: Array<string> = [];

// example 2
/* const logs = {
   push: console.log
} */

const TASK_COUNTER = 2 as const;
const GROUP_COUNTER = 2 as const;

function getOutputTimestamp(): string {
  return '';
  // return `${(new Date().toISOString)}: `;
}

async function sleep() {
  await setTimeout(() => {}, 1000);
}

function add(a: number, b: number) {
  return a+b
}

async function sayHello(prefix: number[], deeper: boolean ) {
  logs.push(`${getOutputTimestamp()}${prefix}: start - ${deeper? 'deep' : 'shallow'}`);
  if (deeper) {
    logs.push(`${getOutputTimestamp()}${prefix}: Deeper`)
    await sleep()
  }
  logs.push(`${getOutputTimestamp()}${prefix}: end - ${deeper? 'deep' : 'shallow'}`);
}

async function testAwait(prefix: number[]) {
  for (let i=1; i<=TASK_COUNTER; i++) {
    logs.push(`${getOutputTimestamp()}${prefix}: before ${prefix}-${i}`);
    await sayHello([...prefix, i], prefix.reduce(add,0) % 2 === 0);
    logs.push(`${getOutputTimestamp()}${prefix}: after ${prefix}-${i}`);
  }
}

async function run() {
  const promises = [];  
  for (let i=1; i<=GROUP_COUNTER; i++) {
    for(let j=1; j<=i; j++) {
      const counter = j;
      const msgPrefix = [i, counter]
      logs.push(`${getOutputTimestamp()}${msgPrefix}: trigger`);
      promises.push(testAwait(msgPrefix));
      logs.push(`${getOutputTimestamp()}${msgPrefix}: done`);
    }
  }
  return Promise.all(promises);
}

run().then(() => console.log(JSON.stringify(logs, undefined, 2)));

```
MATIC Surpasses Ethereum
Tags: polygon
Published: 2023-01-28 06:49:34

The scaling solution topped Ethereum [ETH] in daily active users by blockchain, reaching more than 344k users at press time, a crypto market expert reported on January 26.

The data from Token Terminal revealed that Polygon and Ethereum had been vying for second place for the past week at the time of publication, with Binance Chain [BNB] maintaining its lead.

The price of MATIC, which has climbed by 10% over the last 24 hours as of the time of writing, reflected the increased adoption. Since the beginning of 2023, MATIC has witnessed a bullish rally that has nearly reversed the losses caused by FTX.


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

According to data from Token Terminal, Polygon now has more daily active users than Ethereum. Compared to Ethereum's 324,000, Polygon has a total of 344,000. Polygon is now DAU's second-largest platform as a result. Binance Smart Chain (BSC), sometimes referred to as BNB Chain, is in front of it with 781,000 daily active users. Lark Davis, a well-known cryptocurrency trader and YouTuber, shared a screenshot from the same source with additional information on this. After Ethereum, according to his image, are Solana, which has 135,000 daily active users, and the Near protocol, which has 69,000 daily active users.

If MATIC price seeks impetus from the growing adoptions and developments in the protocol. The price could close the yearly trade for 2023, with a prediction of [MATIC price](https://coinpedia.org/price-prediction/matic-network-matic-price-prediction/) as per coinpedia may go as high as $1.8351.
Hactoberfest Swags
Tags: hacktoberfest, opensource, swags
Published: 2023-01-28 07:54:57

Finally the most awaited #hactoberfest swags are here.✨

participated in open source event for the first time and experience was amazing.

thanks to hactoberfest, digital ocean,appwrite,GitHub.... ✨✨❤️

#hacktoberfest #github #opensource #digitalocean 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tf8jmslarmqdaoritosa.jpg)
This week’s newsletter is out! (28-01-2023) - Extreme Plumbing
Tags: javascript, tech, webdev
Published: 2023-01-28 07:35:42

---
title: This week’s newsletter is out! (28-01-2023) - Extreme Plumbing
published: true
description: Another week of great javascript, tech and web development links.
tags: javascript, tech, webdev, discuss
---

Extreme Plumbing

https://markjgsmith.substack.com/p/mark-smiths-newsletter-27-01-2023

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
How to - upgrade minikube to latest version ?
Tags: minikube, upgrade, kubernetes, tutorial
Published: 2023-01-28 06:51:16

1) Check your current minikube version.
# minikube version

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

2) check your latest minikube version available to install or update.
# minikube update-check

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

here you will see LatestVersion v1.29.0, and that’s where we are planning to upgrade too.

3) Stop if your minikube cluster is running.
# minikube stop & then check the status of your minikube status.

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

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

4) Delete your minikube cluster .
# minikube delete

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

5) Remove minikube binary files from /usr/local/bin/minikube
Check --  # ls -ltr /usr/local/bin/minikube
Remove -- # sudo rm -rf /usr/local/bin/minikube
Verify -- # ls -ltr /usr/local/bin/minikube

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

6) Download latest minikube binary from here [Minikube Download](https://minikube.sigs.k8s.io/docs/start/)
# curl -LO https://storage.googleapis.com/minikube/releases/latest/minikube-linux-amd64

7) After downloading it,Install minikube.
# sudo install minikube-linux-amd64 /usr/local/bin/minikube

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

& that’s it we have installed and upgraded our minikube cluster successfully. Whoooo Hoooooo !!!
Verify the status with below command.
# minikube version

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

8) Start your minikube cluster.
Note :- This will take some time to pull base kubernetes v1.26.1 images to start your minikube
cluster.
# minikube start

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

9) check the status of your minikube cluster.
# minikube status

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

10) simpletest way to install & upgrade minikube run the below script , you can get it from my [github repo](https://github.com/kiranmsalunke/minikube_upgrade)
# ./minikube_install.sh


**Happy Learning**
Best Online Patient Appointment Booking System
Published: 2023-01-28 06:50:12

A computerised system that facilitates patients scheduling appointments with their physicians or other healthcare providers via the World Wide Web is known as an **[online patient appointment booking system](https://itfrontdesk.com/)**. Both patients and doctors can use this system to arrange appointments. Patients and doctors alike can benefit greatly from online appointment scheduling systems due to the time and effort they save and the efficiency they bring to the healthcare system.
The Perfect Medical Office Scheduling Software
Published: 2023-01-28 06:49:07

For busy medical clinics, **[scheduling software for medical offices](https://www.chimty.com/listing/tennessee/nashville-142/services-2/it-front-desk)** can be a lifesaver. It could aid in streamlining and improving the scheduling procedure. Practices can prevent double booking, missed appointments, and other typical scheduling issues by putting the proper tools in place. The best scheduling software for medical offices will include a range of capabilities to meet the requirements of various practices. The capability to set and manage appointment calendars, notify patients through email, and keep track of patient data are a few typical capabilities.
Arte com texto ASC II no terminal comando figlet
Tags: linux, shellscript, bash
Published: 2023-01-28 06:34:50

Um comando que gosto de utilizar principalmente quando programo em Linguagem C ou C++ é o **_figlet_**. Ele cria artes com texto **ASC II** no terminal.

Normalmente ele não vem instalado nativamente, para instalá-lo basta seguir os passos abaixo para quem usa distros da família Debian/Unbuntu, que usam o gerenciador de pacotes APT:

Para instalar o figlet

`$ sudo apt install figlet`

Digite sua senha quando solicitado

Para criar a arte no terminal execute o comando seguido do texto que se quer ver

`$ figlet Linux do Zero na Dio`

Gosto desse efeito pela nostalgia que traz das telas dos softwares comumente usados antes do bug do milênio.