teleren/devto huggingface dataset:
Aktivitas Berkebun Dengan Lahan Minimalis
Published: 2021-09-28 13:43:06

Saat anda melakukan pekerjaan berkebun, anda sangat di sarankan untuk menggunakan sarung tangan berkebun. Anda tidak hanya akan terlindung dari benda tajam, tetapi juga menjaga kekuatan dari peralatan yang anda miliki.Selain itu, bahaya lain seperti debu juga bisa mengancam mata anda. Karena itu, anda sangat di sarankan untuk menggunakan kaca mata pelindung. Hal ini juga berlaku saat anda melakukan aktivitas berkebun di dalam ruangan.

Untuk mendapatkan informasi maupun inspirasi tentang segala kegiatan berkebun, anda bisa melakukan pencarian melalui Google atau bergabung dengan berbagai komunitas. Contoh klub yang membahas tentang segala tata cara berkebun adalah The Wicker Park Garden Club. Mereka juga sering mengadakan pertemuan bulanan di beberapa taman. Selain itu, mereka juga mengajari anak anak hingga orang dewasa untuk berkebun. Mereka juga mengajarkan bahwa kebun tidak harus memiliki lahan yang luas dan  besar, kebun yang kecil juga akan menghasilkan pemandangan yang sama dengan menambahkan sedikit inovasi dan kreatifitas.

Beberapa perabotan seperti air mancur, kolam, patung, dan benda seni lainnya perlu ditempatkan dengan perhitungan yang strategis untuk menghasilkan pemandangan yang indah untuk pengunjung taman anda. Selain itu, posisi yang proporsional juga akan menambahkan nilai seni terhadap kebun tersebut. Selanjutnya, pengelolaan rumput juga harus anda amati dengan seksama. Hal itu akan membuat kesan bahwa kebun anda merupakan kebun yang terawat dan anda merupakan perawat kebun yang rajin dan teliti. Anda bisa menggunakan rumput jenis Bermuda dan rumput kecil lainnya untuk mendapatkan kesan tersebut.

