teleren/devto huggingface dataset:
🔴 Live - Creating a Modern NPM Package
Tags: livestream, programming, npm, javascript
Published: 2022-08-19 16:02:38

---
title: 🔴 Live - Creating a Modern NPM Package
published: true
description: Clarkio hosts a livestream to share what he's learned about creating modern npm packages.
tags: livestream,programming,npm,javascript
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

Hey there and thanks for checking out this post. I'm building the habit of sharing what I have planned for upcoming livestreams. I have one scheduled for today, Friday, August 19th, 2022. If you're interested in joining our welcoming community as we learn together drop by the stream today starting at 12:30pm ET ([time zone conversions](https://time.is/1230PM_19_Aug_2022_in_ET/PT/UTC)).

### Stream Plans
Here's an outline of what you can expect on the stream today:

1. Welcome and celebrate each other's wins of the week
2. Solve today's wordle
3. Walk through how to create a modern npm package. Here's the repository for it [modern-npm-package](https://github.com/clarkio/modern-npm-package)

#### Wins of the Week
If you've not joined us for the livestream before you might be wondering what this is all about. It's the beginning segment of the show where we take time to reflect on the past week and look to find the positive things that happened for which we're grateful.

The idea behind this is that I personally have had a tendency to dwell on the negative things. This exercise has helped me to break out of that habit (not all the time but more often now than before). My hope is that it'll help folks dealing with the same thing.

#### Wordle
We do this as a transition segment where I hide the chat and turn off the text-to-speech feature of my chatbot (something we built on stream) so folks don't spoil the game. Viewers seem to have fun laughing at my frustrations as I try to solve the puzzle.

#### Technical Topic
After we're warmed up from the previous two segments we dive into a technical topic for the day. This can vary from stream to stream but for this particular one we're continuing work from our past streams and sharing what we learned about creating modern npm packages for JavaScript and Node.js projects.

### How to Join
If any or all of that interests you and you'd like to see what this community is all about you can join us over on [Twitch](https://twitch.tv/clarkio). Hope to see you there 🙂👍

✌ Clarkio
Upgrade Hosted Agent / GitHub Runner PowerShell
Tags: githubactions, powershell, github, azurepipelines
Published: 2022-11-15 18:06:17

---
title: Upgrade Hosted Agent / GitHub Runner PowerShell
published: true
date: 2022-08-19 15:59:59 UTC
tags: GitHubActions,PowerShell,GitHub,azurepipelines
canonical_url: https://jessehouwing.net/upgrade-hosted-agent-powershell/
---

 ![Upgrade Hosted Agent / GitHub Runner PowerShell](https://jessehouwing.net/content/images/2022/08/R.jfif.jpg)

I managed to upgrade PowerShell at the start of the run and the agent will happily use it after installation.

You need to do two simple things.

1. Install the PowerShell Core Preview onto the agent.
2. Make PowerShell Core Preview the default by prepending the PATH environment variable.

Once you know how, it's easy:

```
- run: |
    Invoke-Expression "& { $(irm https://aka.ms/install-powershell.ps1) } -UseMSI -preview -quiet"
    "C:\Program Files\PowerShell\7-preview" >> $env:GITHUB_PATH
  name: Upgrade to latest preview of powershell 
  # https://github.com/PowerShell/PowerShell/issues/17404#issuecomment-1188348379
```

The same trick would work on Azure Pipelines:

```
- pwsh: | 
    Invoke-Expression "& { $(irm https://aka.ms/install-powershell.ps1) } -UseMSI -preview -quiet"
    write-host "##vso[task.prependpath]c:\Program Files\PowerShell\7-preview"
```
The problem with customer onboardings.
Tags: webdev, programming, product, productivity
Published: 2022-08-19 15:58:00

{% embed https://www.youtube.com/watch?v=vBCeaYit8aY %}

As a freelancer, clients often ask me to integrate customer onboardings.

And their problems are always the same.

Long story short: they complexify what needs to be simplified.

A customer onboarding has to be painless for users, costless for teams.

However it is often source of attrition and waste of resources to develop.

Am I the only one to experience such trouble in start-up teams?
GitUI 0.21 supports file history log view
Tags: git, terminal, rust, productivity
Published: 2022-08-19 15:53:12

[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 viewing file history as a log
* stacking popups
* use `GIT_DIR` and `GIT_WORK_DIR` from environment if set 
* support copy to clipboard on wayland
* [much more](https://github.com/extrawurst/gitui/releases/tag/v0.21.0)

Thanks for your interest and support!❤️
3000 members on our Luos Discord!
Tags: opensource, microservices, news, luos
Published: 2022-08-19 15:41:16

💥 Wow! We opened a new community a few months ago for embedded and edge developers and have passed the 3000 member mark!

{% embed https://twitter.com/i/status/1560651247786414080 %}

Thanks to all of you maintainers, contributors, communicators and members for being part of this great project!
Apptron Demo: HTML5 Background Apps
Tags: showdev, html, webdev
Published: 2022-08-19 15:31:01

---
title: Apptron Demo: HTML5 Background Apps
published: true
description: "In this week's demo I built a background application using HTML and Apptron."
tags: showdev, html, webdev
cover_image: https://i3.ytimg.com/vi/i9nNUOHF7G4/hqdefault.jpg
---


{% embed https://www.youtube.com/watch?v=i9nNUOHF7G4 %}

In this week's demo I built a background application using HTML and [Apptron](https://progrium.com/blog/apptron-announcement/). It may seem weird to involve a webview at all for a background app, which is why this was not a use case I had planned, but I was pleasantly surprised to discover how this turned out.

In the last demo, we made an app indicator background utility as a shell script. This week we re-create it using JavaScript in an HTML file. With `apptron build` we can make it into a standalone executable. This workflow was originally intended for quick webview apps, but because we can let the JavaScript of the page run while the window is hidden, we effectively get a background application. 

Apptron wasn't made just for webview apps. I wanted to expose other native APIs that let you hook into more pre-built UI elements the operating system provides. For now this covers the common ones like app indicators, dialogs, and desktop notifications. In the future I'd like to expose APIs to let you add new items to system menus, control panels, and other places the OS lets developers hook into. These are important to make scriptable so you can easily leverage them for simple workflow hacks. When it's easy to throw that kind of thing together, you don't need to find "an app for that," you can just imagine what would work for you and make it happen.

If this is also a world you want to see, [join Apptron early access](https://tractor.dev/apptron/) and help us get this thing out. See you next demo!

-jeff
Database Storage Engines
Tags: database
Published: 2022-08-19 15:25:00

Database storage engines are one of the most important concepts to know when developing a relational database, they determine how well the tables in your database can relate data between each other. This article provides an introduction to what they are.

A database storage engine is one of the software components of a DBMS that handles how data is stored, retrieved, updated and managed in the database. It essentially does all the CRUD operations that occurs in the database.

### Database storage engines exists in two types

- Transactional
- Non transactional

### - Transactional Storage Engines
These are storage engines that support transactions in a database. A transaction is an operation in a database that must either be totally completed or failed, what this means is when an SQL operation starts running, it has to complete its work fully or not complete its work at all in case any error occured. It is possible that a transaction fails because there are certain factors that could stop the transaction from completing and if this where the case, the storage engine would roll the database back to it's previous state before the operation occured. Transactional storage engines follow the [ACID] (https://database.guide/what-is-acid-in-databases) standard and support foreign key constraints which is very important for relational databases. An example of a popular transactional storage engine is **INNODB**.

### - Non Transactional Storage Engines
You can simply put it as the opposite of transactional storage engines. Non transactional storage engines don't fully support transactions which makes them read data faster than transactional storage engines. With a non transactional storage engine, you can't have relationships between tables because they do not support foreign key constraints. In the case of a non transactional storage engine, if any error occurs during an SQL operation, you would have to manually roll back the changes yourself as the storage engine does not do this on it's own. In terms of speed, non transactional storage engines are fast in running SQL operations. An example of a common non transactional storage engine is **MyISAM**.

If you are going to be relating data a lot in your database or you just want consistency, it is much better to go for a transactional storage engine. In the case where you need to store and retrieve data for quick access and there is no relationship with that data, using a non transactional storage engine would be a better option.

#### CONCLUSION
Database storage engines have a lot of importance and use cases, let me know in the comments any point i might have missed out, thanks for reading!.

You can connect with me on [Twitter](https://twitter.com/Kansoldev) and [Linkedin](https://linkedin.com/in/oyinkansola-yahaya).
What is Distributive Property? Definition, Formula Example, Facts
Published: 2022-08-19 14:44:32

## Distributive Property Definition
To “distribute” means to divide something or give a share or part of something.

So what does distributive property mean in math?

The distributive law of multiplication over basic arithmetic, such as addition and subtraction, is known as the distributive property.

## What Is Distributive Property? 

According to this property, multiplying the sum of two or more addends by a number will give the same result as multiplying each addend individually by the number and then adding the products together. 

In other words, according to the [distributive property](https://www.turito.com/learn/math/distributive-property), an expression of the form A (B + C) can be solved as A (B + C) = AB + AC.

This property applies to subtraction as well. 

A (B – C) = AB – AC

This indicates that operand A is shared between the other two operands.


## Distributive Property of Multiplication over Addition
When we have to multiply a number by the sum of two numbers, we use this property of multiplication over addition. Let’s understand how to use the [distributive property](https://www.turito.com/learn/math/distributive-property) better with an example:

Example: Solve the expression: 6 (20 + 5) using the distributive property of multiplication over addition. 

Let’s use the property to calculate the expression 6 (20 + 5), the number 6 is spread across the two addends. To put it simply, we multiply each addend by 6 and then the products can be added.

6 20 + 6 5 = 120 + 30 = 150

## Fun Facts
Even though division is the inverse of multiplication, the distributive law only holds in the case of division, when the dividend is distributed or broken down into partial dividends, which are completely divisible by the divisor. 

For instance, using the distributive law for 1326 

132 can be broken down as 60 + 60 + 12, thus making division easier. 

We cannot break 132 6 as (50 + 50 + 32) 6.

Also, we cannot break the divisor:  132(4+2) will give you the wrong result. 

## Conclusion
We have understood how [distributive property](https://www.turito.com/learn/math/distributive-property
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oo406k0j10up6io4yunj.jpg)) can be used to simplify complex equations and problems. Experience the new way of learning math with[ turito](https://www.turito.com/learn/), which 

brings an interactive platform for kids where every concept is turned into a playful session. With interesting sheets, exciting quizzes, and easy-to-understand topics, transform the way your child understands math!
Custom Alias / Shortcut in mac Terminal
Tags: beginners, shortcut, tutorial, commandline
Published: 2022-08-19 14:40:34

**TL;DR:** 
`$ open ~/.zshrc`
`$ alias yoursmartaliasname='your smart command' #no spaces before or after the equal sign`
`# save your text file`
`# restart terminal to use your new alias`


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

---

Many moons ago I was irritated by the fact that I had a lot of local branches of work on my computer, after those branches had already been pushed, reviewed and merged into the remote repository. I wanted to delete them locally as well.
I found a cool command to clean them up, but there was no way I would be able to remember it when needed. I put it on a digital sticky note (at the time, a text file, easily accessible for the good old copy-paste) and I copied it from there whenever I needed it.

_Here’s the command — just in case you need it too:_
`git branch — merged | egrep -v “(^\*|main|develop)” | xargs git branch -d
`

---

I know, I know — pasting from a text file isn’t the most efficient way of doing things.

I thought to myself, there must be a better way… and of course there is!

**Create a custom alias (or shortcut) to be used in the command line for easy usage.**

So let’s learn how to define an alias! Important to note: in order for the alias to be permanent, you need to save it in your terminal’s config file.

---


## Who is your terminal?

To find out which type of shell your terminal is using, type in the following command:

`$ echo SHELL #all caps`

---

## Open your config file:
Based on the output you then open your config file, as follows:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/51xu3v82qkpjiwh0breq.jpeg)
---

This will open the config file for editing, using your default editor.

⚠️ **Warning to the wise, make sure you know how to save and exit your text editor** 😃


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

## Set up the alias:
You will then need to type the alias, making sure to have a quote around your command, and no spaces before or after the equal sign:

`alias prune='git branch — merged | egrep -v “(^\*|main|develop)” | xargs git branch -d'`

I decided to call my alias **prune**, because it’s similar to the git prune command, because in my head it made sense (which is the only thing that matters because it’s a custom alias for my own computer 🙃).


---

## Save and Restart Terminal
Next, save your config file and restart your terminal for the alias to be used.

Now, running that command looks like this for me:


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

## That’s it! Happy aliasing 🧑🏻‍💻🤩

---

_originally posted at https://medium.com/@vogeleah/custom-alias-shortcut-in-mac-terminal-26a6b688d133_
How to Start a Book Blog?
Tags: books, programming
Published: 2022-08-19 14:32:15

You may be wondering how to start a book blog. Whether you want to write reviews or just talk about the books you love, there are several ways to get readers to visit your website. First, let your friends and family know that you're starting a book blog. Then, you should promote your new blog on social media. Luckily, there are many communities dedicated to book bloggers and readers on various social networks. You can also use hashtags such as #Bookstagram on Instagram to encourage users to click to read more. Additionally, you can join book clubs and blogging communities.

To choose a name for your blog, you can use Google to find out which sites have been created with similar names. You should also consider which blogging platform is best for your site, as many platforms offer free options. Then, look at blogs that you follow and like. You can also ask your friends and family who blog to give you their opinions. These people can help you decide the best platform for your blog. After choosing the platform, you can then create a theme.

A book blog can be about any topic, as long as it relates to books. For example, you can discuss books from a feminist perspective, review popular books, or discuss the tropes that are prevalent in books. You can also write about the effects of stereotypes in books on the story. You can also join communities like Twitter or Discord or Reddit that are thriving around book blogging. It's important to stick with the theme and the elements of your blog, and you're likely to be successful.

Once you've decided on a topic, choose a name for your book blog. Since your blog name will be one of the first things that people see online, it's important to select a name that conveys what your blog is about. For example, a name like Ashley's Life does not convey that the blog is all about books. Instead, use a name like Ashley Reads, which makes more sense.

Another crucial element of your book blog is choosing a domain name. The domain name will be your blog's URL, and readers can find it by entering it into a search engine such as Google. The best option is to use a plugin called WPForms. WPForms comes with a drag-and-drop builder and a variety of ready-made templates. You can use WPForms to create newsletter signup forms, registration forms, and surveys.

As with any blog, you'll need to introduce yourself. Include a photo and a pen name if you have one. Also, include a contact page on your site with an email address and contact form. If you have a business, you can list the business address and phone number as well. A good way to attract new readers is to experiment with different styles and content types and see what works best.

Read also: https://www.e-architect.com/articles/7-ways-to-make-sure-your-resume-beats-bots
Array Methods in JS - push and pop
Tags: javascript, webdev, beginners, tutorial
Published: 2022-08-19 14:28:00

Hello Today i will be discussing about inbuilt push() and pop() method of Arrays.

Let's get started...

Push - It is used to insert an element at the end of the array.
Pop - It is used to remove the element from the array.


## Code Example - 
```js
const array = [1,2,3,4,5];
const array2 = ["This","is","array2"]

array.push(6) //single element insertion
array.push(7,8,9) // multiple element insertion
array.push("BOOTSTRAP5") // string element insertion
array.push("TAILWINDCSS","REACT JS") //multiple string element insertion
array.push([10,11]) // number array insertion
array.push(["NODE JS","MONGO DB"]) // string array insertion
array.push([[12,13],[14,15]]) // 2-d array insertion
array.push({name:"shubham",age:21}) // Object insertion
array.push(array2) // array stored in a variable then inserted 
array.push(undefined,null) // undefined and null insertion
array.push(true,false) // Boolean insertion
array.push(array) // [Circular *1]

console.log(array)

array.pop() // pop out the last element
array.pop() // pop out the last element
```

## Output - 
```
[
  1,
  2,
  3,
  4,
  5,
  6,
  7,
  8,
  9,
  'BOOTSTRAP5',
  'TAILWINDCSS',
  'REACT JS',
  [ 10, 11 ],
  [ 'NODE JS', 'MONGO DB' ],
  [ [ 12, 13 ], [ 14, 15 ] ],
  { name: 'shubham', age: 21 },
  [ 'This', 'is', 'array2' ],
  undefined,
  null,
  true,
  false,
  [Circular *1]
]

After popping 2 times
[
  1,
  2,
  3,
  4,
  5,
  6,
  7,
  8,
  9,
  'BOOTSTRAP5',
  'TAILWINDCSS',
  'REACT JS',
  [ 10, 11 ],
  [ 'NODE JS', 'MONGO DB' ],
  [ [ 12, 13 ], [ 14, 15 ] ],
  { name: 'shubham', age: 21 },
  [ 'This', 'is', 'array2' ],
  undefined,
  null,
  true
]
```

* As you can see we can push many tyes of elements in the array.
* At the last push, we have pushed the array itself and it returned "[Circular *1] , Circular reference is a references where an object references itself directly or indirectly through an object.
* After using pop() two times, the last two elements are removed.

THANK YOU FOR CHECKING THIS POST
^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/javascript-map-with-filter-2jgo

https://dev.to/shubhamtiwari909/e-quotes-3bng

https://dev.to/shubhamtiwari909/deploy-react-app-on-netlify-kl
Novo episódio com Igor Steinmacher e mais novidades
Tags: podcast, softwareengineering, engenhariadesoft
Published: 2022-08-19 14:15:00

Lançamos nesta segunda-feira 15/08/2022 um novo episódio do podcast Fronteiras da Engenharia de Software. O tema foi "Contribuição em Projetos de Código Aberto" e, como a conversa com Igor Steinmacher (Northern Arizona University) se estendeu, estamos lançando em duas partes. A parte 2 deve ser publicada entre 15 e 20 de setembro. O roteiro com perguntas e links para os artigos do Igor está em https://bit.ly/3QHoxaG.

Tivemos uma novidade neste episódio: a estreia da professora Maria Claudia Emer, da UTFPR Curitiba, como nova co-host, assumindo o lugar que antes era de Ingrid Nunes (e antes dela de Gustavo Pinto).

Já estamos preparando novos episódios! Quem você quer ouvir no Fronteiras? Ou que tema? Comente aqui ou em nosso [Twitter](https://twitter.com/FronteirasES)! Obviamente, tem que ser alguém ou um tema que se encaixe em nosso podcast. Para entender mais sobre o projeto, assista a palestra que nosso co-host Adolfo Neto ministrou no CAP-INPE: [A experiência do podcast Fronteiras da Engenharia de Software](https://youtu.be/-OCBrquMp3Q).





Você pode escutar o episódio com o Igor no YouTube:
{% youtube https://youtu.be/Hf_gr-Vvj-M %} 

No Spotify:
{% spotify https://open.spotify.com/episode/0tG3NCTLsQx2DSiTw3dQDb %}

Ou no Anchor: https://anchor.fm/fronteirases/episodes/Contribuio-em-Projetos-de-Cdigo-Aberto-PARTE-1--com-Igor-Steinmacher-Northern-Arizona-University-e1me5n4