teleren/devto huggingface dataset:
lagoon-blog-deployment-1
Published: 2021-05-19 23:19:25

Hello and welcome to our little Lagoon-specific corner of the internet.  We've created this channel so that we can share some of our more technical and developer-focused content more easily.

We’ll be sharing bits of knowledge we hope you’ll find helpful, whether you’re a Lagoon customer, a Lagoon developer, or just someone who’s interested in Kubernetes and related technology. You’ll see posts about Lagoon, of course, as we release updates to our platform and show off cool new things we’re doing. 

You can also look forward to posts about some of the third-party open-source tools that we use inside of Lagoon, as well as open-source software that we use to make our lives easier in our day-to-day workflows. We hope you’ll stay tuned as we build the Lagoon community!

We'll still be posting regularly to the main amazee.io site at https://www.amazee.io/blog - but you can expect to see a slightly deeper dive here.

We also want to highlight our new [GitHub](https://www.github.com/uselagoon) and [social media channels](https://www.twitter.com/uselagoon) that we are starting up - we'll also promise to keep posting to all the usual channels - but feel free to follow along with these new ones too!

(and yes, we know it's technically our second post)
Creating a new laravel project with Docksal
Tags: docker, laravel
Published: 2021-05-19 22:34:38

https://docs.docksal.io/

```
fin project create
Input project name and choose Laravel
cd/newproject
fin start
fin artisan key:generate
npm install && npm run dev
```

To connect to the created mysql:
https://docs.docksal.io/service/db/access/

Username: root
Password: root

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wzvsaafn8ugfe75qjtxn.png)

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1qokkbbmcv8qzfo0wu36.png)
Day 370 : Manic
Tags: hiphop, code, coding, lifelongdev
Published: 2021-05-19 21:54:57

_liner notes_:
- Professional : Got my new work laptop today! Woohoo! Haven't had a chance to take it out the box yet. Had a meeting, worked on a demo application and backing up files. I never like having to set up work laptops. There will probably be a few things I need to set up and download. I feel kind of manic when starting over again. haha

- Personal : Last night, got the side project to the point where I showed it to someone to get some feedback. They liked it and had a good idea of what I'll be doing. That's good. Still got to work out the mobile layout and it should be good to go.

![The snow covered mountains of Gokyo Lake, Nepal above the clouds and a small village in a valley](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n6g9iq6p783840crepbt.jpg)

Looking to finish up the mobile version of my side project and maybe start on the push notification section. I'll also be backing up my work laptop so I can set up my new laptop. If I have time, I want to go through some tracks for this week's radio show. Maybe watch an anime. We'll see.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 7tzEmqT18aY %}
Could anyone scrape these sites 
Tags: scraping
Published: 2021-05-19 21:20:12


I'm working on a project where I need to extract all restaurants menu from some dynamic pages, while the prices appear in a popup(alert) to choose from sizes or whatever extras..

So, Do anybody know a way for doing this please
Targeted sites:
https://www.elmenus.com/cairo/bazooka-myp8d
https://www.talabat.com/ar/egypt/restaurant/518829/baba-abdudowntown--el-gomhorya?aid=7771
https://www.akelni.com/en/restaurant/4999/Mo%60men
Wanted: Code reviewers for my first node project
Tags: node, github, typescript
Published: 2021-05-19 21:02:37

Dear fellows, I was searching for a GitHub action to publish releases including assets. Despite the sheer mass of actions out there I failed to find the right one. What I found did either not support GitHub enterprise, or it failed to replace an existing release, or it could not upload assets, or it published the release before uploading the assets, or, or, or. Eventually I wrote an action on my own which turned out to be my first node project using typescript. I am curious what you think. Please tell me where I have done well and what could be improved. Please let me know! Thanks - Chris

This is the main action:
https://github.com/cb80/pubrel

And there are two little helper actions for end to end integration testing:
https://github.com/cb80/delrel
https://github.com/cb80/dlassets
When React Hooks "just clicked" in my head 💡🤩
Tags: react, webdev, javascript, beginners
Published: 2021-05-19 20:43:08

A lot of people writing React think that when they initialize a variable, it's going to stay that way every time.

For instance, let's imagine a very simple React component.

```ts
const Demo = ()=>{
  const name = 'Bob';

  return <div>Hello: {name}</div>
};
```

You might come away thinking that the `name` variable will always be the same piece of memory no matter how many times the `Demo` component is rendered.

In reality, React calls that `Demo` function every time it renders the parent components that contain the Demo component.

## Wait a second...

Yes, that means that `name` is going to be a new variable every time `Demo` is called (which is every time React needs to render it).

So, it's almost like each time `Demo` is rendered, the `name` property is born again. That realization is what helped make React Hooks click. Hooks lets you make `name` immortal (for the life of the browser tab being open).

