teleren/devto huggingface dataset:
Why you need the Cloud 2
Tags: cloud, management, security
Published: 2022-01-27 05:20:00

Cloud Computing is provision of on demand IT services over the internet with a pay as go model.The cloud provides flexibility,is cost saving and offers reach that your on prem infrastructure cannot match.
Advantages of using the Cloud****
1.Gives you access to services like servers,databases and applications over the internet,you will not have run these services in your local machine.
2. Cloud Computing helps save cost,it does it by helping you bring down or totally eliminate capital expenses.You get to accommodate only variable costs and pay for only what you use.This frees you up to cut cost and/or allocate cost to other cost centres.
3. Cloud offers you massive economies of scale in that because the use of services is aggregated and inclusive of other users you are able to access a lower variable cost than you get as a stand alone with your infrastructure.Economies of scale assists to get a lower pay as go service.To be continued..........
[BTY] Day 3: Tabby - A terminal for the modern age
Tags: betterthanyesterday, tooling
Published: 2022-01-27 04:45:09

As its introduction,

"Tabby is an infinitely customizable cross-platform terminal app for local shells, serial, SSH and Telnet connections."

I'm using TMUX with multiple sessions, windows, panels setup. However, handling terminal windows in my local machine is intimidating. Tabby came to me like a cure!


Check it out: https://tabby.sh/

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ynrtj322lxo6p1ux8j78.png)
Multi-Column slides in Beamer
Tags: latex
Published: 2023-01-05 22:41:53

---
title: Multi-Column slides in Beamer
published: true
date: 2022-01-27 04:29:31 UTC
tags: LaTex
canonical_url: https://brandonrozek.com/blog/multicolumnbeamerslide/
---

When creating slides in LaTex Beamer, it can be frustrating to not have the easy ability to drag text boxes around. Luckily, creating a multi-column layout in Beamer is not difficult! Below is an example of a two column slide layout, where the left side is a bulleted list, and the right side is an image:

```
\documentclass{beamer}
\usepackage[utf8]{inputenc}

% Beamer Packages
\usepackage{harvard}
\usetheme{Copenhagen}

\begin{document}

\begin{frame}{About Me}
\begin{columns}

% Column 1
\column{.5\linewidth}
\begin{itemize}
    \item Enjoy going on short hikes.
    \item Forgetful at times and writes blog posts to jog my memory.
\end{itemize}

% Column 2
\column{.5\linewidth}
\centering
\includegraphics[width=4cm]{images/avatar.jpg}

\end{columns}
\end{frame}
\end{document}

```