Hal yang selanjutnya anda butuhkan adalah sistem plumbing yang memadahi. Sistem plumbing tersebut akan sangat berguna untuk memastikan bahwa taman anda mempunyai peredaran air yang cukup dan dapat dijangkau oleh semua sudut taman. Selain itu, [plumbing adalah](https://cvdutaperdana.com/plumbing-adalah-kegiatan-penting-untuk-pembangunan-apa-maksudnya/) sebuah hiasan rahasia yang bisa anda gunakan untuk memperindah tampilan tamaan anda. Dengan sedikit pengaturan yang tepat, anda bisa memanfaatkan pipa pipa tersebut sebagai dekorasi yang akan terlihat natural dengan taman milik anda.
MojoAuth is all set for Hacktoberfest 2021 (contribute & earn swag)
Tags: hacktoberfest, opensource
Published: 2021-09-28 13:39:11

Hacktoberfest 2021 is an annual, month-long event hosted by DigitalOcean in October to make open source more fun and exciting. We’re excited to be a part of this year’s edition.

For the first time, we’re open sourcing some of the MojoAuth repositories for anyone to contribute and closely understand how we deliver a world-class passwordless solution for application developers and businesses.

No matter who and where you are, you’re most welcome to contribute to our open source projects or any one of the projects participating in Hacktoberfest 2021, for that matter.

It is an opportunity for everyone new or actively participating to showcase their love and passion for open source with their contributions. It is the easiest and most welcoming way to get involved in open source communities and win some cool swag for fun.

Read more here: https://mojoauth.com/hactoberfest
Sometimes things go wrong
Tags: techdemo, speaking, improvising, techfail
Published: 2021-09-28 13:34:28

---
title: Sometimes things go wrong
published: true
description: When things go wrong, sometimes you have to go with the flow
tags: techdemo, speaking, improvising, techfail
cover_image: https://raw.githubusercontent.com/StacyCash/blog-posts/main/general/2021/somethings-just-go-wrong/cover-image.jpg
---

Over the last week or so [Cloud Summit](https://azuresummit.live/) has allowed some amazing speakers to share knowledge on a wide range of (Azure focused) cloud tech.

I was really honoured to be among that group showing how we can use Azure Static Web Apps with Blazor to start to build out own place on the web.

It's a talk that I really love giving. It's fun to do, and of all the Azure resources that I've seen over the last year it's the one that I really so much value for the cost of getting something set-up.

This post, however, isn't about that tech directly. Rather it's about the fun and games that I had when trying to give my demo 😅

You see... I started fine. My studio was set up. Lighting was fine, machine was working ok. Phone was on mute. I gave my talk introduction and got to the demo.

And... Someone from work called, my ring tone filled the studio.

Panic! Did I forget to mute my phone? Damn!!!!! What, no it's muted.

The noise wasn't coming from the phone. It was coming from the iPad on the other side of the room. Bad words went through my head. Something I didn't know about Apple devices (I've recently moved to an iPhone and iPad) Apple let you receive calls on iPads as well. It just gets routed to the phone. Even though my phone was on mute. Very cool, but not right now 😅

I cancelled the call on my watch (not an Apple Watch 😜) swore to myself again, and continued.

Only now I am really, really distracted. And trying to get back into the flow.

And... I forgot to do something important in the demo and it failed... Thankfully I realised quickly what the problem was and fixed it.

But it had cost me time. Which meant I couldn't show all of the cool features I wanted to before the end of my talk. Damn.

I laughed it off (externally at least) and just made a couple of self-depreciating jokes about it.

Mistakes happen (especially in live demos!), learn from them (don't have the iPad in the studio when presenting) and just do the best you can. You can't do better 😁
How to extract informations from log in Splunk?
Tags: devops, monitoring, sre, productivity
Published: 2021-09-28 13:27:47

When you are debugging an application, you may need to extract some data from logs *(like an id in an URI...)*.

To help you to do that, Splunk has the **rex** command.

# How does it work?
## Command
The simpliest way to use it is 
> | rex *regex*

With this command, you will search for an element in the whole log.

If you want to search in a specific field, add **field=** and the name of your field.
> | rex field=*<field>* *regex*

*example*
```
| rex field=uri *regex*
``` 

---

## Regex
About how to write the regex, you have to follow the next pattern
> [Regex about the text before the desired value][Regex about the desired value][Regex about the text after the desired value]

The first and the last part are really look like a classic regex.
But the middle part is a little bit particular.
> (?<user>\w+)

Wrote like this, you will declare the field where you want insert your new data and you have the regex corresponding to your value.

Also you can retrieve multiple datas from a single rex command.

---

## Examples

Retrieve a username
```
| rex "user\s(?<username>\w+)\s"
```

Retrieve the email sender and the destination of a mail
```
| rex field=_raw "From: <(?<from>.*)> To: <(?<to>.*)>"
```

---

# Links
- [Splunk - Rex command](https://docs.splunk.com/Documentation/SplunkCloud/8.2.2106/SearchReference/Rex)
- [Splunk - Rex examples](https://docs.splunk.com/Documentation/SCS/current/SearchReference/RexCommandExamples)
- [Karunsubramanian.com - Post about Splunk rex command](http://karunsubramanian.com/splunk/how-to-use-rex-command-to-extract-fields-in-splunk/)

---

I hope it will help you! 🍺
React App served via S3 + Cloudfront getting 403 Access Denied
Tags: cloudfront, s3, aws, react
Published: 2021-09-28 13:25:57

Serving the React App in S3 bucket and caching it with Cloudfront on its edge network will help speeding up the web app load time. All you need to do is just setting up S3 bucket as Cloudfront's origin and mapping a custom domain url to the Cloudfront url on DNS for it's distribution to work.

Ideal setup isn't it? But when you access the path to React App, and you see 403 Access Denied as followed: 

```xml
<Error>
  <Code>AccessDenied</Code>
  <Message>Access Denied</Message>
  <RequestId>FYHS010933j</RequestId>   
  <HostId>iboleABhadhISamHT+je56AQHlSGAdTRIkFmGAXIbGpvd/PixA9KinXZVOYv1OOBKa7saKYtmuCkuELle=</HostId>
</Error>
```

It could mean that you bucket policy does not allow access to the bucket files. Hence, please verify your bucket policy to allow the GetObject permission.
![Bucket policy](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l2prji4lj2gwd8qgynvl.png)

In my case, I have also turned off `Block public access` so that public can request for the objects.
![Bucket public access](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9q2mhq36gplbob3fk8t4.png)

>Other cause of access issues please visit https://aws.amazon.com/premiumsupport/knowledge-center/s3-troubleshoot-403/ for solutions.

Then, make sure your bucket has enabled static web hosting. Find the configuration in bucket > properties > scroll to bottom.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9ne8aj0ph7lbfqlbei6e.png)

Next, check your Cloudfront distribution settings. To clarify, let's create a new Cloudfront distribution with Origin settings as followed:
![Origin settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mb92xq44grbkffid2w15.png)

>Note on the HTTPS settings if you plan to use one, otherwise default to HTTP setup.

Then, input the alternate domain name, this is the domain url that you're going to map on the DNS after this Cloudfront distribution is created.

Secondly, choose a SSL cert if you have one. Then, make sure you have index.html as default root object.
![cloudfront settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oaxcvgyehjgzi0ra1r7m.png)

DNS CName mapping:
![DNS mapping](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zetq76iul8pg3zi18g46.png)

Once all of the above has been performed, you should be able to access the root path of your React App. However, if you are still getting 403 access denied on a specific React route, it is because S3 will try to locate that object in the bucket with the path, and clearly that object does not exist.

This can be resolved by returning a custom error response in Cloudfront that handles the HTTP 403 Response, the custom response should direct to the path at index.html and return 200 code. This way, HTTP request will not error out, instead, react will route correctly within the app.
![Error response](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2enjbro4uw54sk9c3b5y.png)

403 should be gone by now and you're good to go now :)
Clean REACT Solutions
Tags: react, webdev, productivity, javascript
Published: 2021-09-28 13:19:45

_Save for later._
<br/>

###1. Self-invoking functions
>Fetch data async when the page loads

![Fetch data async](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8faw8pn9l6njly3s02as.jpg)
<br/>

###2. Long Shadows
>Create artistic effects easily with CSS in JS

![Long Shadows](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tb4azuwy6q5h2qhu3jz9.jpg)
<br/>

###3. Building Timers
>Make super simple timer with useRef hook

![Timer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lykrtid2ctcexgrdvmd2.jpg)
<br/>

P.S. Want the next post to be something specific? Do let me know in the comments.

🤘🏻
<br/>
Connect with me : [Github](https://github.com/deyRupak) | [Tutoring](https://www.fiverr.com/share/V763ld) | [Freelance Web Dev](https://www.fiverr.com/share/Rld9Y8)
Introducing ngx-react : 🅰️Angular + ⚛️React interoperability without pain.
Tags: angular, react, typescript, webdev
Published: 2021-09-28 13:16:45

Have you ever wanted to use React components in an Angular application ? Or to start migrating an Angular app to React component-by-component ? Or simply use both at the same time ?

I developped [ngx-react](https://github.com/oguimbal/ngx-react) which allows you to do just that with ease.

It enables you to use your Angular components in React, and vice versa, quite transparently, and without boilerplate.


# 📐 Setup

Just declare a bridge, somewhere in your application:

```typescript
import { NgxReactBridge } from 'ngx-react';

export const bridge = new NgxReactBridge()
    // bridge options:
    .addProvider(/** Add a global react provider here */);
```


#  Use 🅰️ in ⚛️

Then, to use an Angular component in React, just import it like that:

```typescript
const AsReact = bridge.toReact(MyAngularCommonent);

// use it 👉  <AsReact prop={whatever} />
```

The generated ⚛️ component will take as props all the `@Input()`s of your 🅰️ component, and all the `@Output()`s, mapped to functions. (i.e. `@Output() onThing: EventEmitter<string>` will be mapped to prop `onThing: (event: string) => void`.


#  Use ⚛️ in 🅰️

To use a React component in Angular, you'll have to do a tiny bit more work... for instance if you have a React component:
```typescript
function MyReactComponent(props: {
  data: string;
  dataChange: (evt: string) => void;
}) {
    // [...]
}

```

Then magically convert it to its Angular counterpart like that:
```typescript
@Directive({ selector: "my-react-component" })
export class MyReactComponent_Angular extends reactBridge.toAngular(
  MyReactComponent
) {

  // a bit of extra work: You will have to map the properties yourself 
  @Input()
  data!: string;
  @Output()
  dataChange = new EventEmitter();
}
```

(the Angular compiler doesnt allow to build dynamic components... so we have to declare them statically)


# Services

Just inject Angular services in React like that:

```typescript
const service = useService(MyAngularService);
```

# Wrapping up


I'll write more about this when I have more time 👉 But please share your thought if you have some :) 


More details on  [the ngx-react repository](https://github.com/oguimbal/ngx-react)
🥁Cloud 66 Prepress - Build and deploy Jamstack sites on your own cloud!
Tags: jamstack, aws, gatsby, cloud66
Published: 2021-09-28 13:07:06

We are happy to announce a release of a new product at Cloud 66, called [Cloud 66 Prepress](https://www.cloud66.com/frameworks/jamstack).

Prepress allows you to benefit from the power of the Jamstack without being locked into a proprietary infrastructure solution. Your application is hosted on your own object storage via your own cloud account. We took the advantage of Cloud 66's existing DevOps tools and features, extending them to static site builders. 

Prepress generates static web sites (Jamstack) based on the automatically detected framework with full logs and deploys them to your own cloud. If you have a website, blog, or shop built with Jekyll, Gatsby, or Hugo, you can use Prepress to deploy it to your own AWS account.

## How it works?

### Without Prepress
Without Prepress, to host a static site built with Jekyll, Hugo or Gatsby you need to do the following:

1. Build the static assets by running the tool.
2. Create an AWS S3 (or similar) object store and upload the assets to it.
3. Configure the storage and the files for public (or private) access.
4. Setup conventions like redirecting `/` to `/index.html` on the storage.
5. Configure a CDN like Cloudfront to point to your site if you need SSL (HTTPS) support.

With every iteration of your site, you then need to upload the new files, set the access rights and invalidate the CDN caches.

### With Prepress
Prepress takes care of all of this for you, and much more, in 3 steps:

1. Connect your git repo
2. Connect your AWS account
3. Press Go!

Today's release is our first step towards making hosting static sites developer-friendly, but we are far from done. We have a packed calendar of Prepress feature releases including supporting more cloud providers, more frameworks, and adding many of the other DevOps features that static sites benefit from most.


####[Watch 2 mins demo on Cloud 66 Prepress](https://www.youtube.com/watch?v=GQ7VRXZrEzo)
Setup NFS Storage Class on Kubernetes
Tags: kubernetes
Published: 2021-09-28 13:00:36

Create the following resources in order to setup an NFS storgae provisioner in a Kubernetes cluster. This allows creating Kubernetes volumes on an NFS server.

Since the code required for creating various K8S resources for NFS provisioner is split into
multiple files, I prefer to just clone this gist and using `kubectl` to create all resources
in one go 

```bash
$ git clone https://gist.github.com/amritanshu-pandey/8ab00179c98720cbc28d8bb0c7064426
$ cd 8ab00179c98720cbc28d8bb0c7064426
$ kubectl apply -f *.yaml
```

{% gist https://gist.github.com/amritanshu-pandey/8ab00179c98720cbc28d8bb0c7064426 file=deployment.yaml %}

{% gist https://gist.github.com/amritanshu-pandey/8ab00179c98720cbc28d8bb0c7064426 file=rbac.yaml %}

{% gist https://gist.github.com/amritanshu-pandey/8ab00179c98720cbc28d8bb0c7064426 file=storage-class.yaml %}

---

**Note:** This article was originally posted at https://blog.amritanshu.in/posts/setup-nfs-storage-class-on-kubernetes/
Troubleshooting AppGallery Connect APM for iOS
Tags: appgallery, huawei, ios
Published: 2021-09-28 12:59:24

Today lets take a look at a few issues you might encounter when integrating the Huawei AppGallery Connect APM SDK into your iOS app.

## Issue 1: How can I enable APM debug logs for an iOS app? 

Add **apms_debug_log_enabled** to the **Info.plist** file of your app and set **Type** and **Value** to **Boolean** and **YES**, respectively.

Then, you can filter the debug logs (marked as **[APM]**), as shown in the following figure.

![image showing plist edit gui](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gqafugrbmzra78xouldm.png)


## Issue 2: Why is APM data not displayed in AppGallery Connect?

The APM SDK has been integrated, but I cannot find the APM data in AppGallery Connect.

Official documentation states that the APM SDK requires certain dependencies, especially those of the Analytics SDK version which needs to be version 5.0.4.300 or later.

You are advised to specify the version of the Analytics SDK.
For example, if the latest version of the Analytics SDK is 5.1.0.300, you can add pod `'HiAnalytics', '~> 5.1.0.300'` to the Podfile.

## Issue 3: How do I find out if the APM logs are successfully uploaded?

When filtering the logs, I can only find the collected and sent logs without those related to sending results.

You can query the hianalytics logs to check whether the following logs exist, especially the result code 200.
What are your teams issues telling you?
Tags: softwaredevelopment, teamwork, agile
Published: 2021-09-28 12:44:47

---
title: What are your teams issues telling you?
published: true
date: 2021-09-28 12:37:44 UTC
tags: softwaredevelopment,teamwork,agile
canonical_url: https://medium.com/chingu/what-are-your-teams-issues-telling-you-e471e29d2f8a
---

Sprint 5 — Monday

![](https://cdn-images-1.medium.com/max/1024/1*0dTxKcVID7iZxzl4IYhTmg.jpeg)<figcaption>Photo by <a href="https://unsplash.com/@saeedkarimi?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">saeed karimi</a> on <a href="https://unsplash.com/s/photos/listening?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></figcaption>

You’ve learned it’s important to listen to what your teammates to be a high functioning team. But, has it occurred to you that issues and problems you encounter are also trying to tell you something?

![](https://cdn-images-1.medium.com/max/1024/1*gX9bmh6ZGBbOJeI77CtRiw.jpeg)

As Developers we think about issues and problems only in terms of ” **_bugs_** ”. But they are also anything that creates _resistance_ or _friction_ that reduces progress or productivity.

For example, an application that requires users to enter dates & times, but doesn’t automatically recognize the timezone they are in which forces the user to manually convert them to a common timezone is a source of friction and aggravation. It creates frustration and resistance on the part of the user, plus it’s highly error prone.

Another example is a team who creates a new team meeting schedule in each sprint. As we all know, finding times to meet for a remote team is a time consuming task. Finding a common time to meet that’s generally suitable for all team members and scheduling it once as a repeating event is more efficient.

> Remember! Lasting progress isn’t a **_big bang_** , it’s **_incremental!_**

This is why your team **_retrospective is important_**. It’s the time you set aside in each sprint to discuss what worked well and what didn’t work well so you can build on successes and take action to correct what isn’t working so well, **_no matter how trivial_** they may seem.

### Before you Go!

Chingu helps you to get out of “_Tutorial Purgatory_” by transforming what you’ve learned into experience. The experience to boost your Developer career and help you get jobs. **_And it’s Free!_**

You can learn more about **Chingu** & how to join us at [https://chingu.io](https://chingu.io/)

* * *
I have a question for Kotlin devs.
Published: 2021-09-28 12:32:01

Hi, I'm a non technical person and a newbie to the programming world. I'm writing something and I need some perspective and you guys input. I would appreciate anyone who answers. Thanks!

Which process do you dislike the most while creating Kotlin apps?(You can go into the nitty-gritty of it.)

How much of the work you do is repetitive creating apps as well as in your daily job?

Do you code smartly?
Hi.. 
Tags: devrel
Published: 2021-09-28 12:26:44

my name is Ana Elisa and I’m Master’s student in Computer Science at the Federal University of Mato Grosso do Sul - Brazil. I’m investigating a model for DevRel’s Skills. If you are DevRel, I would like to count on you to collaborate with my research, participating in a survey. Can you help me?

The estimated time to answer the questionnaire is about 20 minutes. All data will be collected anonymously and will be used specifically for academic purposes.

If you can participate, the link to complete the questionnaire is:

https://forms.gle/uMLuS3MSkfB3gw5u9

It would be great to have your participation!

Feel free to contact me by email at ana.cunha@ufms.br in case of any questions or more information needed.
Luos 2.0 is released to the world
Tags: embedded, opensource, luos, release
Published: 2021-09-28 12:20:26

🎉 The whole team is proud to announce the v2.0.0 **release** of Luos with even more crucial features for **embedded** developers such as Profiles to simplify user API, Packages to simplify portability, Bootloader, Gate discovering, Pyluos shell, Selftest 🆕

⚙️ Luos is the new way to think, create, maintain and evolve embedded systems. It's an **open-source** and real-time orchestrator for distributed architectures to easily design, test and deploy embedded applications, like **Tesla**, **SpaceX** or **Dyson** do. 🤖

Discover Luos 👉 https://docs.luos.io and feel free to contact us to discuss your project 🚀
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2021-09-28 12:00:15

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258ed882b0.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ What did JavaScript call his son?

___A:___ JSON!
 -->