## What if I wanted it to stay the same?

Well, that's what hooks were more or less invented for. Hooks predominantly are about allowing React devs to use simple functions to describe their creational patterns but to allow these functions to express stateful concerns.

Before hooks, you would have had to use a Class to describe a component that has state.

But with React Hooks like `useRef`, you can say "hey React, would you mind keeping this variable around?"

## K, but let me see this in action

Sure! Here's a demo that shows starts off showing how the `Demo` component is essentially stateless and therefore the `name` property can never be the same between renders.

If you follow along the comments in the code example below, you'll be able to uncomment the correct lines to show how you can inform React of which pieces you want it to keep the same between renders.

{% stackblitz react-memory-ref-demo src/App.js %}
As a developer, what are the cool things you like to do with containers?
Tags: docker, containers, kubernetes
Published: 2021-05-19 20:32:06

I'm curious about how you guys are using containers (be it Docker, Kubernetes or any other platform) and tools (docker-compose etc...) on a daily basis.

What are the cool things you like to do with containers when developing? And on the opposite side, what are your current frustrations when working with containers?
Devlog
Tags: unity3d, gamedev, gamedeveloper
Published: 2021-05-19 20:21:27

---
title: Devlog 
published: true
description: The journey to learn Unity from zero to hero.
tags: #unity #gamedev #gamedeveloper
 
---
 
Greetings fellow devs, 

I recently switched a career and decided to focus on game dev with Unity C# . This is gonna be my personal dev log which i would keep track all my path from zero to hero :) . I hope that you are interested to join me in this journey . I will keep you updated with my Projects . 

My first project is 2D Platformer , called Space Jumper. I would post daily updats on added mechanism functionalities etc. 

Thank you
First Impressions on Svelte
Published: 2021-05-19 20:15:54

<!-- wp:paragraph -->
<p>According to the <a href="https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/">State of JS 2020</a> Svelte has the highest satisfaction and  interaction ranking in 2020, so it makes sense you at least know what it is all about. The high satisfaction rate, doubled in popularity in the last years.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It is a good tool to get started if you haven't seen any other JavaScript framework or libraries before. It reminds me of a mix of HTML, AngularJS, CoffeeScript and React. It is just like JavaScript but some things have magical special meanings. It's componentized and it has a built in store system.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>I've pair programmed with <a href="https://github.com/taw">taw</a> to create a typing &amp; hangbot games to have a go at the syntax and overall experience. Some notes below:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><code>$: </code>dollar label do this whenever something changes</li><li>Looping <code>{#each text as letter, i}</code></li><li>Writing something along of the lines of <code>export let variable-name;</code> is ok!</li><li>Directives are kinda ugly but they serve their purposes</li><li>When working with vs code auto formatting with prettier did not work well as it would adds spaces that impacted the HTML</li><li>Another curiosity I had was how to deal with global styling or component-scoped styling</li><li>The use of <code># : /</code> </li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>If you'd like to get started, the website svelte.dev has a pretty decent visual tutorial with code you can edit and see the changes live</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":181,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="http://www.amandacavallaro.com/wp-content/uploads/2021/02/Screenshot-2021-02-13-at-15.56.07-1024x580.png" alt="" class="wp-image-181"/><figcaption>Screenshoot of https://svelte.dev/tutorial/basics</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>As mentioned previously, I've pair programmed with <a href="https://twitter.com/t_a_w">Tomasz Wegrzanowski</a> and we've created "Hangbot". It was interesting to have hands-on experience on how it feels to code in Svelte.<br><img class="wp-image-191" style="width: 500px;" src="http://www.amandacavallaro.com/wp-content/uploads/2021/03/Screenshot-2021-03-06-at-15.02.00.png" alt="pair programming"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><a href="https://lnkd.in/dNiEADN">Here's the github project </a>for hangbot, go ahead and share you own projects and thoughts on svelte too. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Find me on twitter <a href="http://twitter.com/amdcavallaro">@amdcavallaro</a>.</p>
<!-- /wp:paragraph -->
How to create named routes in Nuxt.js
Tags: nuxt, vue, tutorial
Published: 2021-05-19 20:07:42

Hello! 👏🏼 I'm back after wayyy too long! Here's my first blog post on something that's actually tech-related. 👩🏻‍💻 This is a quick post on how to create named routes in Nuxt.js.

