teleren/devto huggingface dataset:
Custom react hooks with JSX
Tags: react, typescript, hooks
Published: 2022-07-26 06:19:29

Over time our react components become bigger and bigger. The easiest way to fix it is to create more small components. But what to do with components which require some methods or states?

**Problem**

Let’s take, for example, the modal component. To open and close this component, we need to write the following code during each use

{% embed https://gist.github.com/egor-xyz/5103e5ac980375325f4442c117e40074 file=Header.tsx %}

{% embed https://gist.github.com/egor-xyz/5103e5ac980375325f4442c117e40074 file=AnotherComponent.tsx %}

**Solution**

Let’s wrap now all logic related to toggle modal state to a custom hook

{% embed https://gist.github.com/egor-xyz/5103e5ac980375325f4442c117e40074 file=useSmallModal.tsx %}

You can continue to use modal props like text and change them during application runtime

Let’s refactor components with the new custom hook

{% embed https://gist.github.com/egor-xyz/5103e5ac980375325f4442c117e40074 file=NewHeader.tsx %}

{% embed https://gist.github.com/egor-xyz/5103e5ac980375325f4442c117e40074 file=NewAnotherComponent.tsx %}

Your code now looks much cleaner!

[Codesandbox playground](https://codesandbox.io/s/react-custom-hook-with-jsx-qkiftv)
Cluster Manage SIG Was Created in the openGauss Community
Tags: opengaus, opensource, database
Published: 2022-07-26 06:17:12

The technical committee of the openGauss community approved the application for creating the Cluster Manage SIG in the openGauss community.

Cluster Manage (CM) monitors the primary/standby status, detecting network communication faults and file system faults, and manages automatic primary/standby switchover for openGauss. It also provides various cluster management capabilities, such as starting and stopping clusters, nodes, and instances, querying cluster status, performing primary/standby switchover, and managing logs. CM SIG is dedicated to building the openGauss cluster reliability.
Enabling the hidden reader mode in Chrome
Tags: watercooler
Published: 2022-07-26 05:29:27

It's only natural for us humans, to get distracted by literally anything other than what we should focus on.

The same can be said for reading articles.
Luckily for us, more and more product are trying to help us by creating focus modes, and like minded features.

For browsers there is a feature called reader mode, it removes all the distractions from the webpage so you can focus on the content itself.

![Enabling the hidden reader mode in Chrome](https://cdn.hashnode.com/res/hashnode/image/upload/v1658043429921/b7W4d-nE5.gif)

## Enabling reader mode in Chrome

For Chrome however, this is not yet a public feature, but you can enable it today!

And i'll show you how you can do just that.

Open up your Google Chrome browser and in the address bar type the following link: `chrome://flags`.

This will open a page where you can control certain flags for your browser.

In the top search field search for: **"Enable Reader Mode"**.

You'll notice a dropdown on the side of it, it should be set to `default`. Change this value to be `enabled`.

![Chrome Enable Reader Mode settings](https://cdn.hashnode.com/res/hashnode/image/upload/v1658043150879/hh820QBRj.png)

As soon as you change this value Chrome will ask you to relaunch your browser.
Click the relaunch button and you are all done.

## Using Reader Mode in Chrome

Now that you have reader mode enabled, visit any article, for instance use the one you are on right now.

In the address bar you'll now notice this little symbol that looks like a newspapper.

![Reader mode icon in Chrome](https://cdn.hashnode.com/res/hashnode/image/upload/v1658043297095/E4SIWdPjb.png)

Once you click it, it transform the webpage to a read only page.
You can now read the content with way less distractions 👏.

### 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)
Today i got my custom github trading card
Tags: github, git, career, motivation
Published: 2022-07-26 05:21:00

![Github Trading Card](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/93ix6qjwbsvxkdnmvsir.jpg)

It consist of Github Custom Trading Card, 4 stickers (github, atom, git, no idea about the other one) and a card.

Check out my github profile: https://github.com/mrepol742
My Portfolio: https://mrepol742.github.io
My Terminal theme portfolio: https://mrepol742.me
Docker Full Course 2022 | Beginners Free tutorial
Tags: docker
Published: 2022-07-26 05:19:08

Learn the basics of Docker in this beginner-friendly full course
Docker allow you to run an application inside a container.

{% youtube VmdzK2StMcA %}

🌟 Course Contents 🌟
⏳ (00:00:00) What is Docker
⏳ (00:03:56) What is Docker
⏳ (00:09:54) Installation
⏳ (00:12:59) What is Docker Images
⏳ (00:18:47) Docker image command
⏳ (00:31:18) What is containers
⏳ (00:36:01) Containers commands
⏳ (00:47:48) Images vs containers
⏳ (00:51:31) Run container interactive
⏳ (01:00:20) Share port
⏳ (01:08:29) Detach mode
⏳ (01:14:12) Container  vs VMs
⏳ (01:17:00) Shared volume
⏳ (01:25:21) Using Dockerfile
⏳ (01:36:23) Nginx daemon off
⏳ (01:44:02) Docker volumes
⏳ (01:52:43) Docker network
⏳ (02:02:05) Docker use node 12
⏳ (02:11:35) Persist sqlite db
⏳ (02:14:45) Mysql images database
⏳ (02:21:21) Connect multiple container
⏳ (02:29:33) Docker compose file
⏳ (02:39:56) Docker compose up

Social Media:-
https://twitter.com/sarthaksavvy
https://www.linkedin.com/in/sarthaksavvy
AZURE Blob Storage Simple Samples in .NET Core !
Published: 2022-07-26 02:37:00

This is not an article. Everything is quite clear so I have just shared the source code for you guys. 

Add the "Azure.Storage.Blobs" from Nuget packages into your simple Console Application, then follow the lines below. 


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



This is responsible to simply Lease a Blob object in the AZURE !

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

Look at the below code to add a new container to the Storage Account. 


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

Below code can do the Blob uploading for you. 

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

Downloading a blob is not that hard. Look at the below code. 


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


If you are familiar with Metadata in AZURE Blobs, look at the below code. You can set a meta data by following the below code. 


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


Getting the metadata of an AZURE Blob Object can be done by following the code below.


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

If you need the list of all the Blobs under a container , use the code below.


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


That's all.
Help: How to make money as developer ?
Tags: javascript, typescript, go, webdev
Published: 2022-07-26 04:55:17

So making money is important as developer and a human. As a fullstack developer with no-job experience who have build multiple awesome apps which was deployed only on localhost. How am I supposed to make money ?

people usually say you can make money with

- Freelancing
- Blogging
- and some other craps

but none of them explain how to make money with all of that.

![I need money](https://media.giphy.com/media/JQ51I2UvsNVKqUzWoX/giphy.gif)
Happy Friendship Day Greeting image With Name - HTML Canvas
Tags: vite, javascript, canva, html
Published: 2022-07-26 04:50:00

I build a Simple Wishing Site using Vite JS Vanilla - Day by Day Tech stacks are Improved & bring more funs and Magic to development.

A few years ago I use jQuery to Build Many Fancy kinds of Stuff but in the Modern day, the scenario was Different with Help of Many Frameworks I achieve Many things without external sources and Mainly Improve web App Performance.

In my Personal time, I spend my time to building a Festival related web apps and Event Blogging somehow we have to build an Earning source in Different ways Online.

## Friendship Day Wishes image with Name


Free Happy Friendship Day Wishes image with Name - Friendship Day Greeting image Generator.  

> This Website Concept May be Useful for People who want to Build a Wishing Greeting site.

Utilizing **Vite js** for Node Modules and Optimization - Bundle Everything in Single Javascript File - Build a Static Site with Javascript Magical Stuffs - Fully Static Website.

## Methods Used ⚙

- HTML/CSS and Javascript
- HTML Canvas - Create Wish image
- tailwindcss - Front-end Styling
- Vitejs - Testing, Bundling and Local Server
- Alpine.js - For Javascript Magic
- Eslint - Fix the Lint Error
- Prettier - Beautify the Code files
- Slugify - Slugify the User input and Convert to URL
- Cloudflare Pages for Free Hosting - `npx wrangler pages publish dist


**Create your Wishes at** - [https://wish.sanweb.info/](https://wish.sanweb.info/)  


![Happy Friendship Greeting Generator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o5xawrrmkgjlity5mhev.png)

### Source Code

{% embed https://github.com/mskian/friendship-day-wishes/ %}

## Final Notes

This website for learning Purpose Every day I keep Practicing doing some fun stuff to Enhance My Skills.
Recoil: How was your experience using it ?
Tags: discuss, recoil, react, state
Published: 2022-07-26 04:17:54

---
title: Recoil: How was your experience using it ? 
published: true
description: Wanted to about your experience regarding Recoil the state management for React
tags: #discuss #recoil #react #state
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---



Explain your experience while using **Recoil**, what benefits your got? are you enjoying it?, even try make a comparison with any state management that you have used before.
Also, what's your views on state management ?.
How to find JetPack version in NVIDIA Jetson Nano?
Published: 2022-07-26 04:17:00

NVIDIA JetPack SDK is the most comprehensive solution for building end-to-end accelerated AI applications. JetPack SDK provides a full development environment for hardware-accelerated AI-at-the-edge development. All Jetson modules and developer kits are supported by JetPack SDK.

![Image1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2n8xx1rjcq51jksrzu5s.png)
 
 

JetPack SDK includes Jetson Linux Driver Package with bootloader, Linux kernel, Ubuntu desktop environment, and a complete set of libraries for acceleration of GPU computing, multimedia, graphics, and computer vision. It also includes samples, documentation, and developer tools for both host computer and developer kit, and supports higher level SDKs such as DeepStream for streaming video analytics, Isaac for robotics, and Riva for conversational AI.

In order to find JetPack version in NVIDIA Jetson Nano, run the following command:

``` 
sudo apt-cache show nvidia-jetpack
```

Here's the result:

```
Package: nvidia-jetpack
Version: 4.6.2-b5
Architecture: arm64
Maintainer: NVIDIA Corporation
Installed-Size: 194
Depends: nvidia-cuda (= 4.6.2-b5), nvidia-opencv (= 4.6.2-b5), nvidia-cudnn8 (= 4.6.2-b5), nvidia-tensorrt (= 4.6.2-b5), nvidia-visionworks (= 4.6.2-b5), nvidia-container (= 4.6.2-b5), nvidia-vpi (= 4.6.2-b5), nvidia-l4t-jetson-multimedia-api (>> 32.7-0), nvidia-l4t-jetson-multimedia-api (<< 32.8-0)
Homepage: http://developer.nvidia.com/jetson
Priority: standard
Section: metapackages
Filename: pool/main/n/nvidia-jetpack/nvidia-jetpack_4.6.2-b5_arm64.deb
Size: 29378
SHA256: 925f4abff97e6024d86cff3b9e132e7c7554d05fb83590487381b7e925d5b2bb
SHA1: e3ef727e87df5c331aece34508c110d57d744fe9
MD5sum: 7cb2e387af41bc8143ac7b6525af7794
Description: NVIDIA Jetpack Meta Package
Description-md5: ad1462289bdbc54909ae109d1d32c0a8
```

## Did You know?

JetPack 5.0.1 Developer Preview is a development release that brings support for DeepStream 6.1.
Notion Notes - You click, we Save
Published: 2022-07-26 04:16:48

Built a **Notion Notes** chrome extension which can saves your highlights/notes in just single click and doesn't require any manual setup, Just sign in and you are good to go.

Install the extension -https://chrome.google.com/webstore/detail/notion-notes/ilehjnkhpecbpcpknpdghocgkdiaakmh

Demo video - https://youtu.be/57ua_VxsqAQ

1. It can increase your productivity and let you focus on you research.
2. One click save
3. No database or page setup required
4. Save to any page you want
5. Visit you notion pages directly from extension
6. Visit the URLs of the pages from which the highlights were taken
7. Filter, sort and export you notes

Follow us on twitter - https://twitter.com/Notion_Notes
Golang for C developers
Tags: go, c, devjournal, programming
Published: 2022-07-26 04:13:37

I have recently written a medium post on [Golang for C Developers](https://medium.com/@kfirgollan/golang-for-c-developers-d332f216418d). In the medium post I documented the beginning of my journey with golang. I wrote about key features of the language that seemed interesting to me. I also added a short comparison to C in each section.

I hope that you will find the post useful
Java - Maven
Tags: java, spanish
Published: 2022-07-26 04:00:00

**"Project Management tool"** -> Herramienta para la gestion de proyectos
**Uso mas frecuente:** Construccion de proyectos Java y gestion de dependencias
Gestion de dependencias -> Archivos JAR necesarios

- Spring
- Hibernate
- JSON
- ETC
**Como Maven lo hace?**

- Especificamos a Maven en que tipo de proyecto estamos trabajando(Spring, Hibernate, ...)
- Maven descargara los archivos JAR para los proyectos
- Maven hara que esten disponibles durante la compilacion y ejecucion del proyecto
Caching Web and Databases Part-1
Tags: elasticache, dax, cache, redis
Published: 2022-07-26 03:53:00

**Caching**
Let's understand caching with an example, we need to go to store to buy necessary things which is 30 minutes away from home and but usually we buy a lot of things and stoke them. For frequent uses when we need them we don't need to travel 30 minutes to store to buy it again. Here we are doing caching using our home as a temporary storage for frequent access.
Home --> Store (30 minutes)
Home --> Stocked Items (2 minutes)
Now, in technical term when we keep some data in temporary storage so that quickly we can retrieve it for frequent uses. There can be certain types of data that can be cached and few of the examples include frequently accessed data the static data and the data that requires quite slow and expensive queries. I will be discussing about the caching of web session state and the databases let's start with the database caching.

> I  have a special offer for you to enjoy some summer savings - a $500 credit to play with Redis Enterprise this summer. You can redeem this coupon for any paid plan!
> Follow these steps to use the coupon. Terms and conditions apply*:
> Register or Login to the app
> Add a payment method: Billing and Payments > Payment methods
> Add a payment method: Billing and Payments > Credits >Use coupon **SUMMER500**
> Create any paid subscription
> Use code **SUMMER500**

**Terms and conditions:**

**Offer expires July 31, 2022**
**Use with a new subscription only**
**Cannot combine with any other coupon offer**
**Must use all $500 in two months**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a44fyw09izs9sr109dec.png)
MariaDb Quick-tip #6 - Find table or column
Tags: sql, mysql, mariadb
Published: 2022-07-26 03:39:00

## MariaDB tips and tricks

This is part of a series of quick tips and tricks I have accumulated over the year, that I think can be useful for others.
If you have similar short tips and tricks please leave a comment.

### Find table by name

If you have ever worked on a big database with a huge number of tables and you are not yet familiar with the whole data model, you know how hard it is to locate that specific table you are looking for. Or maybe you just need to get a list of tables that have similar names to put into that Power Point presentation you are working on. 
Then the following query may be useful to you.

```sql
SELECT TABLE_SCHEMA, TABLE_NAME, TABLE_ROWS  
  FROM information_schema.tables 
 WHERE table_name LIKE '%dep%'
```

![DBeaver screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2g64m6fdpfu9rbdh6p5j.png)

### Find table that have a specific column

If you have been a programmer for some time and worked on different projects for different customers then you have probably come across databases with few or entirely without foreign key constraints. There can be a lot of reasons for not having foreign keys constraint and I won't go into them here, but one consequence of not having them is that finding tables that is related to other tables becomes hard so you need another way of finding related tables. And I do hope that the person who implemented the tables named the columns relating the tables by the same column name or a similar name. And if this is the case you can query all your database tables to find all tables containing columns with a specific name. This query below does that.

```sql
 SELECT CONCAT(t.TABLE_SCHEMA, '.', t.TABLE_NAME), c.COLUMN_NAME 
   FROM information_schema.TABLES t
   JOIN information_schema.COLUMNS c ON t.TABLE_NAME = c.TABLE_NAME 
  WHERE c.COLUMN_NAME LIKE '%name%'
    AND t.TABLE_SCHEMA <> 'information_schema'
```

![DBeaver screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f5cb9scsu44yoow1kyhg.png)
Help needed
Tags: help, fraud, cybercrime
Published: 2022-07-26 03:34:00

Hey There, Sorry if this post is not relevant to dev community, but I badly wanted help.
I am from India, I have been using slice credit card from a long time, last month a fraudulent transaction happened and an amount of 16,200/- INR has been deducted from card. It was from a merchant in Japan and I didn't receive any OTP's. I contacted the customer support, they said they can't do anything. I contacted cyber crime cell and filed a complaint against the merchant, but they are helpless, I have visited cyber cell multiple times and there are no follow ups on the case.

If you know anything related to this, or how can I proceed further, please let me know!
What I learned this Week 18-22 July
Tags: beginners, discuss, career
Published: 2022-07-26 03:13:36

During this week I focused on practicing for my performance interview and the first interviewmania round. Both interviews were theoric and about CS fundamentals, I learned a lot about things you need to take care of when you are being interviewed and also when you’re the interviewer. 

The most important thing to take care of is not being nervous, because if you feel this way it can be a blocker, you can get confused and forget about the concepts. Also the interviewer can notice that you don’t know what are you talking about. Always focus on giving an example of what are you explaining and how and where you can implement that concept. 

As an interviewer it is important to make clear questions and also have all the concepts clear, in case you need to give a hand to the person you’re interviewing. 

This week, I’ll focus on improving my explanations about some concepts and practicing algorithms and data structures a lot because there’s always a technical interview. Also I’ll be learning more about OOP.
Java Spring AOP
Tags: java, tutorial, es
Published: 2022-07-26 02:30:41

**La programación orientada a aspectos AOP**
_La AOP_ esta diseñada para realizar tareas transversales, que pueden ser códigos que se repitan muchas veces por diferentes métodos, que no pueden ser estructurados completamente en un modulo separado.
Objetivo de la AOP -> 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/flrd4071q9369jrxeexj.png)
En la programación orientada a objetos, la modularidad de la aplicación se logra mediante clases, mientras que en la programación orientada a aspectos la modularidad de la aplicación se logra mediante aspectos y se configuran para abarcar diferentes clases.
**Algunos conceptos básicos de la programación orientada a aspectos:**
_Aspect:_ es una clase que implementa problemas de aplicaciones empresariales que abarcan varias clases, como la administración de transacciones. Aspects puede ser una clase normal configurada a través de la configuración XML de Spring o podemos usar la integración de Spring AspectJ para definir una clase como Aspect usando anotación.@Aspect

_Join Points:_  es un punto específico durante a ejecucion de un programa, como la ejecución de métodos, el manejo de excepciones, el cambio de valores de variables de objeto, etc.
Create a SharePoint Framework(SPFx) Web Parts
Tags: spfx
Published: 2022-07-26 02:06:00

建立一個 SharePoint framework (SPFx) 時，可以使用 @pnp/sp 套件，這個 library 提供許多 API 可以使用，例如 REST 查詢、批次處裡、緩存...等

這篇會帶你快速建立一個 SPFx 的專案，還不會實作程式碼，假設你的開發環境已經設置完成，那就開始吧！

> _還沒完成的朋友們可以參考上一篇快速設置環境_

## Create a new project

使用 console 指令建立一個資料夾

```
md spfx-helloworld-example
```

進入建立的資料夾

```
cd spfx-helloworld-example
```

運行 Yeoman 的 SharePoint Generator 來建立一個新的 Web Part 專案

```
yo @microsoft/sharepoint
```

成功運行後會出現如下的畫面

![spfx-001](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2lopyi0arvkfilbqswcd.png)

接著回答一系列的問題，基本上可選擇預設選項以快速建置，但有幾個例外

- Which type of client-side component to create? **WebPart** 
client-side 有四種可以選擇分別是 **WebPart**、**Extension**、**Library**、**Adaptive Card Extension**，我們選擇 WebPart 來完成作業

- Which is your Web part name? **CRUD** 
Web Part 預設名稱是 HelloWorld，我們改為 `CRUD`

- Which template would you like to use? **No framework**
框架有兩種可以選 `Minimal` 和 `React`，如果不使用框架則還可以選 `No framework`，我們先不使用

接著讓它繼續運行，而 Yoeman 此時的運行會建立專案架構（folders & files），並且運行 `npm install` 來安裝必要的依賴項目。

最後，看到下圖 Congratulations 的訊息表示建置成功！

![spfx-002](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/729abfxlnndqat1wk92t.png)

---

到目前為止，專案已經確實建置完成，使用 `code .` 指令開啟編輯器，但是在開始寫 code 之前，先把專案給運行起來，看看它長什麼樣子。

SharePoint 有提供一個託管的 workbench，讓開發者可以在 Client Side 預覽和測試所開發的 Web Part，而不是將專案直接部署到 SharePoint 上

那要如何做呢？在專案的資料夾下，直接使用 `gulp serve` 命令來啟動本地的 Web 服務器並加載文件，這個命令會開啟一個預設瀏覽器視窗，但你會發現它無法使用，仔細檢查這個頁面的網址，它會是 `https://enter-your-sharepoint-site/_layouts/workbench.aspx`，你發現它的確是無效的，因為網址內 `enter-your-sharepoint` 的位置是要輸入 SharePoint 的 URL 以及要測試的 site

這樣不對吧？每次 run 都要改網址，也太麻煩了！

其實，在預設情況下，它會使用指定的 URL 來啟動瀏覽器，既然可指定就代表我們可以修改指定的位置！移到編輯器找到 `./config/serve.json` 並開啟，將 `initialPage` 屬性內的 `enter-your-sharepoint-site` 改為自己的 site URL，例如 `https://contoso.sharepoint.com/sites/devsite/_layouts/workbench.aspx` （這是文件提供的網址，它無法運行是正常的）

```json
{
  "$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
  "port": 4321,
  "https": true,
  "initialPage": "https://contoso.sharepoint.com/sites/devsite/_layouts/workbench.aspx"
}
```

再 run 一次 `gulp serve`，看到 SharePoint Workbench 成功運行畫面（圖片來源:微軟）

![spfx-003](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p1b5yu645hg736egqmcq.png)

將建立的 Web Part 添加到頁面上（圖片來源:微軟）

![spfx-004](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6656wb5b83vubppw6o2r.png)

預設的 Web Part（圖片來源:微軟）

![spfx-005](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bd22ryp4mf15evwvfgki.png)

未來開發時就可以透過 Workbench 來預覽，或者測試功能是否正常運行，收工！

### Reference
[Build your first SharePoint client-side web part (Hello World part 1)](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part)

---

Thanks for reading the article :tulip: :sunflower: :blossom:

If you like it, please don't hesitate to click heart button :heart:
or follow my [GitHub](https://github.com/FakeStandard) :star:
or buy me a coffee :arrow_down: I'd appreciate it.

[![Buy-me-a-coffee][1]][2]

[1]: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h077sxd0vx1hix4t7lw8.png
[2]: https://www.buymeacoffee.com/FakeStandard

---