![](https://brandonrozek.com/files/images/blog/202201262338.svg)
Explaining useEffect Hook in React
Tags: react, hooks, useeffect
Published: 2022-01-27 04:16:11

![useEffect Hook](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b9rp29syn12gnvohioqq.png).
useEffect hook is one of the most used hooks in React and it specializes in performing side effects in Functional Components.

After the [introduction of hooks](https://tekolio.com/what-are-hooks-in-react/) in React V-16.8, many things that were done by class components which led to many complex situations were solved very easily and tidily.

In this blog, we will mainly discuss the useEffect hook which very easily has replaced all the three lifecycle methods when it comes to performing side-effects.

## Index

1. What is useEffect Hook
2. Types of side-effects
3. Syntax
4. Different cases of useEffect Hook
5. Conclusion

## What is useEffect Hook?
As told, it is used to perform side effects in Functional Components. Side Effects are nothing but actions performed by the functional components that do not affect the output of the Component like fetching data, manipulating DOM, etc.

Let’s see a basic example to understand it better –

We will be making a counter as we did in the case of [useState hook](https://tekolio.com/what-is-the-usestate-hook-in-react/).

```
import React, { useState } from "react";
const Practise = () => {
const [count, setCount] = useState(0);
return (
<>
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>Click me</button>
</div>
);
</>
);
};
export default Practise;
```
This is a basic code for updating a counter whenever the button is clicked. This is the perfect example to understand the useState hook, and now it will become the perfect example to understand the useEffect hook.

There are two kinds of side-effects that the useEffect hook performs –

- Effects without Cleanup
- Effects With Cleanup

[Click here for the full article](https://tekolio.com/explaining-useeffect-hook-in-react/).
Code in LaTex Beamer
Tags: latex
Published: 2023-01-05 22:42:14

---
title: Code in LaTex Beamer
published: true
date: 2022-01-27 04:11:37 UTC
tags: LaTex
canonical_url: https://brandonrozek.com/blog/codeinbeamer/
---

I commonly use the [`listings` package](/blog/latexcode/) to showcase code in my LaTex documents. I tried doing the same in my Beamer slidedecks and I ran into an issue where the LaTex source code failed to compile. After digging around, I figured out its because every slide or frame that includes code (or any verbatim environment) needs to be marked as `fragile`. A minimal example is presented below:

```
\documentclass{beamer}
\usepackage[utf8]{inputenc}

% Beamer Packages
\usepackage{harvard}
\usetheme{Copenhagen}

% Code Rendering Packages
\usepackage{listings}
\lstset{
  language=Java,
  columns=flexible,
}

% Begin Slidedeck
\begin{document}
\begin{frame}[fragile]{Code Example}
    \begin{lstlisting}
    int x = 5;
    \end{lstlisting}
\end{frame}
\end{document}

```
Закончил курс очень важно знать ванильный JS
Tags: javascript, stepbystep, middleit, vanillajs
Published: 2022-01-27 04:07:52

Закончил курс о котором говорил на [этом ](https://dev.to/ibrakhimzhanov/kak-nauchitsia-frontiend-razrabotku-v-2022-ghodu-dlia-uzbiekistana-39g7)посте и успешно получил [сертификат](https://www.udemy.com/certificate/UC-5d9aa37c-b427-4f20-b9eb-84a95536a0e2/). Да я инфомен)) Прохожу все снова и снова)
Today I have attempted 5 java programming exercises 😊.
Tags: java, beginners, programming, top
Published: 2022-01-27 04:02:00

6. Java program to print the sum (addition), multiply, subtract, 
   divide and remainder of two numbers.

7. Java program that takes a number as input and prints its
   multiplication table up to 10.

8. Java program to display the following pattern. 
    Sample Pattern :
   ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2cnoj3yf66rqlldjpr0l.png)

9. Java program to compute the specified expressions and 
   print the output.
   Test Data:
   ((25.5 * 3.5 - 3.5 * 3.5) / (40.5 - 4.5))

10. Java program to compute a specified formula.
    Specified Formula :
    4.0 * (1 - (1.0/3) + (1.0/5) - (1.0/7) + (1.0/9) - (1.0/11))

---


    
**> Exercise from w3resourse**
Digital Agency Trends 2022
Tags: digitalmarketing, agencygrowth, trends, coredna
Published: 2022-01-27 03:52:21

Blog Link: https://www.coredna.com/blogs/digital-agency-trends

Agency growth in 2021 was characterized by agencies shifting to more revenue-focused services to help customers convert, growing content and, for full-service agencies, moving to data-driven decision making.

With 2022 and changing technology, partners are now facing a throwback to previous years when agencies were looking to deliver technical results to their customers.

We are seeing a shift from generic digital marketing agencies to much more specialized services in the areas of e-commerce, lead generation and visitor conversion strategies .

Our Agency Trends for 2022 are our views on how we see the agency business evolving and its impact on people, products and services.
First Project - ChatApp
Tags: codepen, javascript, html, css
Published: 2022-01-27 03:37:05

Hey, hope you guys are doing well.  I'm new here and also to the community :p.
Here is something I coded as a beginner project.

<p>Simple Front-end for Chat system. Made using HTML, CSS, JavaScript.</p>

{% codepen https://codepen.io/whitewolfdot/pen/GRORaNx %}

I know the code is not that great. Also I'm not good at back-end languages, someone please explain the best language I can use for this project. Thanks in advance.
test post Kevan
Published: 2022-01-27 03:34:28

https://github.com/Seneca-CDOT/telescope/issues/2707
[issue](https://github.com/Seneca-ICTOER/Intro2C/issues/168)
https://github.com/Kevan-Y/Kryptfer/
[repo](https://github.com/milvus-io/milvus)
https://github.com/Seneca-CDOT/telescope/pull/2750
[pull](https://github.com/ppy/osu/pull/16637)
https://github.com/Andrewnt219
[manekenpix](https://github.com/manekenpix/)
https://github.com/datocms/

https://github.com/issues
https://github.com/marketplace
https://github.com/features/codespaces
which extension do you use to customize the color of css inside the backtick ` ` in JS file
Tags: react, css
Published: 2022-01-27 03:15:49


recently, i practice making project with React by following along some youtube tutorial and i notice this:

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

and here is my code in VSCode:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e6dder0mrrw7qfn1kvs4.png)

Does anyone have the solution for this?
Thanks for reading
Scaling Developer Success Podcast
Tags: devrel
Published: 2022-08-23 15:31:23

---
title: Scaling Developer Success Podcast
published: true
date: 2022-01-27 02:22:18 UTC
tags: DevRel
canonical_url: https://maxkatz.net/2022/01/26/scaling-developer-success-podcast/
---

[![Scaling Developer Success Podcast](https://katzmax.files.wordpress.com/2022/01/developer_success_podcast.jpeg?w=1024)](https://katzmax.files.wordpress.com/2022/01/developer_success_podcast.jpeg)

I was a guest on the [Peritus](https://peritus.ai/community) Scaling Developer Success podcast. I chatted with [Robin Purohit](https://twitter.com/RobinPurohit1), CEO of Peritus. We talked about DevRel, success in DevRel and some no-code.

{% spotify https://open.spotify.com/episode/2YvbLaXcVFGUqqVfbrqY4x?si=D0GmXqOCQSCsmA9RJ4465g %}

[Listen](https://open.spotify.com/episode/2YvbLaXcVFGUqqVfbrqY4x?si=D0GmXqOCQSCsmA9RJ4465g) to the podcast episode.
Day 517 : Round and Round
Tags: hiphop, code, coding, lifelongdev
Published: 2022-01-27 00:13:26

_liner notes_:
- Professional : Spent a good amount of the day going round and round on trying to figure out the issue I ran into yesterday with the library I'm using in a project. I think the error is coming from how it's loaded from a CDN. Then I tried to see if the issue would happen if I installed it locally. That opened a whole other can of worms. haha Loading the library basically required that I use a bundler to be able to import the library so it could be used in the browser. I didn't want to have to compile the code, but I don't think there is an easier way due to the time constraints. Just so happened that the person I'm building the demo app was using a bundler, Parcel, for their portion. We got together so I could install what they've been working onto my local machine and get it running. I just have to drop in my parts and hook it up to what they have. I think we avoided a lot of code conflicts by splitting everything apart into individual standalone components and combining them at the end. So far so good. I also sat in on a presentation at work. There was a Twitter Space I put on in the background while I coded.

- Personal : Last night, I worked on getting a map showing in my side project and pull data from a database. It was pretty cool, because I did it a different way on another section of the site. This one is on different domain so it didn't need to be to complicated.


![Overhead shot of a beach in Maldives with the turquoise water on the bottom half with the beach with some footprints in the top half.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a8h3wrh0amb97e1db3mx.jpg)

So, I ordered an extension arm thing that I can attach to my van frame so I can attach my projector and swing it out when I want to watch a movie or anime and swing it out of the way when I'm done. Right now, I have a tripod set up and it's kind of in the way. It's pretty dark out now, so I think I may continue the demo project for work, so that I can attach the arm during the day tomorrow. Plus I've got a bunch of meetings and may not have a lot of continuous time to code. Yeah, I may do that and go through tracks for the radio show this week.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 5uWYLdILFAY %}
Merge Upstream Pull Request into Your Fork
Tags: git, vcs
Published: 2022-02-14 10:41:32

---
title: Merge Upstream Pull Request into Your Fork
published: true
date: 2022-01-27 00:00:00 UTC
tags: git, vcs
canonical_url: https://tech.serhatteker.com/post/2022-01/merge-upstream-pr-into-fork/
---

## Use Case

I have forked a repo, I've made some changes and my fork and upstream diverged.

In the meantime someone sent a *PR* to `upstream` and this *PR* is still open or rejected/closed etc by maintainers. However I'd like to apply the changes that *PR* proposes into my fork.


## Solutions


### One Time

If this is a one time thing, then you can get with `fetch`:

```bash
$ git fetch upstream pull/42/head
```

Then you can `merge`, `cherry-pick` etc. these *PR* changes.

Or you can `pull` directly:

```bash
$ git pull upstream pull/42/head
```

> INFO
> 
> As you may see, above scripts assumes your remote upstream repo named **upstream** and **42** is the *PR* number you'd like to apply, change them accordingly.

### Git Alias

If you regularly will apply *PR*s then you can add related functions as *aliases* in your *local* or *global* `config`, a.k.a one of the below:

- `${YOUR_REPO}/.git/config` (local)
- `~/.gitconfig` (global)
- `${XDG_CONFIG_HOME}/git/config` (global)

```ini
# ${REPO}/.git/config
# ~/.gitconfig
# ${XDG_CONFIG_HOME}/git/config
[alias]
    gfpr = "!f() { git fetch upstream refs/pull/$1/head:pr/$1; } ; f"
    gppr = "!f() { git pull upstream pull/$1/head; } ; f"
```

Then fetch all *PR*s.

```bash
$ git fetch upstream
```

To check out a particular *PR* *#42*:

```bash
$ git checkout pr/42
Branch pr/42 set up to track remote branch pr/42 from upstream.
Switched to a new branch 'pr/42'
```

### Local gitconfig

You can append *fetch config* in your local `config`.

```ini
# .git/config
[remote "upstream"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = git@github.com:joyent/node.git
	fetch = +refs/pull/*/head:refs/remotes/origin/pr/*
```

The rest is the same as above.

### With Script

You can append above related *fetch config* with below script:

```bash
#!/usr/bin/env bash
#
# git-fetch-pr.sh

git remote -v | grep fetch | grep github | \
    while read remote url _; do
        if ! git config --get-all "remote.$remote.fetch" | grep -q refs/pull
        then
            git config --add "remote.$remote.fetch" \
                '+refs/pull/*/head:refs/remotes/'"$remote"'/pull/*'
        fi
    done
```

The rest is the same.


All done!




Resources:
- [gist #1](https://gist.github.com/piscisaureus/3342247)
- [gist #2](https://gist.github.com/chernjie/b16fe4dccf3f386d52ff)
"Readability" is subjective
Tags: codereview, readability
Published: 2022-08-07 19:46:49

---
title: "Readability" is subjective
published: true
date: 2022-01-27 00:00:00 UTC
tags: codereview,readability
canonical_url: https://jhall.io/archive/2022/01/27/readability-is-subjective/
---

I’ve talked about the importance of [code readability](https://jhall.io/archive/2021/11/10/readability-is-paramount/) before, and so has [one of my podcast guests](https://share.transistor.fm/s/7a26ec52). But “readability” is pretty subjective.

Quick. What does this mean?

```
/(cat|dog)s?/

```

If you understand regular expressions, this should be pretty readable.

If you don’t understand regular expressions, you’ll be at a loss.

So is the code “readable” enough? Obviously it depends. Do you expect the readers of your code to understand simple regular expressoins?

So here’s my rule of thumb to determine if code I write is “readable enough”:

> Will the least experienced developer likely to read this code be able to understand it?

When developing a simple web service, I usually assume that the least experienced developer to see the code may be an intern, or a recent coding bootcamp graduate. So I strive for “very readable” code.

However, if I’m writing some deployment scripts for Kubernetes, it’s far less likely that a 3-month bootcamp grad will be tweaking those files. I’m willing to be “a little less readable” if it makes the job easier for me.

Or maybe you’re hacking a kernel module to improve the performance of some network filtering. Most likely, the types of developers reading that level of kernel code have many years of experience, and you don’t need to focus on child-like readability very much at all there.

The bottom line: “readable” is subjective, so keep context in mind when writing your code to be readable.

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
GitUI 0.20 supports annotated tags
Tags: git, terminal, rust, productivity
Published: 2022-01-26 23:36:19

[GitUI](https://github.com/extrawurst/gitui) is a terminal UI for git written in Rust. We aim to simplify common git tasks in a fast, keyboard-only and cross platform way without leaving your beloved CLI.

## Release Highlights

* support for annotated tags
* delte a tag on remote
* support `core.hooksPath` config
* revert any commit from the log
* [much more](https://github.com/extrawurst/gitui/releases/tag/v0.20.0)

Thanks for your interest and support!❤️
Welcome Thread - v161
Tags: welcome
Published: 2022-01-26 23:15:45

---
title: Welcome Thread - v161
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![Patrick Star saying hi](https://media.giphy.com/media/3ogwFGEHrVxusDbDjO/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
Starter Advanced GraphQL Next.js TypeScript & MongoDb (CRUD)
Tags: nextjs, graphql, mongodb, typescript
Published: 2022-01-26 22:53:19

# Starter Advanced Project : GraphQL Next.js TypeScript & MongoDb (CRUD)
### Github Repository


[https://github.com/idurar/generic-graphql-crud-next-js-mongodb](https://github.com/idurar/generic-graphql-crud-next-js-mongodb)


### Install

```
yarn Install
```

### Setup & connect to your MongoDb Database

```
1) change this file name .env.local.tmp to .env.local
2) open .env.local and paste your MongoDB url here :  MONGODB_URI="your-mongodb-uri"
```

### Generate schema and Type

```
yarn generate
```

### Getting Started

First, run the development server:

```
yarn dev
```

### Try your Graphql

```
http://localhost:3000/api/graphql
```
10 Practical shortcuts to be faster !
Tags: shortcut, programming, productivity, developement
Published: 2022-01-26 22:33:57

**1 )** **ctrl + enter : JUMP TO THE NEXT LINE**

using this command you are able to jump to the next line even if the cursor is in the middle of a line text.

**2 )** **shift + left arrow / right arrow : HIGHLIGHT CODE**

this command is used to highlight the left/right section of the cursor character by character.it can be combined with **ctrl** to go word by word.

**3 )** **ctrl + F2 :   FIND ALL THE OCCURENCES** 

On visual studio you can select some text and use this shortcut to find all the occurrences of that text.

**4 ) ctrl + W : TO CLOSE PROGRAMS**
This command is a little similar to alt+f4, but unlike the latter this one closes the current program you'r at, for instance it closes a tab for you without shutting down the whole browser.

**5 )** **ctrl + shift + esc :  OPEN THE TASK MANAGER**
Nothing much to say here this command pop up the task manager.

**6 ) ctrl + shift + J :  Open the Console panel**
Hitting this command brings up the console panel for inspecting on  chrome.

**7 ) ctrl + shift + C :  SHOW THE ELEMENTS PANEL**
Hitting this command brings up the ELEMENTS panel on chrome.

**8 ) CMD & +/- : ZOOM IN OUT**
On windows you can use this shortcut to zoom in out and to make you computer read some text for you.

**9 )** **CMD + ARROW LEFT/RIGHT : DIVIDE THE SCREEN**

This command allow you to divide you screen in two part and set the current program to left/right.

**10 ) DOT IN GITHUB**

Hitting the dot open the current repository on a web editor for easy access.
Ethereum2.0 : Rebranding
Tags: blockchain, opensource, news, ethereum
Published: 2022-01-26 21:48:11

When Ethereum2.0 is coming? Now the sort answer is: `Never`
But hold on! Let's explain a bit. 
Caveat: I won't detail too much about the upgrade of the second layer. There is a lot of articles explaining the general purpose of the Beacon Chain, The Merge and The Sharding. What I want you to be aware, is the naming convention used in the Ethereum Network. More specifically since January 24th 2022.

Because I mentioned the three milestones of Eth2.0, let me give you a short description for them.

##Definitions
###Beacon Chain
Introduce the proof of stake consensus for Ethereum network. It will be the backbone of the new network upgrade.
###The Merge
Mark the end of the proof of work. Because the Beacon Chain is a separated network. But in the end, the Mainnet is going to be merged with the Beacon Chain.
###Sharding
Act as a horizontal scaling of the Ethereum network. Each node will run a chunk of the entire blockchain. The big advantage stays in the hardware consumptions/requirements. This will improve the number of transactions.

##Network upgrade
Since the end of 2020, we hear a lot of Ethereum 2.0. But the engineers of Ethereum don't use this term anymore and prefer to say, "Execution Layer" for Eth1 and "Consensus Layer" for Eth2.
The two layers is **`Ethereum`**

The roadmap of Ethereum consists in scaling the network and introduce the proof of stake consensus. This is the roadmap of Eth2.0. In order to be shipped, the release will take some time. There is, at this time, the beacon chain shipped. We are waiting for the merge in 2022 and the sharding in 2023.

Ok but at this point, why can't we say Ethereum 2.0?
<u>1 - Prevent scam:</u> Malicious actors will take advantage of the new name to create an ETH2 token and tell to the users to change between their current ETH to the "new" ETH because it will be deprecated.
<u>2 - Staking:</u> Staking in the Beacon chain is allowed with ETH and reward are given in ETH. There is no ETH2 rewards. This can create a confusion and we can join the first point of a potential scam.
<u>3 - Models:</u> Eth2 is not a new model. It's just an upgrade. But the overall architecture remains.

##Conclusion
Keep in mind that the only network that exists is Ethereum. But the Ethereum network is a merge between the execution layer (Eth1) and the consensus layer (Eth2)