### Table of Contents:
- [Introduction](#introduction)
- [How to replicate](#how-to-replicate)
- [Context](#context)
- [Extra: Add to your content creation toolkit](#extra-add-to-your-content-creation-toolkit) 🧰

----------

## Introduction

In [Vue.js](https://v3.vuejs.org), we can create routes with page names so we don't always have to specify a path for an internal route in our application. This handy way of creating routes are called [named routes](https://router.vuejs.org/guide/essentials/named-routes.html).

However, while working with [Nuxt.js](https://nuxtjs.org) in a new project, I wanted to see if I could do the same with Nuxt, since it's based on Vue.js. I was worried I couldn't because Nuxt.js [automatically generates Vue routing](https://nuxtjs.org/docs/2.x/get-started/routing/) for us so hypothetically, I thought I wouldn't be able to customize the `to`  in the `<NuxtLink>` component *without* adding a [route name](https://router.vuejs.org/guide/essentials/named-routes.html) in Router instance. 🥲

But, being curious and tenacious, I tried the same feature in my Nuxt app - and voilà... It works, too!

## How to replicate

![named route example in Nuxt.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9lxxbwocgds075z8mvja.png)

Is equal to...

![regular routing in Nuxt.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/da2vwfgco0z1raxbeom2.png)
 
----------

I hope this helps someone! In my process, I spent hours trying to find a concrete post on [StackOverFlow](https://stackoverflow.com) and [Nuxt.js documentation](https://nuxtjs.org/docs/2.x/get-started/installation), but there wasn't anything at all too concrete. The only way I found out was through actually applying the idea in code 😅.

## Context
The context for this use-case was for pagination / page queries. I needed a way to pass a query for pagination in the `to` portion of the `<NuxtLink>`, so hence I defaulted to named routes. I didn't apply the same context in the code photos, but it should work either way (if not, please comment below or message me).

**Gist of the story: You don't need to give your route names in Nuxt.js to use named routes.**

Anyway, this is it for today! Stay safe and well everyone ❤️

----------

## Extra: Add to your content creation toolkit
Curious what I used for the beautiful code photos? 📸

- [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode) - a VSCode extension

   - NOTE: For Polacode to work, you cannot simply highlight code from bottom up as in the demo. You must **copy-paste it into the Polacode panel**! (An FYI since I thought I would never be able to use it until I used my eyes to read 😄)
So entfernst du ungewollte Bildergrößen in WordPress
Tags: wordpress, code, functionsphp
Published: 2021-05-20 14:25:59

---
title: So entfernst du ungewollte Bildergrößen in WordPress
published: true
date: 2021-05-19 19:52:40 UTC
tags: Wordpress,code,functionsphp
canonical_url: https://j0e.org/so-entfernst-du-ungewollte-bildergroessen-in-wordpress/
---

WordPress möchte uns was Gutes tun, indem zusätzliche Bildergrößen generiert werden. Wenn du weißt, was …

[So entfernst du ungewollte Bildergrößen in WordPress](https://j0e.org/bildergroessen-deaktivieren/)
WordPress Bildergrößen deaktivieren - So gehts
Tags: wordpress, code, functionsphp
Published: 2021-05-25 15:44:42

---
title: WordPress Bildergrößen deaktivieren - So gehts
published: true
date: 2021-05-19 19:52:40 UTC
tags: Wordpress,code,functionsphp
canonical_url: https://j0e.org/bildergroessen-deaktivieren/
---

![So entfernst du ungewollte Bildergrößen in WordPress](https://j0e.org/wp-content/uploads/2021/05/image-sizes-deaktivieren.png)

WordPress möchte uns was Gutes tun, indem zusätzliche Bildergrößen generiert werden. Wenn du weißt, was …

[WordPress Bildergrößen deaktivieren](https://j0e.org/bildergroessen-deaktivieren/)
📄 PDF Generation with Puppeteer Sharp
Tags: csharp
Published: 2021-05-19 18:10:13

#### 📌 Besides surfing the web, you can use web browsers programmatically to automate tasks. Learn how to drive a Chromium browser using Puppeteer Sharp, a browser automation library for C#.

### <br>
One of the goals every developer has is to automate as many actions and tasks as possible. Some of the reasons why we should try to automate our workflows are:
- We save work time.
- We depend less on human assistance.
- We make things faster.
- We spend less money.
- We get consistent results over iterations.

Besides the benefits that automation brings us, there are some scenarios that couldn't be achieved if we don't execute an automatic process. One example of this is the dynamic generation of files and images. In this article, we will see how to implement automatic workflows interacting with a web browser instance.

## Browser Automation

"Browser automation" is the action of automating the usage of a web browser. Its purpose is to achieve efficiency and speed at a certain level that wouldn't be possible if we rely on human interaction.

With a browser automation tool, we can simulate interactions using input devices (keyboard, mouse, etc.), or we can verify that visual elements are working and displayed correctly. We also have different elements inside a web page that we can interact with: dialogs, downloads, authentication forms, videos, etc.

With browser automation, we can do most of the things we do manually with a web browser. Some examples where we could use a browser automation API are:

- Automate form submission.
- Develop and implement a UI testing strategy using the latest version of Google Chrome Browser.
- Automate and validate keyboard input responses.
- Generate screenshot images.
- Generate PDF files.
- Scrape a website.
- Crawl a Single-Page Application (SPA) and generate pre-rendered content.
- Diagnose performance issues.

There are various browser automation tools in the market, implemented for several programming languages and with different features or purposes. One of the first to be released was [Puppeteer](https://pptr.dev/).

## What Is Puppeteer?

According to the official definition, [Puppeteer](https://pptr.dev/) is "A Node library which provides a high-level API to control headless Chrome or Chromium over the [DevTools Protocol](https://chromedevtools.github.io/devtools-protocol/)".

A [headless browser](https://developers.google.com/web/updates/2017/04/headless-chrome) is basically a web browser without a graphic user interface. It renders HTML documents and executes JavaScript code, but without displaying it on the screen. We can interact with a headless browser through a command line.

Even though Puppeteer runs mainly as a headless Chromium instance, we have the possibility to set it as "non-headless" and display all the interactions on the screen.



[Read more...](https://auth0.com/blog/pdf-generation-with-puppeteer-sharp/?utm_source=content_synd&utm_medium=sc&utm_campaign=puppeteer)
Fix Microsoft Office 0xD000FFFE activation error on Mac
Published: 2021-05-19 19:47:17

1. Close all Microsoft Office apps
2. Run following:
```

# Stop Office 365 Service
killall Office365ServiceV2

cd ~/Library/Group\ Containers/UBF8T346G9.Office

# remove all files that start with 'c' or 'e'
ls -a | perl -n -e 'print if m/^[e|c]\w/' | xargs rm

```

From https://answers.microsoft.com/en-us/msoffice/forum/all/error-code-0xd000fffe/3e8625a2-28ca-4356-b0dc-f57b7a2a58b9
What are the top 5 mobile apps that you use every day?
Tags: discuss, productivity
Published: 2021-05-19 19:29:35

There is a huge number of useful apps you can download. They could make your day more organized, better planed, less stressful. Besides, they would save you time.  Here are my TOP 5 applications I use the most on my smartphone.

# [Headspace](https://apps.apple.com/us/app/headspace-meditation-sleep/id493145008)

Headspace is a guide to mindfulness for everyday life.
There are hundreds of guided meditations on everything from managing stress and anxiety to sleep, focus, and mind-body health. 

Headspace includes short 3-minute meditation sessions, which can fit into your busy daily schedule.

The app includes a lot of guided meditations on subjects like focus, exercise, and sleep. 

# [Notion](https://apps.apple.com/us/app/notion-notes-projects-docs/id1232780281)

Notion is a note taking app. It is an application that provides components such as databases, kanban boards, wikis, calendars, and reminders. You can connect these components to create your own systems for knowledge management, note-taking, and etc.

The app can be considered as an all-in-one workspace for note-taking, knowledge and data management, project, and task management. 

The tool helps you to schedule tasks, manage files, save documents, and set a reminder for the weekly schedule, enabling you to organize your work. 

# [Podcasts](https://apps.apple.com/us/app/apple-podcasts/id525463029)

Podcasts have been a big part of my daily routine. It is a great way to gather new ideas while stuck in traffic,  making dinner, washing the dishes, or walking in the park.

I use the Apple podcasts app, but there are a lot of other apps out there.

Some of my favourte non-tech podcasts series are:
- [American Innovations](https://wondery.com/shows/american-innovations/)
- [Imagined life](https://wondery.com/shows/imagined-life/)
- [The next big idea](https://wondery.com/shows/the-next-big-idea)

# [Daily Yoga](https://apps.apple.com/us/app/daily-yoga-workout-fitness/id545849922)

Daily Yoga, an app that offers interactive Yoga workouts. It is focused on providing intuitive and comprehensive yoga training for everyone. 

There are more than 100 yoga and meditation classes to help people from all levels. Besides that, there are a series of beginner-friendly tutorials to help you find a different and better self in only two weeks.

As I work on a desk, and I often have back pain, this app helps me to stretch the muscles and to relieve that pressure from the stressful day.

# [Spending tracker](https://apps.apple.com/us/app/spending-tracker/id548615579)

Spending Tracker is a personal finance app.

I am trying to save money every month. Likewise, for me, it's essential to track my money and manage the expenses. With this app, I can stick and easily manage my budget. I also could see how much I spent last year and easily compare every week, month, or year.

I am curious to hear what are the top apps that you use every day?
Welcome Thread - v125
Tags: welcome
Published: 2021-05-19 18:59:19

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

![owl saying hi](https://media.giphy.com/media/rDjpBbliIfrZm9tmTa/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!**