teleren/devto huggingface dataset:
Error on my API
Tags: sveltekit, webdev, javascript, programming
Published: 2023-11-10 10:52:04

I got an error on my console on my devtools.

The error
```
 +page.svelte:46 TypeError: Class extends value undefined is not a constructor or null
    at node_modules/agent-base/dist/index.js (index.ts:29:42)
    at __require2 (chunk-WTEL7FPM.js?v=c7730c64:12:50)
    at node_modules/https-proxy-agent/dist/index.js (index.ts:7:1)
    at __require2 (chunk-WTEL7FPM.js?v=c7730c64:12:50)
    at node_modules/gaxios/build/src/gaxios.js (gaxios.ts:33:1)
    at __require2 (chunk-WTEL7FPM.js?v=c7730c64:12:50)
    at node_modules/gaxios/build/src/index.js (index.ts:15:1)
    at __require2 (chunk-WTEL7FPM.js?v=c7730c64:12:50)
    at node_modules/gcp-metadata/build/src/index.js (index.ts:8:1)
    at __require2 (chunk-WTEL7FPM.js?v=c7730c64:12:50)
```

//+page.svelte```

<script>
  import { onMount } from 'svelte';
  import Output from './Output.svelte';

  let DiscussServiceClient;
  let GoogleAuth;

  const MODEL_NAME = "models/chat-bison-001";
  let API_KEY = import.meta.env.VITE_GoogleApiKey;

  const context = "You will plan a Filipino meal according to their diet type of choice. And give them ingredients and procedures on how to make that meal. Include markdown suck as button type list and headings.\n";
  const examples = [];
  const messages = [];

  messages.push({ "content": "NEXT REQUEST" });

  let result;

  onMount(async () => {
    try {
      // Import the modules asynchronously
      [DiscussServiceClient, GoogleAuth] = await Promise.all([
        import("@google-ai/generativelanguage"),
        import("google-auth-library"),
      ]);

API_KEY;
      const client = new DiscussServiceClient.default({
        authClient: new GoogleAuth.default().fromAPIKey(API_KEY),
      });

      const response = await client.generateMessage({
        model: MODEL_NAME,
        temperature: 0.25,
        candidateCount: 1,
        top_k: 40,
        top_p: 0.95,
        prompt: {
          context: context,
          examples: examples,
          messages: messages,
        },
      });
      result = response;
    } catch (error) {
      console.log(error);
    }
  });
</script>


<Output {result} />

```

Output.svelte

```
<script>
  export let result;
</script>

