teleren/devto huggingface dataset:
What to Expect from React 19? React Compiliers, React Canary, React Actions.
Tags: webdev, programming, beginners, react
Published: 2024-03-20 05:42:13


It's been nearly two year since react 18 was released. It introduced many new features, but it also had limitations. This year, we'll be getting React 19, and its release date is quickly approaching. So let's take a look at what new features we can expect from React 19.

## <u>Features in React 19</u>

## 1.React Compiliers
React Compiler is no longer a research project; it now powers Instagram.com in production, and will be added to other Meta surfaces, And also there will be a open source release.

React Compilier aims to tackle a lot of issues like manual memoization, javascript optimization.

## 2.Auto Memoization
React sometimes re-render too much when state changes. Since the early days of React the solution for such cases has been manual memoization like `useMemo`,`useCallback`.  But manual memoization is a compromise. It clutters up our code, is easy to get wrong, and requires extra work to keep up to date. React Compilier aims to optimize it and perform a auto memoization.

## 3. Javascript Optimization
JavaScript is a notoriously challenging language to optimize, due to its loose rules and dynamic nature. React Compiler is able to compile code safely by modeling both the rules of JavaScript and the “rules of React”. For example, React components must be idempotent — returning the same value given the same inputs — and can’t mutate props or state values. These rules limit what developers can do and help to carve out a safe space for the compiler to optimize.

## React Actions
React Labs have been exploring solutions for sending data from the client to the server with Server Actions for  execution of database mutations and implement forms. 
Actions allow you to pass a function to DOM elements such as `<form/>`

```
<form action={search}>
  <input name="query" />
  <button type="submit">Search</button>
</form>
```
React's form action handles data submission for you, allowing synchronous or asynchronous functions defined on client-side or server-side with hooks for managing form state.

## React Canaries
React Canaries is a new officially supported release channel for React. It allows adopting new React features before they are released in a stable version. Canaries are similar to how Meta has been using React internally. Canaries are designed for curated setups, like frameworks, and not for most users.
New Features in Canary include 
- Directives
- Document Metadata
- Asset Loading
- Actions

`react@canary` is now ready to ship to `react@latest`. The new features mentioned above are compatible with any environment your app runs in, providing everything needed for production use.

