teleren/devto huggingface dataset:
Day2: Start the first of Learning Path
Published: 2023-07-11 14:59:50

[Digital Transformation with Google Cloud
](https://www.cloudskillsboost.google/course_templates/266)


Course Objectives: 
- Explain why and how the cloud revolutionizes businesses.
- Explain general cloud concepts.
- Discuss the benefits and tradeoffs of using Infrastructure as a Service (IaaS), Platform as a Service (PaaS), and Software as a Service (SaaS).



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8rtdm95w7lebszixs1e9.png)
What's the coolest desk setup you've ever seen?
Tags: discuss, watercooler, workspaces, workstations
Published: 2023-07-11 14:42:53

I just stumbled upon an interesting YouTube video called "Making a Burning Lava GAMING DESK" :fire:

{% embed https://www.youtube.com/watch?v=deNvjFTeJfE&ab_channel=DrewBuildsStuff %}

This got me wondering about desk setups in general... I'm sure some of y'all out there probably have some pretty cool stuff going on. :sunglasses:

**So, what's the coolest desk setup you've ever seen? **

By the way, you wanna share your desk setup? We have a [weekly Office Tour series](https://dev.to/devencourt/series/23049) where we encourage folks to share pics of their home office. Drop in and share your desk setup with us!
React — StateFull and StateLess
Published: 2023-07-11 14:42:47

**Stateful component:**

1. A component that manages the state in class-based with state or functional with useState.
2. In some component, the data keeps changing, for example, watching the cricket score etc.
3. In most of the cases, the class-based components extend react component.
4. Stateful components can use react life cycle hooks
5. In stateful components it good to use the this instance


**Stateless component:**

1. A component that has no internal state management in it.
2. In some component, the data remains the same, for example, showing the static data.
3. Function components are simply functions that receive the props and return the JSX code.
4. Stateless components can not use the react life cycle hooks
5. Here need not to use this instance, they just receive the props as an argument
Interview tracker for developers 🚀
Tags: career, showdev, webdev, news
Published: 2023-07-11 14:38:45

I'm super excited to announce the launch of a passion project-turned-SaaS I've been working on, and it's for developers and like-minded technical folk!

[Intrac](https://intrac.dev) is a powerful tool designed to help developers track their interviews with ease. ✨ With its intuitive interface and comprehensive features, [Intrac](https://intrac.dev) streamlines the interview process and empowers developers to stay organised and on top of their game.

Whether you're a seasoned developer or just starting out, [Intrac](https://intrac.dev) has got you covered. 🌟 From uploading job specs and tech tests to interview feedback and reminders, Intrac simplifies the entire process, allowing you to focus on what matters most - showcasing your skills and acing those interviews! 💪

I’ve wanted to share this project for some time, since 2020, and have talked about it any chance I get - during interviews too. 😂 It’s officially off the side project shelf and out in the open! For the first time, I’ll be building in public over on [Instagram](https://www.instagram.com/intrac.dev/) as I want to share every step of the journey with you, the highs and pain points of developing software, and ultimately build a community of like-minded individuals.

Now the hard work begins…

Join me in revolutionising the way developers approach interviews. Visit [Intrac](https://intrac.dev) to learn more and sign up for official launch updates (I’m working on a BETA version currently). Stay tuned for the next update! 🚀📈

Feel free to reach out with any questions or feedback. 🥳
Vite vs SWC vs Webpack: A Performance Comparison for React Applications
Tags: react, webdev, vite, typescript
Published: 2023-07-11 14:23:11

# importance of performance in web applications
I recognize the importance of performance in all stages of developing, building, and serving. Ensuring performance at each stage is critical to achieving a well-performing application.

During development, performance plays a crucial role in productivity. For instance, if the development environment is slow, it can demotivate developers, leading to lower productivity. A well-optimized development environment can encourage developers to write quality code, leading to better performance in the final product.

Similarly, building and serving a web application requires optimized performance. The build process should be as fast and efficient as possible to reduce downtime between development cycles and ensure that the latest changes are quickly integrated into the application. When serving the application, optimized performance ensures that users can interact with the app seamlessly and without delay, leading to a more positive user experience.
In summary, prioritizing performance during all stages of development, building, and serving of web applications is critical for achieving an excellent user experience and high productivity.

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

[Continue Reading](https://younisjad.medium.com/vite-vs-swc-vs-webpack-a-performance-comparison-for-react-applications-1384553c659d)

[Source Code](https://github.com/unijad/react-benchmark)
CMS Quality Impacts Your Website's Success
Published: 2023-07-11 13:47:34

When building a successful website, choosing the right CMS cannot be overstated. Your CMS is the backbone of your site, determining its overall quality and user experience. Let's explore why your CMS's quality directly reflects your site's quality and how investing in a top-notch CMS can significantly impact your website's success.

## So why do you need a CMS?

There are several key reasons.

- **CMS makes it easy to manage your digital content.**
    
    An efficient CMS makes adding new products to your online store, creating blog posts, or updating your website's pages easier.
    
- **CMS allows you to collaborate with others on your website.**
    
    A CMS can help you manage the roles and responsibilities of your website's writers, designers, and developers.
    
- **CMS is essential for document management.**
    
    Organizing your content can make it easier to find and use, reducing errors and inconsistencies.
    
- **CMS is essential for internal knowledge management.**
    
    A central location ensures that all team members can easily access digital content. No matter what their background is or what device they use, this applies.
    

## How to leverage a top-notch CMS for your website?

CMS is an industry leader in managing, publishing, and controlling digital content, with or without technical expertise. It provides an easy-to-use interface that allows website owners to manage their content without coding knowledge. 

We at BCMS built our headless CMS in a way that it is possible to manage any kind of website, including blogs, e-commerce, job boards, and multilingual websites. It also enables captivating designs and content presentations. 

And guess what? We are not selfish; we want to share it with you. In the following link, you will find various BCMS use cases and solutions that can be handled and solved out-of-the-box with a quality CMS.

https://thebcms.com/blog/quality-of-cms-reflects-the-quality-of-your-site
🚀 Rejoignez la communauté Discord d'Xperpool ! 🚀
Tags: javascript, python, devops, css
Published: 2023-07-11 13:42:54

Bonjour à tous,

Êtes-vous à la recherche de nouvelles opportunités professionnelles ?

🔗[Rejoignez notre serveur Discord : https://lnkd.in/eJC62CWw]🔗

Voici notre dernière nouveauté : le serveur Discord 𝗲𝗻𝘁𝗶𝗲̀𝗿𝗲𝗺𝗲𝗻𝘁 𝗴𝗿𝗮𝘁𝘂𝗶𝘁 𝗲𝘁 𝘀𝗮𝗻𝘀 𝗮𝘂𝗰𝘂𝗻 𝗮𝗯𝗼𝗻𝗻𝗲𝗺𝗲𝗻𝘁, de la communauté XperPool - le centre ultime pour les professionnels passionnés . Découvrez un monde de possibilités infinies au sein de notre communauté.

Qu'est-ce que vous y gagnez ?

🎯𝗧𝗼𝘂𝘁𝗲𝘀 𝗻𝗼𝘀 𝗱𝗲𝗿𝗻𝗶𝗲̀𝗿𝗲𝘀 𝗺𝗶𝘀𝘀𝗶𝗼𝗻𝘀 𝗲𝗻 𝗲𝘅𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝗲́𝘀 ! : Vous aurez un accès permanent à notre salon "𝗠𝗶𝘀𝘀𝗶𝗼𝗻𝘀-𝗱𝗶𝘀𝗽𝗼𝗻𝗶𝗯𝗹𝗲𝘀", où de nouvelles opportunités vous attendent chaque jour. Vous n'aurez 𝗽𝗹𝘂𝘀 𝗯𝗲𝘀𝗼𝗶𝗻 𝗱𝗲 𝗰𝗵𝗲𝗿𝗰𝗵𝗲𝗿 𝘃𝗼𝘀 𝗺𝗶𝘀𝘀𝗶𝗼𝗻𝘀. Accédez à nos dernières missions et postulez d'une manière facile et totalement gratuite.

💡𝗖𝗼𝗻𝘀𝗲𝗶𝗹𝘀 𝗲𝘁 𝗮𝘀𝘁𝘂𝗰𝗲𝘀 𝗱'𝗲𝘅𝗽𝗲𝗿𝘁𝘀 : Accédez quotidiennement à des conseils d'experts, à des idées de pointe et à des astuces précieuses sur les dernières mises à jour technologiques grâce à notre salon “𝗔𝘀𝘁𝘂𝗰𝗲𝘀” dédié à la communauté. Améliorez vos compétences et restez à la pointe de votre domaine.

💰𝗔𝘃𝗮𝗻𝘁𝗮𝗴𝗲𝘀 𝗳𝗶𝗻𝗮𝗻𝗰𝗶𝗲𝗿𝘀 𝗲𝘅𝗰𝗹𝘂𝘀𝗶𝗳𝘀 : Bénéficiez d'avantages financiers exclusifs grâce à notre réseau de partenaires. Profitez de remises, d'offres spéciales et de ressources qui peuvent alimenter votre croissance professionnelle directement sur notre salon “𝗔𝘃𝗮𝗻𝘁𝗮𝗴𝗲𝘀” exclusivement pour vous.

🔗Prêt à adhérer ? 𝗖𝗹𝗶𝗾𝘂𝗲𝘇 𝘀𝘂𝗿 𝗰𝗲 𝗹𝗶𝗲𝗻 : https://lnkd.in/eJC62CWw pour faire partie de notre communauté Discord florissante.

N'hésitez pas à partager ce message avec votre réseau. Construisons ensemble une communauté qui alimente le succès !

Bien cordialement,
SCARLETEEL 2.0: Fargate, Kubernetes, and Crypto
Published: 2023-07-11 13:33:08

[SCARLETEEL](https://sysdig.com/blog/scarleteel-2-0/), an operation reported on by the Sysdig Threat Research Team last February, continues to thrive, improve tactics, and steal proprietary data. AWS Fargate, a more sophisticated environment to breach, has also become a target as their new attack tools allow them to operate within that environment.

In their most recent activities, we saw a similar strategy to what was reported in the previous blog: compromise AWS accounts through exploiting vulnerable compute services, gain persistence, and attempt to make money using cryptominers. Had we not thwarted their attack, our conservative estimate is that their mining would have cost over $4,000 per day until stopped.
What is LLM prompts and how can you use it?
Tags: webdev, javascript, tutorial, beginners
Published: 2023-07-11 13:30:00

**LLM Prompts, offered by [Weights and Biases](https://www.aiforme.wiki/ai/tools/prompts) (W&B), provides a powerful platform for uncovering detailed insights about your Language Model (LLM) programs.**

With intuitive visualisations and analysis tools, LLM Prompts empowers users to examine and interrogate every step of their LLM programs, enabling better understanding and optimisation.

[JUMP STRAIGHT TO THE TOOL](https://www.aiforme.wiki/ai/tools/prompts) 

**Here's how you can leverage LLM Prompts:**

**Visualize LLM Performance:**
LLM Prompts offers intuitive visualisations that allow you to explore and understand the performance of your Language Models. You can review past results, analyse outputs, and compare the model's behavior across different prompts. These visualisations provide a comprehensive view of the LLM's performance and help in identifying trends, patterns, and areas for improvement.

**Debug and Identify Errors:**
LLM Prompts enables you to identify and debug errors in your Language Models. By analysing the model's responses to different prompts, you can pinpoint issues and inconsistencies, helping you troubleshoot and refine the model's behavior. This debugging capability allows you to fine-tune the LLM program and enhance its accuracy and reliability.

**Gain Insights into Model Behavior:**
With LLM Prompts, you can gather valuable insights about your Language Model's behavior. The platform enables you to analyze how the model responds to various input prompts, understand its biases or tendencies, and identify areas where the model might be lacking or excelling. These insights can inform decision-making, model adjustments, and further training iterations.

**Share Learnings and Collaborate:**
LLM Prompts facilitates collaboration and knowledge sharing among colleagues. You can easily share visualisations, analysis results, and learnings with your team members. This promotes transparency, fosters discussions, and enables collective understanding and improvement of the LLM program.

**Conclusion:**
LLM Prompts, provided by Weights and Biases, offers a powerful platform to uncover granular insights about your Language Model programs. By leveraging its intuitive visualisations, analysis tools, and debugging capabilities, you can gain a deep understanding of your LLM's performance, identify errors, and gather valuable insights about its behavior. 

[LLM Prompts](https://www.aiforme.wiki/ai/tools/prompts) empowers collaboration, promotes data-driven decision-making, and facilitates continuous improvement of your Language Models.

[JUMP STRAIGHT TO THE TOOL](https://www.aiforme.wiki/ai/tools/prompts)
How to: IPNS on my Domain?
Tags: ipfs, ipns, learning, tutorial
Published: 2023-07-11 13:27:29

---
canonical_url: https://blog.dappling.network/how-to-or-adding-an-ipfs-link-to-any-domain/
---

First, **why would you want this?** IPNS is another way to access content on the IPFS network. Since the link to the content is set on the DNS itself, the attack surface is slightly smaller, as the malicious user would need access at the DNS level to be successful. Also, as it's closer to traditional website access, while also showing the user direct IPFS accessing of the content is happening.

There's more information about [what's IPNS?]([https://docs.ipfs.tech/concepts/ipns/) as well as a great guide about how [resolving DNSLink](https://docs.ipfs.tech/concepts/dnslink/#resolve-dnslink-name) works, but I'll go over the steps in a very high-level manner here.

The next steps you can try yourself, and you should be able to see [Uniswap's Interface](https://github.com/Uniswap/interface/releases/tag/v4.250.0) at the end.

1️⃣ Get your CID for the site you want to share with users. It will look something like `bafybeibngzztaxprxg6w423plup5kihnizu4t4fdcsq73wgqcayvjrxoaq`.     

   - You can use [dAppling](https://dappling.network) to build your code into a CID.

2️⃣ Go to your DNS provider and add a record to your domain. 
  - Choose the domain you want the users to type in. Usually, the root domain makes sense.
  - Add a text record with the subdomain of `_dnslink` and the value set as `dnslink=/ipfs/<CID>`

```
TXT _dnslink   dnslink=/ipfs/bafybeibngzztaxprxg6w423plup5kihnizu4t4fdcsq73wgqcayvjrxoaq
```

If you want a subdomain, e.g. ipfs.example.com, the subdomain used would be `_dnslink.ipfs`

```
TXT _dnslink.ipfs dnslink=/ipfs/bafybeibngzztaxprxg6w423plup5kihnizu4t4fdcsq73wgqcayvjrxoaq
```

3️⃣ After set, you can direct users to the site via IPNS and a gateway. These would be accessible with a gateway, like Cloudflare, using their `ipns` path using subdomains (recommended):
  -  https://example-com.ipns.cf-ipfs.com/#/
  -  https://ipfs-example-com.ipns.cf-ipfs.com/#/

or using paths (not recommended):
  -  https://cloudflare-ipfs.com/ipns/example.com
  -  https://cloudflare-ipfs.com/ipns/ipfs.example.com


**What are the downsides?** For one, the record will not be updated if you push changes to your code. This will need to be either automated (if the DNS supports it) or done manually.

We do not currently try updating the IPNS record as we handle the CID resolution automatically when setting up a domain on dAppling, but we think IPNS is an interesting access point, and it's more accessible.
First 2 Weeks learning to code
Published: 2023-07-11 13:06:26

Coding is kewl. 

The game plan is to ~4hrs 6 days a week studying for the boot camp. Ive more or less stuck to the plan. Some days i've studied more. 4 hrs seems to be the sweet spot for hours spent studying.

The assignement I have been working on is creating a webpage study guide for HTML, CSS, Git, and JavaScript. I went a bit above and beyond for HTML and CSS by using Code Academy to learn more than the course was teaching at the moment.

I learned a valuable lesson already. It takes time to learn to code. I cant learn it all today, tommorrow or even this week. I found my self trying to learn the course before the course even started. Instead I am going to finish my assignment and relax and take it easy till the course starts the 17th. 

Chris
💬 #ChatGPT Plugin in NET – Working and Debugging with the PlugIn Dev Tools
Tags: englishpost, chatgpt, net
Published: 2023-07-12 13:55:29

---
title: 💬 #ChatGPT Plugin in NET – Working and Debugging with the PlugIn Dev Tools
published: true
date: 2023-07-11 13:00:00 UTC
tags: EnglishPost,ChatGPT,EnglishPost,NET
canonical_url: 
---

### ChatGPT NET PlugIn Series

- [Intro to ChatGPT Plugins using NET](https://dev.to/azure/my-1st-net-chatgpt-plugin-demo-included-46l0)
- [Map route handler for manifest file: ai-plugin.json](https://dev.to/azure/chatgpt-plugin-in-net-map-route-handler-for-manifest-file-ai-pluginjson-3gj3)
- [GetAll and Add, 2 API endpoints in a single PlugIn](https://dev.to/azure/chatgpt-plugin-in-net-getall-and-add-2-api-endpoints-in-a-single-plugin-j08)
- [Working and Debugging with the PlugIn Dev Tools](https://elbruno.com/?p=36441)

Hi!

One of the key elements while debugging a ChatGPT plugin is to understand how ChatGPT will invoke my plugins endpoints.

When a user asks a plugin-related question, the model digs into the API specs and the manifest file for answers. Just like testing a variety of prompts, you gotta play around with different descriptions to find the magic formula!

The OpenAPI spec is like an info-packed treasure trove for the model, telling it all about your API’s functions and parameters. Use clear names and add some “description” fields to explain the truth. The model will read it all up and become an API master.

The “description\_for\_model” attribute is the key part to guide the model on how to use your plugin. ChatGPT understands natural language like a boss and follows instructions like a pro. So, a clear description of the plugin, about what your plugin does and how it should be used. It should be descriptive and objective. Start with “Plugin for …” and complete the amazing things your API can do!

I strongly advice to check the sections [[Writing descriptions](https://platform.openai.com/docs/plugins/getting-started/writing-descriptions)] and [[Best practices](https://platform.openai.com/docs/plugins/getting-started/best-practices)] from the official documentation,

And the last section [[Debugging](https://platform.openai.com/docs/plugins/getting-started/debugging)] is also a key one.

We can enable the Plugin dev tools, from our user settings, to validate how the GPT model understands our plugin definition.

![view of the plugin devtools for my plugin. The view shows how the model will invoke the plugin.](https://brunocapuano.files.wordpress.com/2023/07/image-6.png?w=503)

We can always open the plugin call combo to see request and response details of the API call.

![complete request and response view of an api call](https://brunocapuano.files.wordpress.com/2023/07/image-5.png?w=830)

This is super cool. I’ll continue updating [the repo](https://github.com/elbruno/OpenAI-Plugin-NET-Sample) with the demo instructions, and a live session will be scheduled soon!

Happy coding!

Greetings

El Bruno

More posts in my blog [ElBruno.com](https://www.elbruno.com).

More info in [https://beacons.ai/elbruno](https://beacons.ai/elbruno)

* * *
Rubyist Hangout Thread
Tags: discuss, ruby, watercooler
Published: 2023-07-11 13:00:00

Hey folks, this is a weekly hangout thread.

This is an area for **Rubyists to discuss _Ruby_**, but since Ruby is 28 years old, and things don't change so quickly, this is also just **a hangout thread for Rubyists to share whatever you feel like** within our community guidelines.

So what's up this week?
Sending bulk emails in Laravel 10 using Mailgun
Tags: laravel, php
Published: 2023-07-11 12:47:03

Hi all,

I've been working on an example repository on how to send bulk emails using Mailgun in a Laravel 10 application. It demonstrates how to use a traditional Markdown email with the Mailgun bulk email sending feature, and how to add both recipient-specific data and shared data in the emails.

The problem with queueing bulk emails is that you can't use the `Mail::queue()` method because it will create a new job for each email. This will cause the queue to grow very fast and eventually crash.

A solution to this problem is to make use of the Mailgun API. Mailgun allows you to send up to 1000 emails per batch. This means that you can send 1000 emails with a single API call.

https://github.com/larswolters98/laravel-mailgun-bulk-emails-example

To read more articles I wrote, you can visit my website: https://larswolters.dev

Thanks,

Lars
Day 2: Polyfill for Array.includes()
Tags: day2, 100daysofcode, javascript
Published: 2023-07-11 12:30:00

   Today, let's work on creating a polyfill for  [Array.includes()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes) method. 

**NOTE**: Polyfills are code snippets that provide modern functionality to older environments that don't support them.



```javascript
// test cases
const array = [1, 2, 3, 4, 5];

console.log(array.myIncludes(3)); // Output: true
console.log(array.myIncludes(6)); // Output: false

```


## Plan

To solve this problem, we'll follow these steps:

- Implement the `myIncludes` function to iterate through the array and check if the given element exists or not.
- Create a new property called myIncludes on Array.prototype and assign the function.


Check the comment below to see answer.
Local Storage and Session Storage in JS (Javascript) ?
Tags: javascript, opensource, beginners, programming
Published: 2023-07-11 12:28:26

***What is Local Storage in Javascript?***
Local storage is a part of web APIs that allows you to store data in a web browser in the form of objects( Key-Value pairs )

-local storage is not used cache memory to store data, that's why if you close the browser then local storage data have no effect
-Each URL has its dedicated local storage within the web browser for storing data persistently
-Local storage is mainly used for Client-Side State, Management Remembering User Actions, Session Management, Offline Support

**To use Local Storage:**

setItem(key, value): This method allows to store `Key`and `value` pair in a web browser
```js
localStorage.setItem('username', 'Diwakar');
```
getItem(key): This method retrieves the value associated with a specific key from the local storage
```js
const username = localStorage.getItem('username');
console.log(username); // Output: Diwakar
```
removeItem(key): this method removes the key-value pair associated with the specified from the key local storage
```js
localStorage.removeItem('username');
```
clear(): This method is used to delete all the local storage associated with the URL
```js
localStorage.clear();
```

***What is Session Storage?***

Session storage is similar to Local Storage, the only difference is if you close the browser the data will disappear
-Session storage is use cache memory to store data, that's why if you close the browser then session storage data will disappear
-Each URL has its dedicated session storage within the web browser for storing data persistently just like local storage
-Session storage is mainly used for Multi-Step Processes, Client-Side Caching, State Management, Messaging and Notifications

**To use Session Storage:**

all main methods Session Storage are same as local storage

setItem(key, value): This method allows to store `Key`and `value` pair in a web browser
```js
localStorage.setItem('username', 'Diwakar');
```
getItem(key): This method retrieves the value associated with a specific key from the Session storage
```js
const username = localStorage.getItem('username');
console.log(username); // Output: Diwakar
```
removeItem(key): this method removes the key-value pair associated with the specified from the key Session storage
```js
localStorage.removeItem('username');
```
clear(): This method is used to delete all the Session storage associated with the URL
```js
localStorage.clear();
```

Thankyou for reading this blog , please follow me on Twitter, i regularly share blogs and post on react , javascript , web development and opensource contribution

Twitter- https://twitter.com/Diwakar_766

Github- https://github.com/DIWAKARKASHYAP