teleren/devto huggingface dataset:
Use Vite for your new React JS project.
Tags: javascript, react, vite
Published: 2023-06-01 09:34:26

## First things first.

Vite is a build tool that is commonly used with React to create applications. Here are some reasons why you might consider using Vite for your React project:

1. Fast development server: Vite leverages native ES modules and pre-bundles dependencies, resulting in incredibly fast startup times. It provides an instant development server that allows for quick feedback loops during development, making the development experience smooth and efficient.

2. Rapid Hot Module Replacement (HMR): Vite supports HMR out of the box, which means that changes you make to your code are reflected immediately in the browser without requiring a full page reload. This greatly speeds up the development process and allows you to see the effects of your changes instantly.

3. Zero-config setup: Vite aims to have a zero-config setup by default, requiring minimal configuration to get started. It automatically handles modern JavaScript features, CSS preprocessing, and bundling without needing additional configuration files. This simplicity can save you time and effort when setting up your React project.

4. Excellent performance: Vite leverages native ES modules and uses a highly optimized bundling process. This results in smaller bundle sizes and faster loading times for your application. It also supports on-demand loading, meaning that modules are only fetched when they are needed, reducing the initial load time of your application.

5. Flexible build options: While Vite excels during development, it also provides flexible build options for production. It allows you to generate optimized, production-ready builds with support for features like code splitting, minification, and tree-shaking. This ensures that your React application is highly optimized and performs well in a production environment.

6. Ecosystem compatibility: Vite is compatible with the existing React ecosystem, including popular tools like React Router, Redux, and TypeScript. It seamlessly integrates with these tools, making it easy to leverage the vast ecosystem of React libraries and tools when developing your application.

It's worth noting that Vite is relatively new compared to other build tools like Webpack or Create React App. While it offers significant advantages, it's essential to consider your specific project requirements and evaluate whether Vite's features align with your needs before choosing it as your build tool for a React project.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eab31m2qcchoyl7hr27q.png)
Are you in a slump? Go buy some Lego!
Tags: lego
Published: 2023-06-01 09:25:36

I’ve been experiencing an existential crisis for a long time and although it’s ongoing I’m starting to feel myself.

I think one thing that really helped me out was reconnecting with my inner child who was an absolute Lego genius or so he says. I’m now building with my son as an AFOL and we love it, but I can now see Lego a whole new light, it’s design system, really clever stuff like how 5 plates on the side equals the width of a 2xn how every single pole type piece in the entire system is the same size so a Lego figure can hold a jail bar or a wheelbarrow it’s all the same. Every element has been designed in just such away.

Now I feel like after a little time with it, I’ve got my creativity back a bit and my systematic discipline has returned, it’s also got a lot of foreword planning that only comes from needing to get to X by doing Y and Z

Ps
Sorry if I get you hooked
🪝 Adam
Unleashing the Power of Nearshoring: Two Recent Case Studies of Client Success
Tags: api, azure, devops, discuss
Published: 2023-06-01 09:20:18

**Nearshoring at Its Best**

Imagine that you are a software development company, faced with the challenge of staying current with emerging technologies to meet client demands. We have brought you two of our recent case studies which showcase our successful utilization of Azure and the MS Teams API.

In the first case study, we developed a B2B platform that required the creation of Power BI reports to provide top-level management with key performance indicators. We opted to embed the reports using Power BI Embedded, allowing flexible access rights and future scalability. By implementing row-level security and embedded tokens, we achieved targeted access control and automated role definition.

In the second case study, we integrated the MS Teams API to address limitations of Zoom. We used Teams invitation links to conduct conversations, providing an alternative solution for B2B users. Leveraging our expertise in MS Graph API and app registration, we programmatically managed meetings and addressed challenges related to recording and phone access.

These case studies highlight the advantages of nearshoring and seeking external expertise. By collaborating with experienced teams, companies can overcome technological complexities and meet strict deadlines. Nearshoring not only ensures successful project delivery but also fosters knowledge transfer and adaptability to new technologies.

In conclusion, nearshoring offers significant benefits in software development, as demonstrated by our successful integration of Azure and the MS Teams API. By leveraging external expertise, companies can navigate complex technologies and achieve project goals efficiently.

