teleren/devto huggingface dataset:
UI Components for developers
Tags: vue, react, angular, frontend
Published: 2023-08-02 19:13:01

Herofy is your secret weapon in frontend development. Transforming your Figma designs into powerful, pixel-perfect React, Vue, and Angular components, we empower developers, agencies, and startups to unleash their true potential. With expert craftsmanship and lightning-fast turnaround, Herofy saves you time and money, providing seamless frontend solutions that take your projects to heroic heights. Embrace the ease and efficiency of Herofy today and elevate your frontend game like never before

[Visit us](https://herofy.co/)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oq27qcnklnknqodod1xc.png)
My Journey in Open Source - set-interval-by-id
Tags: javascript, typescript, github, opensource
Published: 2023-08-02 19:00:00

## What is this?

This is an interval implementation that allows you to set an interval and then clear it using keys instead of the interval variable reference.  
This is useful when you have to clear an interval from a different scope than the one where it was set.

### How To Install?

```bash
npm install set-interval-by-id
```

### How To Use?

```javascript
import { setIntervalById, clearIntervalById } from 'set-interval-by-id';

const intervalId = setIntervalById(() => {
  console.log('Hello World!');
}, 1000, 'myInterval'); // This will set a interval with the id 'myInterval'

// Meanwhile, in another file...
clearIntervalById('myInterval'); // This will clear the interval
```

### How does it work under the hood?

This library uses a Map to store the interval references, leveraging the `singleton` pattern.  
When you set an interval, it will be stored in the Map with the given id as key.  
When you clear an interval, it will be removed from the Map and cleared using the reference stored in the Map.

## How to run tests?

```bash
npm test
```

## Contributing

If you want to contribute to this project, please open an issue or a pull request.  
I will be happy to review it and merge it if it's useful.  
Please, remember to follow the [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) standard.
FFMPEG with stream as an input in C#
Tags: ffmpeg
Published: 2023-08-02 18:48:40

I want to use FFmpeg for frame extraction with a stream as an input in C#. However, I am encountering a failure while processing files that have metadata present at the end. FFmpeg tries to read the metadata, which causes it to seek to the end of the stream. After reading the Moov atom, it is unable to seek back in the stream to extract the frames. I am actively seeking possible solutions to solve this problem. Additionally, I am wondering if there is any existing FFmpeg C# wrapper that handles this issue effectively.

This is how I was trying to use ffmpeg.exe in C#

using System.Diagnostics;
var inputArgs = "-i -";
var outputArgs = "-vcodec libx264 -crf 23 -pix_fmt yuv420p -preset ultrafast -r 20 out.mp4";

var process = new Process
{
    StartInfo =
    {
        FileName = "ffmpeg.exe",
        Arguments = $"{inputArgs} {outputArgs}",
        UseShellExecute = false,
        CreateNoWindow = true,
        RedirectStandardInput = true
    }
};

process.Start();

var ffmpegIn = process.StandardInput.BaseStream;

// Write Data
ffmpegIn.Write(Data, Offset, Count);

// After you are done
ffmpegIn.Flush();
ffmpegIn.Close();

// Make sure ffmpeg has finished the work`
process.WaitForExit();`
How I Discovered That the AWS Lambda Runtime Might Be Written in Go
Tags: aws, lambda, performance
Published: 2023-08-02 18:28:23

Have you ever wondered how your Lambda function code is triggered?

Each runtime has to conform to the [AWS Lambda runtime API](https://docs.aws.amazon.com/lambda/latest/dg/runtimes-api.html).

In managed runtimes, you don't need to take care of that; that's the whole point of using a managed runtime! AWS takes care of that for you.

**But how?**

It's hard to say because it's not clearly documented. However, while I was conducting some unrelated experiments, I made a very cool discovery! 
I think you'll find it interesting too!


If you're working with Go and care about performance, you might want to look at some important metrics, such as:

- the number of allocations 
- the time taken for each init() functions

To do so, you need to setup a environment variable:  
`GODEBUG` to `inittrace=1`.

And tada 🎉!

In addition to information about the binary I wanted to test, I'm now able to see traces from another binary, which seems to be the one from AWS that conforms to the runtime API.

Here is an example of the output 👀👀👀

```
init internal/bytealg @0.008 ms, 0 ms clock, 0 bytes, 0 allocs
...
init go.amzn.com/lambda/fatalerror @3.7 ms, 0.031 ms clock, 336 bytes, 2 allocs
...
init go.amzn.com/lambda/interop @6.5 ms, 0.023 ms clock, 1128 bytes, 32 allocs
init go.amzn.com/lambda/telemetry @6.5 ms, 0.067 ms clock, 16 bytes, 1 allocs
init go.amzn.com/lambda/core @6.6 ms, 0.007 ms clock, 224 bytes, 12 allocs
init go.amzn.com/lambda/rapi/rendering @6.7 ms, 0.086 ms clock, 16 bytes, 1 allocs
init go.amzn.com/lambda/rapi/handler @6.8 ms, 0 ms clock, 256 bytes, 2 allocs
init go.amzn.com/lambda/rapid @6.8 ms, 0.099 ms clock, 16 bytes, 1 allocs
...
INIT_START Runtime Version: nodejs:18.v9 Runtime Version ARN: arn:aws:lambda:us-east-1::runtime:7d5f06b69c951da8a48b926ce280a9daf2e8bb1a74fc4a2672580c787d608206
```

Here, we can clearly see some explicit package names coming from AWS. 

Another important thing to note is that those logs are output BEFORE the `INIT_START` log line, which provides further evidence that it might be how AWS Lambda is managing your code!

Voila! 🎉
What do you think?

You can find me on [LinkedIn](https://www.linkedin.com/in/maxday/) and [Twitter](https://twitter.com/_maxday)!
The start of HHL
Tags: hhl, healthydebate, stayhealthy
Published: 2023-08-02 18:03:11

HHL stands for Happy Healthy Life and I wanna share why I started doing this and how you can start to.

I am currently 17 years old and I suffered from an eating disorder for 4 years, im still not fully recovered and I don't believe that you can ever really "get rid" of it but recently I've been trying to Mae sure that I put my health and happiness first before anyone else's.
I started working out 4 years but only in a way that would hurt my body, I only ever ate if I burned off enough calories and how ever many calories I did burn off I could only eat Half of those and now, I workout FOR ME, I eat when I WANT to. BUT I don't eat whatever I want.

I am a major health freak, I meal plan for my whole family and we hardly ever eat sugar or anything artificial, I find meals that give us what we need in the most healthy way possible, you want something sweet and tasty? Have a protein bar, a protein shake, have a smoothie w 0 sugar. I may sound crazy but I plan to keep myself and my family on a healthy lifestyle. 

We all workout 5 days a week and do yoga once a week (on Sunday obvi) and everyone is so much happier, they feel better and they live better!

Until next time~ Tay
Accessibility
Tags: webdev, beginners, programming, react
Published: 2023-08-02 17:47:36

It’s funny how many people think that web accessibility is mainly for the disabled.

But that’s not the case 👎

🔸The whole point of accessibility is to make sure everyone has a smooth experience on the web - whether disabled or not.

🔸Take, for instance, the alt attribute.

Most developers link images to their web pages rather than downloading the images to their local folder.

Quite often, these images disappear when the sites they were linked from are down.

So in this case, if there's no alt attribute, Users won’t know what the absent image represents.

🚨 This affects us all, disabled or not.

🔸Adding alt attributes for images is just one way to improve your web accessibility.

There are others, like rel and target attributes for links and title attributes for a selected menu, to mention but a few.

🚀 The fact still remains that accessibility is not an option when building but a requirement, according to the W3C (World Wide Web Consortium).

🔊To understand more about accessibility and other web standards, listen to this episode with Bolaji Ayodeji on Tech with Wonuola 🎙, the podcast. 

Just a suggestion you can leave it as is if you think it’s great already (👉🏽 By the way, I had an amazing discussion about accessibility and other web standards on my podcast, Tech with Wonuola. You can learn more about it in the episode featuring Bolaji Ayodeji. Tune in! 🎧😊) #softwaredevelopment #accessibility #a11y #websitedevelopment
Hello DEV
Published: 2023-08-02 17:40:13

---
title: Hello DEV
published: true
description: 
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-08-02 17:33 +0000
---
Feeling thrilled to be part of DEV community.

I here to start my journey to help myself (&you) on technology by sharing my learning and knowledge.
D10 #100DaysOfOSS
Tags: 100daysofcode, 100daysofoss, programming, opensource
Published: 2023-08-02 16:49:07

D10 #100DaysOfOSS with #saucedopen

I spent some time learning the basics of React and reviewed some pull requests in the Next.js project by Vercel. And submitted my research paper to INDICON 2023 hosted by the IEEE Hyderabad section.

#100DaysOfCode #opensauced #opensource
The Power of Code Generation: Programming Languages to AI Assistants
Tags: automation, programming, ai, database
Published: 2023-08-02 16:32:04

Hey there, fellow developers! 🚀 Have you ever wished for a magical wand that could whip up hundreds of lines of code with just a flick? Well, get ready to be amazed by the enchanting world of code generation! 🧙‍♂️ In my latest blog post, ["The Power of Code Generation: Programming Languages to AI Assistants"](https://konfigthis.com/blog/code-generation), I'll take you on a thrilling journey through the evolution of code generation, from the humble beginnings of assembly languages to the mind-boggling power of AI-driven assistants.

Key Highlights:
1. Empowering Developers: Brace yourself for the ultimate power-up! 💪 Discover how code generation acts as your trusty sidekick, automating the mundane and letting you focus on crafting awe-inspiring software creations.
2. Time Travel Through Tech History: Join me on a time-travel adventure as we journey from the era of clunky switches to the birth of assembly languages. Witness how higher-level programming languages emerged as the heroes of efficiency, saving us from the tedium of low-level coding.
3. Where the Magic Happens: Prepare to be dazzled by the behind-the-scenes magic of compilers! 🎩 Peek into the world of translating high-level code into the machine's language, and see how this dance of logic and elegance shapes modern software development.
4. Enchanted ORM and Databases: Get ready to dive into the enchanted waters of Object-Relational Mapping (ORM) tools like Prisma and EdgeDB. 🌟 Watch as they conjure up code that simplifies database interactions and brings joy to developers' hearts.
5. Crafting Web Marvels: Unveil the secrets of web application development with frameworks like Ruby on Rails and the sorcery of Svelte. 🌐 Discover how code generation weaves its charm to create seamless web experiences and accelerate development.
6. AI Assistants: The Future Awaits: Say hello to the stars of the future – AI-powered code assistants! 🌠 Explore the realm of GitHub Copilot and Tabnine, where AI weaves context-based code suggestions right into your IDE. Discover their powers, potential, and the captivating adventure that lies ahead.

For an enchanting read, dive into the full blog post over at [konfigthis.com/blog/code-generation](https://konfigthis.com/blog/code-generation). 📚🔮 Let's uncover the secrets of code generation together and embrace the magic that transforms lines of text into functional masterpieces! 🎩🔥
Leading Data Analytics Training in Pune
Tags: programming, python, data, datastructures
Published: 2023-08-02 16:21:54

Discover the gateway to data mastery at SevenMentor's [Data Analytics Training in Pune](https://www.sevenmentor.com/data-analytics-courses-in-pune.php). Our immersive courses offer a roadmap to unraveling complex data landscapes. Acquire proficiency in statistical analysis, data visualization, and industry-leading tools. With hands-on projects and expert guidance, you'll harness data's potential to drive strategic decisions. Step into the realm of data wizards and embark on a transformative journey with us.
Fluent Bit Summer Webinar Series - Part 2 of 3
Published: 2023-08-02 16:21:47

🌞🎉 Save the date! Aug 10, 02:00 PM (PT) for Part 2 of our Fluent Bit Summer Webinar Series: "Empowering Data Processing with Enrichment." 🚀 Discover Lua, redaction, GeoIP, and more! Sign up now! #webinar #FluentBit #dataprocessing #enrichment https://us02web.zoom.us/webinar/register/9116890000682/WN_pjBWYSy5QWu9sfmtZXSNIA
Multi-boutique PrestaShop : Gérer plusieurs boutiques en ligne avec efficacité
Tags: cms, prestashop, ecommerce, multiboutique
Published: 2023-08-02 16:03:37

[PrestaShop](https://hebergement-prestashop-maroc.com/), l'une des plateformes e-commerce les plus populaires, offre une fonctionnalité puissante appelée "Multi-boutique", permettant aux entrepreneurs en ligne de gérer plusieurs boutiques à partir d'une seule installation de PrestaShop. Cet article explore les avantages et les stratégies pour tirer le meilleur parti du mode [multi-boutique de PrestaShop.](https://hebergement-prestashop-maroc.com/multi-boutique-prestashop/)

## 1. Qu'est-ce que le mode multi-boutique de PrestaShop ?

Le mode multi-boutique de [PrestaShop](https://hebergement-prestashop-maroc.com/) permet aux propriétaires de boutiques en ligne de créer et de gérer plusieurs boutiques indépendantes, chacune avec son propre catalogue de produits, ses prix, ses langues et ses thèmes. Tout en partageant une seule installation de PrestaShop, les boutiques restent séparées et distinctes les unes des autres.

## 2. Avantages du mode multi-boutique

- Économies d'échelle : Gérer plusieurs boutiques à partir d'une seule installation permet d'économiser du temps et des ressources, notamment lors des mises à jour et de la maintenance.

- Segmentation du marché : Vous pouvez cibler des niches spécifiques ou des marchés géographiques différents avec des boutiques dédiées, améliorant ainsi la pertinence pour les clients.

- Gestion centralisée : Le back-office centralisé facilite la gestion de plusieurs boutiques, avec la possibilité de surveiller les performances, les commandes et les stocks depuis un seul endroit.

- Personnalisation : Chaque boutique peut avoir son propre thème et sa propre configuration, offrant une personnalisation complète pour répondre aux besoins spécifiques.

## 3. Stratégies pour une gestion efficace

- Choisissez les bons produits pour chaque boutique : Identifiez les produits les plus pertinents pour chaque marché cible et segmentez vos boutiques en conséquence.

- Personnalisez les boutiques : Utilisez des thèmes différents pour chaque boutique pour créer une expérience unique et adaptée aux besoins des clients de chaque marché.

- Gérez les stocks intelligemment : Assurez-vous de synchroniser correctement les niveaux de stock entre les boutiques pour éviter les problèmes de disponibilité des produits.

- Optimisez la logistique : Si vous vendez dans différents pays, envisagez des partenariats logistiques locaux pour une livraison plus rapide et économique.

## Conclusion
Le mode multi-boutique de PrestaShop est une fonctionnalité puissante pour les propriétaires de boutiques en ligne ambitieux qui souhaitent étendre leur présence sur différents marchés et offrir une expérience client personnalisée. La gestion centralisée, l'économie d'échelle et la personnalisation des boutiques sont des avantages clés à exploiter. En mettant en œuvre des stratégies efficaces, les entrepreneurs peuvent exploiter pleinement le potentiel du mode multi-boutique de PrestaShop et atteindre de nouveaux sommets de réussite dans le monde du commerce électronique.
Mercadopago Book
Published: 2023-08-02 15:55:54

---
title: Mercadopago Book
published: true 
description: Mercadopago guide 
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-08-02 15:54 +0000
---
Como denunciar vagas "Falso Remoto" no LinkedIn
Tags: linkedin, tutorial
Published: 2023-08-02 15:03:45

De uns tempos pra cá, tornou-se uma prática normal o anúncio de vagas no modelo "falso remoto", mas o que seria isso?
São vagas anunciadas como modelo remoto, mas que na verdade são híbridas.
"Ok, mas qual o problema disso"
Veja bem, nem todos moram em grandes centros, para muitas pessoas (eu incluso) o remoto é a ÚNICA opção (isso ou pagar R$2k de aluguel num apartamento de um quarto em um grande centro, lol), e essas vagas com formatação errada além de serem uma frustração, também acabam tornando a busca por vagas menos produtiva. Você se inscreve, faz um teste e só depois percebe que precisava morar em X lugar para atuar naquela empresa (Sabe lá deus porque).
Neste post eu vou te ensinar a como detectar e denunciar essas vagas, para que assim talvez elas se tornem menos normais.

Vamos lá, primeiro, o que constitui um "falso remoto"? Eu separei essa vaga para usar como exemplo, aqui podemos ver que a empresa anunciou a vaga como "Remoto"

![Exemplo falso remoto](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bp299x8r69dyd2lw93n5.png)

Entretanto, se a gente descer até o finalzinho da descrição da vaga, olha o que a gente encontra:


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

No final da descrição da vaga, descobrimos que a vaga é na verdade híbrida e que é NECESSÁRIO residir em SP, mesmo assim a vaga está marcada como "Remota" ao invés de "Híbrida"

E agora, o que fazer?
Simples, clique nos 3 pontinhos no canto superior esquerdo e selecione a opção "denunciar vaga"
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/an4qrm9y0zp5yz0sicv0.png)

No menu que irá abrir, selecione a opção que diz que algo esteja errado ou quebrado

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

e no submenu, clique na opção que marca que a vaga está com a formatação errada


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


E pronto! vaga denunciada com sucesso
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j1osouraxtr3csxob074.png)


Se você também está cansado de cair no clickbait de vagas com formatação errada, espalhe esse tutorial e divulgue para mais pessoas, quanto mais pessoas denunciarem, menos comum essa má-pratica se torna!
Rails Security Best Practices: Protecting Your Applications from Common Threats - Index
Tags: rails, security, infosec
Published: 2023-08-02 14:31:14

---
title: Rails Security Best Practices: Protecting Your Applications from Common Threats - Index
published: true
description: 
tags: rails, security, infosec
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-08-02 13:42 +0000
---

Ruby on rails makes developing powerful web applications really easy. As developers, we must acknowledge that this convenience comes with a significant responsibility to safeguard our users data and ensure the security of our applications once we start to get users for our applications. When it comes to web application security, the Open Web Application Security Project (OWASP) Top 10 known commonly as [OWASP Top Ten](https://owasp.org/www-project-top-ten/) is a widely recognized reference for identifying and understanding the most critical security risks. In this blog post, We'll delve into each of the OWASP Top 10 items and analyze their potential impact on a Rails application.

## OWASP Top 10 Project
The Open Web Application Security Project (OWASP) is a non-profit organization that works to improve web application security. The OWASP Top 10 project identifies and prioritizes the most critical web application security risks. The latest at the time of writing this was OWASP Top ten 2021. 

## OWASP top ten vulnerabilities in rails
This is a series of posts that will discuss these security vulnerabilities from the perspective of a rails application.

| Item   |      link |
|----------|:-------------:|
| A01:2021-Broken Access Control |  [Broken Access Control: What Is It and Why Does It Matter in your rails application?](https://dev.to/haseebeqx/broken-access-control-what-is-it-and-why-does-it-matter-in-your-rails-application-3d74) |
| A03:2021-Injection | [SQL injection in Rails - Learn from an attacker’s shoes](https://dev.to/haseebeqx/sql-injection-in-rails-learn-from-an-attackers-shoes-3o69)

This is a work in progress and I will update the table above as I add more content
Patimon
Tags: beginners, writing
Published: 2023-08-02 14:25:57

[Patimon](https://patimon.site/) merupakan blog pribadi yang yang mengulas seputar satwa, situs ini didirikan pada tahun 2023 dengan tujuan untuk menambah wawasan pembaca. Selengkapnya kunjungi [https://patimon.site/
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/snfqsnfi3xdwnl1ktlm2.png)](https://patimon.site/)
Software Testing Ecosystem
Tags: testing, automationtesting, softwareengineering, qa
Published: 2023-08-02 14:21:50

Sharing the Mind Map on the Software Testing Ecosystem, a one-stop platform to explore various tools! 🌐

Based on my industry knowledge and experience, this mind map covers a wide range of essential testing tools and platforms. It includes IDEs, Performance & Functional Testing Tools, Reporting Solutions, Container Platforms, Database Testing Tools, and more.

👉 No more hassle searching for testing tools! Each component comes with a clickable link, making navigation a breeze. Share this testing mindmap with your fellow testers 🤝

If you want to navigate to that tool page, just click on the click from that box as shown below


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

**Mindmap Link **- Link — https://xmind.app/m/GiTPfV

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



Thanks for reading. Happy learning — AB!