To read more about react 19 reffer to
[ReactLabs:february2024](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024)
[React server Components](https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components)
[React Canaries](https://react.dev/blog/2023/05/03/react-canaries)
What is VSCodium ? Better than VS code ?
Tags: javascript, programming, productivity, opensource
Published: 2024-03-20 05:30:40

VSCodium is a community-driven, freely-licensed binary distribution of Microsoft’s editor VS Code.


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


# How Different is this from Visual Studio code ?

Microsoft’s vscode source code is open source (MIT-licensed), but the product available for download (Visual Studio Code) is licensed under this not-FLOSS license 

**Go through GitHub comment made by Visual Studio code maintainer**

<u>https://github.com/Microsoft/vscode/issues/60#issuecomment-161792005</u>

> When we [Microsoft] build Visual Studio Code, we do exactly this. We clone the vscode repository, we lay down a customized product.json that has Microsoft specific functionality (telemetry, gallery, logo, etc.), and then produce a build that we release under our license.
> When you clone and build from the vscode repo, none of these endpoints are configured in the default product.json. Therefore, you generate a “clean” build, without the Microsoft customizations, which is by default licensed under the MIT license

> The VSCodium project exists so that you don’t have to download+build from source. This project includes special build scripts that clone Microsoft’s vscode repo, run the build commands, and upload the resulting binaries for you


How do we download VScodium ?

<u>https://github.com/VSCodium/vscodium/releases</u>


**Give it a try and Let me know in comments , will post top 10 extensions we can use for VSCodium.**
Payout Status Remains "Processing" in Test Mode Using /v1/payouts API #313
Tags: razorpay
Published: 2024-03-20 05:29:03

Hello Razorpay Community,
I've been integrating Razorpay's payouts API (https://api.razorpay.com/v1/payouts) into our system and conducting tests in the test environment. After initiating a payout successfully, I've noticed that the payout status is consistently marked as "Processing" and does not change to "Processed."
Here's a brief overview of the steps I've followed:

Used the /v1/payouts endpoint to create a payout.
The request is successful, and the payout is created with a status of "Processing."
However, even after waiting, the status does not update to "Processed."
I understand that this is the test environment, and actual fund transfers aren't taking place. My questions are:
Is it expected behavior in the test environment for the payout status to remain "Processing" without changing to "Processed"?
Are there any steps I can take to simulate the status change to "Processed" for testing purposes?
Does Razorpay provide any mechanism or endpoint in the test mode to manually update or simulate different payout statuses?
We are currently not testing in live mode and want to ensure our integration handles all potential statuses correctly. Any guidance or insights on this matter would be greatly appreciated.
Thank you for your assistance.
What is an AI NFT generator?
Published: 2024-03-20 05:19:41

An AI NFT (Non-Fungible Token) generator is a tool or platform that utilizes [ai development](https://www.osiztechnologies.com/ai-development-company) algorithms to create unique digital artworks or assets that are then tokenized as NFTs on blockchain networks. These generators often employ machine learning techniques, deep learning models, or generative adversarial networks (GANs) to produce a wide range of digital content, including images, videos, music, and more.

The process typically involves providing input to the AI system, such as parameters, styles, or themes, and then allowing the algorithm to generate original, one-of-a-kind digital content based on those inputs. Once the content is generated, it is minted as an NFT, meaning it is assigned a unique token identifier and recorded on a blockchain, ensuring its scarcity, ownership, and authenticity.

AI NFT generators have gained popularity in the digital art and collectibles space, offering artists and creators new ways to produce and monetize their work while leveraging the capabilities of artificial intelligence for creativity and innovation.
I created my first startup to promote YOUR startup
Tags: webdev, productivity, opensource, discuss
Published: 2024-03-20 05:09:46


Alright, it all started when one day I came up with an idea. I saw how many people have brilliant startup ideas, but hardly anyone knows where and how to promote them. I thought to myself, "Hey, what if I create a place where everyone can find the best sites to promote their startup? And for free!" That's how the idea for spacehunt.io was born.


![spacehunt product startup 01](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rpvok680mb5rzn7c7umi.jpg)

I started by defining the basic functionality. I wanted it to be simple: a user enters the site and has a list of places where they can promote their startup. But I didn't want it to be just any list. It had to be something more – a domain authority indicator showing how effective the backlinks are.


![spacehunt product startup 02](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vz8qf9hysl0wu956vpeq.jpg)


Once I had in mind what exactly I wanted to do, it was time to make it happen. Being a fan of the open-source philosophy, I decided that the whole project would also be available on GitHub. This way, everyone could contribute – add a new site, suggest a feature, or even improve the code.

The code is available at: [https://github.com/gpiechnik2/spacehunt](https://github.com/gpiechnik2/spacehunt)

Programming, design, environment setup, deployment, and functionality check took me practically one night.

Spacehunt.io is more to me than just a project. It's proof that even a small idea can make a big difference. And although it's just the beginning of the adventure, I already know it was worth it. If you have a startup and are looking for a place to promote it – check out spacehunt.io. And if you want to help develop the project – visit our GitHub. Together, we can do something great.

The planned launch is scheduled for April 18, 2024. If you're waiting with me, sign up for the waitlist available at [https://spacehunt.io](https://spacehunt.io)
Create 1 Million Fake Users in Laravel Fast in Under 5 Minutes
Published: 2024-03-20 04:19:54

Laravel has a neat way of generating fake data to your database for development and testing purposes.

Using [Laravel Seeding](https://laravel.com/docs/10.x/seeding), you can quickly seed a hundred records to your users table. That's done in less than a second, no problem.

```php
User::factory(100)->create();
```

How about a thousand? Okay, that's done in around 4 seconds:

```php
User::factory(1000)->create();
```

How about a hundred-thousand? That takes around 6 minutes, and starts hurting your server:

```php
User::factory(100000)->create();
```

Now how about a million? Don't even bother, your server will freeze to death:

```php
User::factory(1000000)->create();
```

So, how can we actually seed fake 1-million users to our database? We use **chunking **and **database transactions**.

Here is our `OneMillionUsersSeeder` class generated via `php artisan make:seeder OneMillionUsersSeeder`:

```php
<?php

namespace Database\Seeders;

use App\Models\User;
use Illuminate\Database\Console\Seeds\WithoutModelEvents;
use Illuminate\Database\Seeder;
use Illuminate\Support\Facades\DB;

class OneMillionUsersSeeder extends Seeder
{
    /**
     * The number of fake users to create.
     */
    protected static $users_count = 1000000;

    /**
     * The number of fake users to chunk
     * based on the users count.
     */
    protected static $chunk_size = 1000;

    /**
     * Create 1-million users quickly (~5 minutes)
     * in non-production environments such as
     * local and staging environments.
     * 
     * To do this, we implement chunking and database transactions
     * to speed up the process significantly and reliably.
     */
    public function run(): void
    {
        if (app()->environment() == 'production') {
            return;
        }

        for ($i = 0; $i < self::$users_count / self::$chunk_size; $i++) {
            DB::beginTransaction();
            try {
                User::factory()
                    ->count(self::$chunk_size)
                    ->create();
            
                DB::commit();
            } catch (Exception $e) {
                DB::rollback();
            }
        }
    }
}
```

Here it is run by the cheapest 5USD VM in Linode:

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

1-million fake users created in 332,443 ms (5 minutes).

How about a billion? We shall see.

You may see the demo Laravel source code [here](https://github.com/doncadavona/laravel-1-million-fake-users-seeder-demo).
AI Email Generation:Help users reply or write emails
Tags: ai, email, generation
Published: 2024-03-20 03:42:07

[**AI Email Generation**](https://chromewebstore.google.com/detail/ai-email-generation/pmkpficfmpbandkpncpgfpoahhphmbdf)
**Revolutionize Your Email Productivity with the New AI Email Generation Chrome Extension**
Our innovative AI Email Generation plugin is designed to seamlessly integrate with your existing email platform, providing intelligent features to automate and optimize your email management process. With the help of this cutting-edge tool, you'll reclaim hours each week and boost your productivity like never before.
**Peek into Powerful Features**
Custom Emotions: Choose emotions to make your emails more vivid and engaging.
Audience Segmentation: Tailor results for different audiences to appear more professional.
Template Matching: Customize your email templates to better suit your needs.
Multi-Language Output: Results support multiple language outputs.
AI Email Generation comes equipped with an array of impressive features:
**Easy Integration and User-Friendly Interface**
The beauty of AI Email Generation lies in its simplicity. Installation takes just a few seconds through the Chrome Web Store, and its intuitive interface makes it easy for both tech-savvy individuals and those less familiar with technology to get started. It is compatible with most major email services, ensuring a wide range of users can benefit from its functionality.
**Join the Email Revolution Now!**
Click here to install the [AI Email Generation](https://chromewebstore.google.com/detail/ai-email-generation/pmkpficfmpbandkpncpgfpoahhphmbdf) Chrome extension and embrace a smarter and more efficient way of handling emails. Happy emailing!
Navigating the AI Revolution: Insights from Bill Gates
Tags: ai, webdev, microsoft, beginners
Published: 2024-03-20 03:31:25

Microsoft co-founder Bill Gates has sounded the alarm on the burgeoning revolution ushered in by artificial intelligence (AI), stressing the need for meticulous caution and vigilant oversight to harness its potential while mitigating associated risks.

In a candid dialogue on the "Armchair Expert" podcast, Gates illuminated the transformative prowess of AI, foreseeing imminent upheavals across sectors like agriculture, healthcare, and drug discovery. Propelled by AI advancements, Gates envisages a landscape where data-driven insights revolutionize decision-making processes, offering tailored recommendations in realms ranging from technical support to educational guidance.

Yet, amidst the fervor surrounding AI's capabilities, Gates underscored the imperative for circumspection. While acknowledging AI's proficiency in certain domains like agriculture, where it can proffer nuanced analyses, Gates cautioned against its application in more subjective realms like psychology without due deliberation.

Highlighting the pivotal role of data integrity in informing AI algorithms effectively, Gates emphasized the ethical and societal ramifications of AI-driven decision-making. As AI's development accelerates, Gates flagged complex societal challenges, urging sustained dialogue and collaboration to navigate this evolving terrain responsibly.

Addressing concerns about disparities in AI adoption, Gates stressed the importance of collective action to mitigate potential inequalities. While recognizing AI's potential to revolutionize global health and development, Gates advocated for continued human oversight to safeguard against unintended consequences.

As the conversation veered into lighter topics, Gates' underlying message resonated: while AI holds immense promise, its development and deployment mandate a judicious approach. As society grapples with the ramifications of the AI revolution, Gates' insights underscore the imperative of ethical AI governance and conscientious innovation in shaping our collective trajectory.

In essence, as we stand at the precipice of an AI-driven era, Gates' admonition serves as a poignant reminder of the imperative to navigate this transformative landscape with prudence and foresight.

Thanks for reading,
DGI Host.com
Trusted Home Buying Experts Maryland
Tags: selling
Published: 2024-03-20 03:21:18


Trusted Home Buying Experts
Maryland
Ako House Buyers
Sell Property In Maryland
Selling Your House
Hassle-free Selling
Sell My House Fast

The Most Trusted Home Buying Experts in Maryland AKO House Buyers makes things easy We buy for cash and keep the process short and simple…
Selling your house is never easy, as you have to go through a series of steps to get the right deal. Whether you are facing any financial difficulties, dealing with inherited property, or planning to relocate to a better place, AKO House Buyers will lend you a helping hand to make things simpler for you. We are a family-owned business, located in Frederick, MD, and our solutions are targeted to be based on your actual needs.
Skip the realtor and keep the commission money in your pocket. No hidden charges as we handle all the costs. We move towards fast closing that is tailored to your convenience. No repairs needed!! we buy as is!
Wordpress: functions
Published: 2024-03-20 03:30:38

To integrate links into WordPress, follow these steps:

Begin by creating a `functions.php` file within your WordPress theme directory. Within this file, define a function to enqueue external resources, ensuring that WordPress can load them as needed.

Within the function, when incorporating a CSS library, utilize `wp_enqueue_style()`. Within its parentheses, the first parameter serves as a descriptor, which can be any string. The second parameter is the URL link to the resource. Note that the link need not include 'https:' since, in some instances, HTTPS may not be available in local environments.

If you intend to include a JavaScript library, employ `wp_enqueue_script()`. This function accepts five parameters: the first is a descriptor, followed by the URL link to the script. Next is an array specifying any dependencies the script relies upon. Subsequently, indicate the version number, followed by a boolean value indicating whether the script should load after the page has fully loaded (set to true to ensure the JavaScript loads at the page's end).

After defining the function, within the PHP code's conclusion, call the function using `add_action('wp_enqueue_scripts','functionName')`. This ensures that the function is invoked when necessary.
Azure | How to Associate a Dynamic IP to VM
Published: 2024-03-20 03:27:26

## TL;DR

0. VM's "Availability options" should be "No infrastructure redundancy required". Or will meet error:


>Failed to update network interface 'something'. Error: Compute resource /subscriptions/xxx/resourceGroups/xxx/providers/Microsoft.Compute/virtualMachines/xxx has a zone constraint 1 but the PublicIPAddress /subscriptions/xxx/resourceGroups/xxx/providers/Microsoft.Network/publicIPAddresses/xxx-ip used by the compute resource via NetworkInterface or LoadBalancer has a different zone constraint Regional.

[Here is a post that talks about this error](https://learn.microsoft.com/en-us/answers/questions/1377941/new-(standard)-vms-and-dynamic-public-ips)


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


1. Disassociate the old IP from VM and delete it.
2. Create a new IP in the same resource group and the same Region as the old IP was by selecting:
    1. "Basic" for SKU
    2. "Dynamic" for IP address assignment

![screenshot of Azure console when creating public IP address](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1fkur8vnnpl12mskzup0.png)

> WARNING: On 30 September 2025, Azure Basic (SKU) Public IP will be retired.

3. Associate new IP to Network Interface by editing IP configuration (usually the name is "ipconfig1")

![screenshot of Azure console](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/exn04sac0i8bh3cuafe0.png)

Next time you create a VM, create a Basic SKU Dynamic IP directly by click "Create new" in Network interface section:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h1hh0qz3os7p0vf8u3xb.png)
Communication for developers. Part 1/2
Tags: communication, listening, clarity, empathy
Published: 2024-03-20 03:14:00

---
title: Communication for developers. Part 1/2
published: true
description: Attributes for effective communication
tags: communication, listening, clarity, empathy
cover_image: https://i.ibb.co/x8nVrsB/Captura-de-pantalla-2024-03-18-203753.png
# Use a ratio of 100:42 for best results.
published_at: 2024-03-20 03:14 +0000
---

Communication is a key skill for a developer 🔑 as it encourages effective collaboration 🤝, problem solving 🕵️‍♀️ and informed decision making 💡 within the development team 👩‍💻👨‍💻.

Below is a brief description of some characteristics of communication in the field of software engineering 📝

1. **Active listening** 👂: The ability to listen carefully to others, without interrupting, and understand their ideas and perspectives is crucial. An experienced developer should be willing to receive feedback and opinions from other team members. 🙋‍♂️🙋‍♀️

2. **Clear and concise expression** 🗣️: The ability to express ideas clearly, concisely and directly is essential. An experienced developer must be able to communicate complex technical information in a way that is understandable to the entire team, avoiding ambiguities and misunderstandings. 📢

3. **Empathy and respect** 🤝: An empathetic and respectful approach is essential in assertive communication. An experienced developer should be able to understand the perspectives and concerns of others, and express their opinions without belittling or judging others. 🙏

4. **Constructive feedback** 🔄: The ability to provide and receive constructive feedback is crucial. An experienced developer should be able to give honest and constructive feedback in a respectful manner, while accepting criticism and suggestions from others openly and without defense. 💬

5. **Conflict resolution** 🤼‍♀️: Skills to resolve conflicts assertively are important. An experienced developer should be able to address and manage disagreements constructively, seeking mutually beneficial solutions and avoiding unproductive confrontations. 🤝

6. **Visual Communication** 📈: The ability to communicate ideas and concepts through diagrams, slides, or other visual tools is valuable. An experienced developer should be able to present complex information in a clear and accessible way for the entire team. 📊

7. **Adaptability** 🧩: The ability to adapt the communication style according to the context and the needs of the public is important. A developer must be able to adjust their communication approach as necessary to facilitate understanding and effective collaboration. 👍

In [the second part of this blog post](https://dev.to/pwalvarado/communication-for-developers-practical-examples-22-1o1a), each skill will be expanded further with some examples. Wait for the next installment 👀!