Read more [HERE](https://www.allwin-solutions.com/post/nearshoring-at-its-best)!
How to Protect Worksheets in the Angular Spreadsheet Component
Tags: webdev, angular
Published: 2023-06-01 09:03:34

Learn how easy it is to protect a worksheet in the Syncfusion Angular Spreadsheet component. Using Syncfusion's Angular spreadsheet component, you can organize and analyze data in a tabular format. It is also referred to as Excel Viewer. It provides all the common Excel features, including data binding, selection, editing, formatting, resizing, sorting, and importing and exporting Excel documents. 

You will also learn how to unlock a cell range in a protected sheet, and protect an entire sheet or workbook with a password and how to unprotect them. To enable or disable this feature, use the isProtected property. You can also protect a sheet by using the protectSheet method. 

_Download an example from GitHub_: https://github.com/SyncfusionExamples/how-to-protect-worksheets-in-the-angular-spreadsheet-component

_Refer to the protection documentation for the Syncfusion Angular Spreadsheet component_: https://ej2.syncfusion.com/angular/documentation/spreadsheet/protect-sheet

_Check out online protect sheet examples for the Syncfusion Angular Spreadsheet component_: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/spreadsheet/protect-sheet

{% youtube Q0uLlfNTzp8 %}
Best Practices for Loading Custom Settings in .NET Core
Published: 2023-06-01 08:12:27

## Intro
In .NET Core, configuration data is typically stored in the appsettings.json file. This file is a flexible and easy-to-use solution for storing settings that can be changed without modifying the application's code. In this post, we'll explore how to create custom configuration settings and access them using dependency injection.

## Creating Custom Configuration Settings
Let's say we have some custom settings in the appsettings.json file. For example, we'll create a section named CustomSettings:

```csharp
{
  "CustomSettings": {
    "Setting1": "Value1",
    "Setting2": "Value2"
  }
}

```

## Defining a Configuration Class
Next, we'll create a class in our .NET Core application that matches the structure of our custom settings:
```csharp
public class CustomSettings
{
    public string Setting1 { get; set; }
    public string Setting2 { get; set; }
}
```


## Registering the Configuration Class
Now, we'll register our CustomSettings class in the Program.cs file so that it can be injected into other classes:
```csharp
public void ConfigureServices(IServiceCollection services)
{
    services.Configure<CustomSettings>(Configuration.GetSection("CustomSettings"));
    // ...
}
```
In this code, Configure<CustomSettings> tells .NET Core to create an instance of CustomSettings and populate it with the values from the CustomSettings section of the appsettings.json file.

## Injecting the Configuration Class
Finally, we can inject `IOptions<CustomSettings>` into any class where we want to access our custom settings:
```csharp
public class MyService
{
    private readonly CustomSettings _settings;

    public MyService(IOptions<CustomSettings> settings)
    {
        _settings = settings.Value;
    }

    public void DoSomething()
    {
        string setting1 = _settings.Setting1;
        // ...
    }
}
```

In this code, IOptions<CustomSettings> is a wrapper that provides access to our CustomSettings instance. We can access the CustomSettings instance itself through the Value property.
SIMD Opcodes Use LEB128
Tags: webassembly
Published: 2023-06-01 09:00:49

## Most WebAssembly opcodes use a single byte.

i32.add = 0x6A
local.tee = 0x22

## Some opcodes use two bytes.

memory.copy = 0xFC + 0x0A
i32.atomic.store = 0xFE + 0x17

## SIMD opcodes use [Leb128](https://en.wikipedia.org/wiki/LEB128)

[This table](https://pengowray.github.io/wasm-ops/) seems to claim the following
v128.load = 0xFD + 0x00

But it actually is: 0xFD + encode_leb128(0x00)
which expands to: 0xFD + 0x80

LEB128 stands for little endian base 128, and is basically a number of bytes <0x80 (which each are taken for literal bits `total = total * 0x80 + byte`), and a byte >=0x80 that terminates the sequence (which is taken for bits, after masking off the 0x80 `total = total * 0x80 + (byte | 0x7F)`)

## Examples of LEB128

Examples of decoding LEB128:
`decode_leb([0x80])` = `0x80` - 0x80 = 0
`decode_leb([0x01, 0x80])` = `0x01` * 0x80 + `0x80` - 0x80 = 127
`decode_leb([0x5F, 0x42, 0xFF])` = `0x5F` * 0x80 * 0x80 + `0x42` * 0x80 + `0xFF` - 0x80 = 0x17E17F

That's all i got. I hope that this can save someone from headache with WASM SIMD by hand.
GitHub Copilot Introduces Voice Coding: Enhancing Developer Productivity
Tags: webdev, javascript, beginners, programming
Published: 2023-06-01 08:57:44

In the ever-evolving realm of coding assistance, GitHub Copilot continues to make waves. Introduced last year, Copilot employs AI to expedite coding tasks by suggesting code completion. Now, GitHub has unveiled an experimental feature that takes Copilot to the next level: voice coding. By pairing Copilot with natural language recognition, developers can request code snippets and perform tasks using their voice. However, amidst the excitement, concerns have arisen regarding potential copyright infringement and attribution. In this blog post, we'll explore the new voice feature of GitHub Copilot, its implications, and its potential to revolutionize coding workflows.

## Voice Coding with GitHub Copilot:
### 1. The Power of AI in Coding:
GitHub Copilot relies on OpenAI's Codex, an advanced AI model with comprehensive knowledge of code usage. Codex's capabilities in code generation surpass even the impressive GPT-3, enabling Copilot to provide accurate code suggestions and completions.

### 2. Voice-Powered Coding:
GitHub's annual conference introduced an experimental voice feature that pairs Copilot with natural language recognition. Developers can now use their voice to request code snippets, summarize code sections, navigate to specific lines, and control their IDE.

### 3. Current Limitations and Expanding Support:
Presently, the voice feature is available exclusively in Visual Studio Code. However, GitHub has plans to expand support for other integrated development environments (IDEs) in the future, providing a broader range of options for developers.

## Controversies and Considerations:
### 1. Legal Concerns:
Microsoft and OpenAI faced a class-action lawsuit, questioning whether Copilot infringes upon developers' rights by potentially scraping their code without proper attribution. The issue of copyleft compliance and potential liability for users remains a topic of debate.

### 2. Future Development:
While Copilot's voice feature currently assists in completing lines of code, Microsoft envisions its evolution to suggest more substantial code blocks, even entire function bodies. This indicates the potential for a more comprehensive and efficient coding experience.

## Conclusion:
GitHub Copilot's new voice coding feature demonstrates the continuous push towards innovative coding assistance. By enabling developers to interact with code using natural language, Copilot has the potential to streamline coding workflows and boost productivity. However, the legal concerns surrounding attribution and copyright infringement underline the need for further scrutiny and development. As Copilot progresses, developers can expect an enhanced coding experience and improved suggestions, paving the way for more efficient and creative coding practices.

Please note that GitHub Copilot is currently available for a 60-day trial, with subsequent subscription options priced at $10/month or $100/year. The waitlist for the voice feature is currently open, promising an exciting future for voice-powered coding.
Custom Software Development vs. SaaS: Choosing the Right Business Solution for Maximum Growth
Tags: saas, startup, softwareengineering
Published: 2023-06-01 08:49:03

Are you torn between SaaS and custom software development for your business? Look no further! Our latest blog post is here to help you make the right choice. We delve into the advantages and considerations of both options, backed by real-world examples. Whether you're a startup, SME, or large enterprise, we've got the insights you need for maximum growth. Discover the perfect software solution tailored to your business needs and take your company to new heights. Don't miss out on this must-read article!

**[Read more](https://www.cygnismedia.com/blog/custom-software-development-vs-saas/)**
A guide into deepfakes
Tags: deepfakes, machinelearning, tutorial
Published: 2023-06-01 08:48:07

Hello everyone, I'm Akash and I'm gonna guide you through the process of deepfake someone. Let's just get into it, you can get to know about deepfakes from google, I'm just gonna get right into it.

## 💻 System Requirements

- Either a good GPU or CPU.
- Any operating system [`I'm using windows 11`]
- A good data source

## ⭐ Initializing

Head over to [deepfakes/faceswap](https://github.com/deepfakes/faceswap/blob/master/INSTALL.md) and install all the stuff that it asks you to do and then open the terminal with in `faceswap` env from anaconda.
- ![Start Terminal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mbhwbq3j4gn58mxvzheq.png)

Follow [these](https://github.com/deepfakes/faceswap/blob/master/INSTALL.md#faceswap) instructions to install and setup faceswap.

## 🛁 Data Requirments

Deepfaking is a heavy and very long process. You need a large amount of data for the output to be remotely precise. So it's best if you get monologue videos and extract frames from them.

We will need 2 videos -

>
- **A** - The video of the person who's face you want to copy
- **B** - The video of a person on which **A** will be implemented into.

## 📂 Directory Setup

You need to create a new directory and the structure will be something like this -

```python
FaceSwapProject
      |--- A 📁
      |--- B  📁
      |--- A.mp4
      |--- B.mp4
      |--- Model 📁
      |--- output 📁
```

## 👾 Extracting Faces

Launch the GUI interface with the command `python faceswap.py gui` in the anaconda prompt.

Extract the faces of video **A** to **folder A** and same as to **B**
- ![Extracting Faces](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yrued1xknze671o69quu.png)

## 👟 Training Model

The Input refers to the folder containing the faces ["A", "B"].

Chose the **Model Dir** as the empty Model Folder in the project directory.

![Training Model](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o0vfty41xmorldhu8yot.png)

### :warning: Important While Training

- Training time doesn't matter if you don't have a good data source.
- The more you train, the better the result.
- Stop looking at the loss of **A** and **B**, rather use the preview as the indicator to know when to stop the training.

### Output ✅

In the output section, the input need the video in which the face is to be changed, thus **B**.

Chose the **Model Dir** as the Model directory in the project. This is the trained data of the faces.
Chode the **Output Dir** as the output directory in the Project.
- ![Output Generation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36bn0lley8p1ditsbybl.png)
6 Hours Countdown, 2023 RT-Thread Global Tech Conference is Ready to Go
Published: 2023-06-01 08:42:10

We’re thrilled to remind you that the 2023 RT-Thread Global Tech Conference is just around the corner — in 6 hours to be exact! Get ready for an exciting lineup of speakers and presentations showcasing the latest in embedded and IoT technology.

Don’t forget — we’ll be announcing the [lucky registration](https://bit.ly/404xwI5) winners during the conference. and there are six types of hardware platforms are up for grabs as well: Renesas RA2L1, WCH CH32V307VCT6, D1s, RT-Thread * Renesas * LVGL HMI Board, Renesas RA6M4, and Infineon PSoC™ 62. And one Super winner will receive all the boards at the end of the conference. Good luck! Free Register: https://bit.ly/404xwI5



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


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

**Agenda**

https://rt-thread.medium.com/june-1-june-3-rt-thread-global-tech-conference-agenda-934591f2444b
Boost Your Confidence with Trusted Sap 14 Exam Dumps
Published: 2023-06-01 08:35:13

  The C_CPI_14 test is a grueling but satisfying assessment for those seeking to prove their capacities as an expert on integrating multiple software systems into one cohesive unit using slice- edge technology offered by the <a href="https://dumpsboss.com/sap-exam/c-cpi-14/">SAP C_CPI_14 Exam Dumps</a> pall Platform Integrator toolset. 
# What do I need to prepare for the test? 
 Preparing for the C_CPI_14 test requires focus, fidelity and strategic planning. The first step in your medication should be to review the SAP instrument program website to understand the test structure, motifs covered and recommended study coffers. 
  You should also consider enrolling in a training course or factory that's specifically designed to prepare you for the C_CPI_14 test. These courses can give you with precious perceptivity into the types of questions you can anticipate on the test, as well as tips and strategies for answering them effectively. 
  Another important aspect of preparing for this test is practice. You should invest time in rehearsing sample questions handed by colorful sources similar as SAP functionary point, online forums etc., which will allow you to get familiar with question formats and make confidence in your capacities. 
  Staying organized throughout your medication process is also critical. This includes creating a study schedule that allows enough time before <a href="https://dumpsboss.com/sap-exam/c-cpi-14/">C_CPI_14 Exam Dumps</a> test day so that you're completely set mentally and physically. Make sure that all necessary accoutrements including notes, handbooks are readily available during modification period. 

Discount 96% Offer On Page>>>> https://dumpsboss.com/sap-exam/c-cpi-14/
Google's MakerSuite: Your Generative AI Workshop!
Tags: google, ai, llm
Published: 2023-06-01 08:13:17

## Are you ready to bring your imagination to life?

 If you love creating things and have a passion for exploring new technologies, then you're in for a treat! Google is excited to introduce you to MakerSuite, a brand new tool developed by Google AI. With MakerSuite, you can test out and prototype with something called Language Models (LLMs) right from your web browser. It's like having your very own Generative AI workshop where you can turn your ideas into reality

Imagine you have a special tool called MakerSuite that you can use on your computer. It's like a magical workshop where you can create all sorts of things using your imagination and some special language models.

MakerSuite has three different ways for you to give it instructions, depending on what you want to create.

**Text prompts**: This is like writing a story or a sentence to tell MakerSuite what you want. You can be creative and express yourself freely. You can also give examples to help MakerSuite understand better. For example, you can ask MakerSuite to help you create code for a game you want to make. You can even write the same instructions in different ways to see what happens.

**Data prompts**: This is a more organized way to give instructions to MakerSuite. It's like filling out a table with information. You can create a structured prompt that tells MakerSuite what input to expect and what output you want. This is useful for creating things that follow a specific pattern or structure. You can use this to make your own prompts or modify examples that are already available.

**Chat prompts**: This is like talking to a friend or a virtual assistant. You can have a conversation with MakerSuite and ask it questions or give it instructions step by step. This is great for building interactive experiences like chatbots.

Once you have given MakerSuite the instructions and it creates something you like, you can export it as Python code. This means you can use the code to bring your creation to life and make it work on your computer.

## **Here is an example I was able to create using Chat Prompt:
**


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

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

So, whether you want to write a story, create a game, or have a chat with a Data Analyst, Scientist, or Engineer, MakerSuite is here to help you bring your ideas to life. Have fun exploring and experimenting with all the possibilities!

**LETS CONNECT!!**

Follow me on: Twitter or [Linkedin](https://www.linkedin.com/in/olu-a/).

Blog: [Aiapplicationsblog.com](Aiapplicationsblog.com)

Prepare for your next job application with — Cover Letter Generator!

**References:**

[Google Developer Blog](https://developers.googleblog.com/2023/03/announcing-palm-api-and-makersuite.html)

[Google Generative AI Tutorial](https://developers.generativeai.google/tutorials/makersuite_quickstart)

[Generative AI Guide](https://developers.generativeai.google/guide)
If you would have told me…
Tags: webdev, career
Published: 2023-06-01 08:12:38

If you had told me 12 years ago that I would be doing web development for a living, I would laugh at you.

If you had told me 11 years ago that I would be doing frontend development for a living, I would laugh at you.

If you had told me 10 years ago that I would be working mainly with HTML, CSS, and JavaScript for a living, I would laugh at you.

If you had told me 9 years ago that I would be owning a company, I would laugh at you.

If you had told me 8 years ago that I would be writing articles for prominent publications, I would laugh at you.

If you had told me 7 years ago that I would be working internationally on high-profile projects, I would laugh at you.

If you had told me 6 years ago that I would be working from my office downtown, I would laugh at you.

If you had told me 5 years ago that I would live in my dream house, I would laugh at you.

If you had told me 4 years ago that I would not use CSS or JavaScript frameworks in my everyday tasks, I would laugh at you.

If you had told me 3 years ago that I would write my 102nd article, I would laugh at you.

If you had told me 2 years ago that I would be working from my home office again, I would laugh at you.

If you had told me 1 year ago that I would be without a job for 5 months, I wouldn’t laugh at you, but I wouldn’t believe you either.

Believe in yourself, have dreams and goals, and be yourself. And be sure to have some savings.