{#if result === undefined}
  <p>Loading...</p>
{:else}
  <pre>{JSON.stringify(result, null, 2)}</pre>
{/if}

```
DC Air Duct Cleaners
Published: 2023-11-10 10:46:27

DC Air Duct Cleaners provides expert air duct, HVAC, dryer vent, and chimney sweep and repair services for residential and commercial properties in Washington, DC. We're committed to enhancing indoor air quality and safety through our top-notch services.
[air duct cleaning near me](https://dcairductcleaners.com)
Uber for Multiservices - SpotnRides
Tags: uberforx, uberforxscript, uberforxapp, uberformultiservicesapp
Published: 2023-11-10 10:46:25

Elevate Your Multiservices Business with SpotnRides: Embrace the future of ondemand service booking and management with our innovative app development solution.

For more details, Visit: https://www.spotnrides.com/uber-for-x-ondemand-multi-services-app


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eqjxjfsxq5y89bthh89g.jpeg)
Ionixx Technologies - Web3 Development Company
Tags: development, web3, webdev
Published: 2023-11-10 10:36:44

Selecting the "best" web3 wallet development company can be subjective and dependent on your specific project needs. However, Ionixx Technologies is a recognized [web3 development company](https://www.ionixxtech.com/solution/web3-blockchain-solutions) that specializes in blockchain and cryptocurrency-related solutions, including web3 wallet development. Here's a brief overview of Ionixx Technologies as a web3 development company:

Ionixx Technologies - Web3 Development Company

Specialization:

Ionixx Technologies is a technology company known for its expertise in blockchain, cryptocurrency, and web3 development. They have a dedicated team of developers and experts who focus on creating secure and feature-rich web3 wallets and applications.

Experience:

Ionixx Technologies has experience in developing web3 wallets that are compatible with various blockchain platforms, including Ethereum, Binance Smart Chain, Polkadot, and more. Their team has experience in building decentralized applications (dApps) and other blockchain-based solutions.

Custom Solutions:

Ionixx Technologies provides custom web3 wallet development solutions tailored to the unique requirements of their clients. They understand that different projects have different needs, and they work closely with clients to ensure that the web3 wallets meet those requirements.

Security:

Security is a paramount concern in web3 wallet development, and Ionixx Technologies places a strong emphasis on ensuring that the wallets they develop are secure and resistant to vulnerabilities. They adhere to industry best practices and security standards.

Interoperability:

Web3 wallet development often involves ensuring that the wallet can interact with various blockchain networks. Ionixx Technologies has experience in creating wallets that are interoperable with different blockchains, promoting versatility and convenience for users.

Innovation:

Ionixx Technologies keeps up with the latest trends and innovations in the web3 space, allowing them to incorporate cutting-edge features and functionalities into the wallets they develop.

While Ionixx Technologies is one of the prominent players in the web3 development space, it's essential to conduct a thorough evaluation to determine the best company for your specific project. Factors to consider include your project's scope, budget, timeline, and the company's previous work and reputation. Consulting with multiple companies and requesting proposals can help you make an informed decision based on your project's unique needs.
Placeholder Pledge
Tags: hacktoberfest23, newbie, programming, opensource
Published: 2023-11-10 10:31:46

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### Intro
I'm Vaibhav, and I'm thrilled to join the DEV community! I hopped on board because I'm passionate about coding and connecting with fellow developers. This is my first time participating in Hacktoberfest, and I'm here to learn, contribute, and be part of this fantastic community. Excited to share, learn, and grow together! 🚀💻 #DEVCommunity #HacktoberfestNewbie


### Background
Hey there! I'm diving into Hacktoberfest for the first time, and in general I find it intriguing how with certain line of text based on particular syntax we can make a website that can contribute to society. I got here because I'm curious and eager to learn. Looking forward to the coding journey and discovering the ins and outs of Hacktoberfest with all of you! 🌈💻 #HacktoberfestNewbie #CodingAdventure


### Pledge
I want to sharpen my coding skills and make meaningful contributions to respective repositories. As a contributor, I'm eager to learn, grow, and collaborate with the community. Excited for this journey of skill honing and quality coding! 🌟💻 #HacktoberfestGoals #SkillBuilding
Using React.memo to optimize your React applications
Tags: webdev, react, javascript
Published: 2023-11-10 10:25:17

React.memo is a higher-order component (HOC) that can be used to wrap a component and memoize its rendered output. This means that React will only re-render the component if its props change. This can be useful for preventing unnecessary re-renders and improving the performance of your application.

## When to use React.memo
React.memo should be used for components that:

- Are pure components, meaning that they always return the same output for the same props and state.
- Are frequently re-rendered, even when their props haven't changed.
- Have expensive rendering logic.

## How to use React.memo
To use React.memo, simply wrap your component in the React.memo() HOC. The React.memo() function takes a single argument, which is the component to be memoized. It returns a new memoized component, which can then be rendered in your application.

For example, the following code shows how to use React.memo to memoize a pure component:
```js
import React, { memo } from "react";

const MyMemoizedComponent = memo(() => {
  return <div>Hello, world!</div>;
});

export default MyMemoizedComponent;
```

Now, whenever the MyMemoizedComponent component is rendered, React will check if the props have changed. If the props haven't changed, React will reuse the memoized output from the previous render. Otherwise, React will re-render the component and generate a new memoized output.

## Example usage
The following example shows how to use React.memo to optimize a list of items that is frequently re-rendered:
```js
import React, { useState, memo } from "react";

const MyList = memo(({ items }) => {
  return (
    <ul>
      {items.map((item) => (
        <li key={item.id}>{item.name}</li>
      ))}
    </ul>
  );
});

export default function App() {
  const [items, setItems] = useState([
    { id: 1, name: "Item 1" },
    { id: 2, name: "Item 2" },
    { id: 3, name: "Item 3" },
  ]);

  return (
    <div>
      <MyList items={items} />
    </div>
  );
}
```
In this example, the MyList component is memoized, so it will only re-render if the items prop changes. This can lead to significant performance improvements, especially if the MyList component is rendered frequently.

## Tips for using React.memo
Here are a few tips for using React.memo effectively:

- Only use React.memo for pure components.
- Be careful when memoizing components that use props as callbacks. Make sure that the same callback function instance is provided between renders.
- Use profiling to measure the performance gains of memoizing a component.
Day 1-2: React Image Search Application
Tags: 100daysofcode, react, webdev, javascript
Published: 2023-11-10 10:25:09

👋 Today, I am excited to share my progress on my #100daysofcodechallenge journey.

⏳ On day 1-2, I have made this React Image Search application by completing the following steps:

✅ Used Unsplash API for getting Images in the application
✅ Made API Calls in different scenarios
✅ Used ESLint to fix application issues
✅ Implemented Pagination in React

⚛️ Tech Stack: React.js
⚛️ Github: https://github.com/tabassum2507/ImageSearch_ReactVite_Project
⚛️ URL: https://image-search-react-vite-project.vercel.app/

🔥Doing the #100daysofcodechallenge to brush up on my coding skills and build confidence in coding publicly! Join me on this journey! Share your feedback, suggestions, and experiences in the comments. Let's code, learn, and grow together! 💻🌱 #100DaysOfCode #CodingCommunity 🚀
Lost in translation: communicating delivery metrics to the wider business
Tags: softwaredevelopment, softwareengineering, metrics, deliverymetrics
Published: 2023-11-10 10:24:00

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

Recent debates, spurred by the McKinsey report “Yes, you can measure software developer productivity”, have centred on the effective use of metrics within engineering to report to the C-Suite level. A broader question surfaces of how to ensure what is measured is valid and useful in achieving its intended purpose.

As GWI have become more diligent about metrics, their approach to measurement and reporting has evolved to help tackle this question. Join George Nikolaropoulos, GWI’s SVP of Engineering, to discover how they adapted their metrics to suit their engineering teams, VPs, and C-Suite to stimulate the conversations driving continuous improvement at multiple levels of their organisation.

Additional supplementary reading:

- 
[McKinsey’s report](https://www.mckinsey.com/industries/technology-media-and-telecommunications/our-insights/yes-you-can-measure-software-developer-productivity)

- 
[Gergely Oreosz’s and Kent Beck’s response to McKinsey’s report](https://newsletter.pragmaticengineer.com/p/measuring-developer-productivity)

- 
[Bryan Finster’s response to McKinsey’s report](https://bdfinst.medium.com/5-minute-devops-mckinsey-gets-developer-productivity-wrong-573b57cd6f6a)

**Speaker: George Nikolaropoulos, SVP of Engineering, GWI**
Currently the Senior Vice President of Engineering at GWI, George is an accomplished architect and team leader who inspires innovation and drives success and growth. His experience spans banking, insurance, maritime, and marketing research industries, but his current focus is growing and leading engineering teams, product development, tech strategy, and artificial intelligence – with a passion for creating products that make customers’ jobs easier and more enjoyable.
Placeholder Contributor
Tags: hack23contributor, webdev, pledge, beginners
Published: 2023-11-10 10:23:09

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
I'm excited to share that I've successfully completed my first Hacktoberfest in 2023! 🌟 This marks a significant milestone in my journey as a developer, and I'm thrilled to have made more than 4 successful pull requests during this open source celebration {% embed https://github.com/VaibhavGagneja %}.

### Highs and Lows
I got lots of help from the people who manage the project, but figuring out and fixing issues became a journey of learning for me. There was a tough moment during my third contribution when the problem seemed really hard to solve. I felt unsure if I could do it, but I didn't give up. I kept going, and it was like a light bulb turning on when I not only fixed the tricky problem but also learned a lot about solving issues and staying strong in the world of open source. This experience didn't just make me better at technical stuff; it also made me more confident in facing and overcoming challenges in coding. 

### Growth

🚀 Skillset Upgrade in a Nutshell!

Before Hacktoberfest 2023, I was into C#, ASP.NET, and React. During the fest, I picked up TypeScript and Node.js. Now, my toolkit is more diverse! While still rocking C# and ASP.NET, I've added TypeScript and Node.js to my skills.

This shift has not only boosted my tech skills but also changed my goals. I now aim to blend my existing and new skills in exciting projects. Thanks to Hacktoberfest, my journey in web development has taken a dynamic turn!

### Successful PRs
{% embed https://github.com/fallen-ecstasy/NovaCode-Server/pull/12 %}
{% embed https://github.com/PEC-CSS/acm-fun/pull/66 %}
{% embed https://github.com/BeforeIDieCode/BeforeIDieAchievements/pull/220 %}
{% embed https://github.com/BeforeIDieCode/BeforeIDieAchievements/pull/217 %}
{% embed https://github.com/fallen-ecstasy/NovaCode-Server/pull/9 %}
CFA Level 3 Practice Questions: Study Essentials`
Published: 2023-11-10 10:22:04

**Retention of Knowledge:**

 Repetition is one of the most effective learning techniques. The more you practice, the better you remember the material. This is vital for retaining key concepts in your long-term memory. Final Thoughts

CFA Level 3 is known for its unique format and challenging constructed response questions. Success on this exam demands not only knowledge but also the <a href="https://shorturl.at/bgrAB">CFA Level 3 Practice Questions</a> ability to apply that knowledge effectively under pressure. Practice questions are an invaluable tool to help you develop this skill and ensure you're fully prepared.

**How to Use Practice Questions Effectively**

Incorporate practice questions into your study routine from the beginning, and use them to reinforce your learning, identify weaknesses, and improve your time management. Don't forget to simulate exam conditions to build your confidence and become accustomed to the test environment.

By utilizing a diverse set of practice questions, reviewing your mistakes, and focusing on constructed response questions, you'll be well-prepared to tackle the <a href="https://shorturl.at/bgrAB">CFA Practice Question</a> with confidence and increase your chances of success. Remember, practice makes perfect, and in the case of the CFA Level 3 exam, it can make all the difference in achieving that coveted CFA charter.

**Time Management:**

Time is a precious resource during the Level 3 exam. When practicing, ensure you time yourself to get a feel for the pace you need to maintain during the actual test. This will help you avoid getting stuck on a single question.


Click Here More Info>>  https://shorturl.at/bgrAB
Getting an Engineering Education in India- Deciding the Branch
Published: 2023-11-10 10:21:56

Engineering education in India is a highly sought-after path for students, surpassing even medicine in popularity. The primary allure lies in the perception that an engineering program is the quickest route to a respectable job and career within four years. Additionally, the prospect of international opportunities further enhances the appeal of engineering education.

India boasts a significant number of engineering colleges, totaling 4,804, offering B.Tech. programs. Among these, 3,982 are privately owned, and 822 are government-owned. The country is home to 23 Indian Institutes of Technology (IITs) and 31 National Institutes of Technology (NITs), both granted the status of Institutes of National Importance. Furthermore, there are 26 Indian Institutes of Information Technology (IIITs), with five designated as Institutes of National Importance.

Securing admission to a preferred engineering college is a formidable challenge. Students must diligently prepare during their 11th and 12th grades and undertake highly competitive state and national-level entrance exams. IITs and NITs are regarded as the top-tier institutions, and graduates from these institutions generally command higher salaries.

Engineering, as a discipline, diverges from science in its emphasis on invention. Engineers apply knowledge from mathematical, physical, and other sciences to design, build, and operate structures, machines, devices, systems, and processes.

Choosing an engineering branch requires careful consideration. There are core branches, such as mechanical engineering, with broad applications across industries, ensuring better employability. Specialized branches, like automobile engineering or mechatronics, offer focused expertise. A strategic approach involves pursuing a core branch during undergraduate studies and then specializing at the master's level.

Several factors influence the choice of engineering branch, including the type of work one aspires to do, the preferred type of employer (government, public sector, defense, or private sector), and the working environment. Environmental conditions, including fieldwork challenges or comfortable office settings, should be factored into decision-making.

In conclusion, making a well-informed decision about the engineering branch involves considering personal interests, career goals, and the practical aspects of the working environment. This thoughtful approach ensures a fulfilling educational journey and a career aligned with one's passion and aspirations.

Enroll Now and let your Educational journey begins [Contact Us](https://www.admizzionzcampuz.com/) or Call 91 9811666817 for more information.
Passkeys Bluetooth: Cross-Platform Authentication
Tags: cybersecurity, qrcodes, passkey, bluetooth
Published: 2023-11-10 10:09:48

## Introduction to Cross-Platform Authentication

In the realm of digital security, cross-platform passkey authentication using QR codes and Bluetooth is a groundbreaking development. This article explores how this innovative approach is transforming user authentication, offering a blend of convenience and heightened security.

**[Read the full blog post here.
](https://www.corbado.com/blog/webauthn-passkey-qr-code)**

## Understanding Cross-Platform Passkey Authentication

The essence of cross-platform passkey authentication lies in its ability to function across different devices and platforms seamlessly. This method involves a combination of QR code scanning and Bluetooth technology, providing a secure and user-friendly authentication process. Users initiate authentication by scanning a QR code, which triggers a secure data flow for identity verification.

## QR Codes: The Gateway to Secure Authentication

QR codes are central to this authentication process. They serve as the initial contact point for users, containing essential information for authentication. When scanned, these codes direct the authentication request to the appropriate server, starting the verification process.

## The Role of Bluetooth in Enhancing Security

Bluetooth, specifically cloud-assisted Bluetooth Low Energy (caBLE), adds an extra layer of security to the authentication process. It enables proximity checks, ensuring that the authentication request is being made by a user physically present near the device. This feature is crucial in preventing remote hacking attempts and unauthorized access.

## Advantages of QR Code and Bluetooth Authentication

This method of authentication offers several benefits:

- **Enhanced Security:** By combining QR codes and caBLE, it provides a robust defense against phishing and hacking.
- **User Convenience:** Users enjoy a seamless experience without the need for typing passwords.
- **Cross-Platform Compatibility:** It works across various devices, making it a versatile choice for users.

## Challenges and Developer Recommendations

While this technology marks a significant advancement, it also presents challenges such as user adoption and device compatibility. Developers are advised to focus on user education and ensure their applications are optimized for this authentication method.

## Conclusion: A Step Towards a Secure Digital Future

Cross-platform authentication using QR codes and Bluetooth is a significant leap in digital security. It offers a more secure, convenient, and user-friendly alternative to traditional authentication methods. As this technology continues to evolve, it paves the way for a safer digital world.

To delve deeper into the intricacies of cross-platform authentication and its impact on digital security, visit our blog. Learn more about how QR codes and Bluetooth are shaping the future of authentication in [the full blog post](https://www.corbado.com/blog/webauthn-passkey-qr-code).