teleren/devto huggingface dataset:
Announcing the First Ever State of React Survey
Tags: javascript, react
Published: 2023-10-28 06:10:22

---
title: Announcing the First Ever State of React Survey
published: true
description: Server Components, Server Actions, and much more!
tags: javascript, react
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2mdm16f7gsmu8pj8kvse.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-10-28 05:43 +0000
---

I launched the first [State of JavaScript](http://2016.stateofjs.com/) survey back in 2016, in the hopes that the data collected could help guide all the developers who, like me, were struggling to find their way through the JavaScript jungle. 

Coincidentally (or maybe not?), at the time I was also taking my first steps with React and trying to figure out this relatively new ecosystem. 

In the 7 years since, I've gotten much more at east with React. Even so, I've never managed to completely silence that little voice in the back of my head whispering that maybe, just maybe, I was actually doing it all wrong…

### A New Era of React

So now that we're on the verge of a major evolution of the library with Server Components and Server Actions, it felt like the right time to launch the first ever [State of React](https://survey.devographics.com/en-US/survey/state-of-react/2023?source=announcement_post) survey. 

The survey is broken down into three main sections. 

First, the **features** section will help us know not only which essential React APIs people actually like or not; but also which of the newly announced features developers are most excited to try out. 

Then, the **libraries** section will be key to know not only which libraries are used the most, but also which ones developers actually enjoy using. 

Finally, the rest of the survey includes questions about *how* you use React, which resources you consult, and who you are. 

### Take the Survey

If that sounds interesting at all, then why not [take the survey](https://survey.devographics.com/en-US/survey/state-of-react/2023?source=announcement_post)? It won't take long, and the resulting data will be invaluable to the community!
PMP® Risk Management Stepwise Guide
Tags: education, training, pmp, certification
Published: 2023-10-28 05:43:04


**[Project Management Professional](https://www.youtube.com/watch?v=zf7sNeEWHrY&t=7s)** (PMP)® certification is a globally recognized credential for project managers. Risk management is one of the key knowledge areas in project management, and it's important to understand the steps involved in managing risks effectively. Here's a step-by-step guide to PMP® risk management:

Plan Risk Management:

Define the risk management approach for your project.
Determine the methodology to be used for risk analysis and prioritization.
Create a Risk Management Plan that outlines the roles, responsibilities, and risk management processes.
Identify Risks:

Identify potential risks that could impact the project. This can be done through brainstorming, checklists, historical data, or expert judgment.
Document identified risks in a Risk Register, which includes information like the risk description, potential impact, probability, and owner.
Perform Qualitative Risk Analysis:

Assess the qualitative aspects of each identified risk. This involves assigning a risk score based on impact and probability.
Use a Risk Probability and Impact Matrix to prioritize risks.
Perform Quantitative Risk Analysis:

For high-priority risks, perform a quantitative analysis. This includes assigning monetary values to the risks and determining the overall project risk exposure.
Plan Risk Responses:

Develop strategies to address identified risks. There are four response strategies: Avoid, Transfer, Mitigate, and Accept.
Create a Risk Response Plan that details the actions to be taken for each risk, including owners and deadlines.
Placeholder Maintainer
Tags: hack23maintainer
Published: 2023-10-28 05:30:33

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

### Intro
<!-- Share a bit about yourself as a maintainer. Is this your first Hacktoberfest, or have you maintained in others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Project
<!-- Tell us about the repository that you hosted. What processes did you set up to review and merge pull requests? Feel free to embed your GitHub repo by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your project goals changed since publicly maintaining it? -->
How to initiate the NFT business in a distinctive manner?
Tags: nft, nftbusiness, startup, entrepreneurs
Published: 2023-10-28 05:10:13

Today Entrepreneurs are rising in their young period because of Utilizing the opportunities in which industry contains an emerging high ROI business scope in the future. They don't make investing in risk involve business instead of think smart research and analyze the business.

## Trendy NFT Business to Earn High ROI 

Developing a Non-Fungible Token Marketplace is the best business model at this current time. Previous generation artists didn't have a chance to make revenue from their created things. But now most artist list their things in the NFT marketplace. The trading volume of NFTs is increasing day by day so they searching for a platform that gives beneficial features to them. creators in the senses like artists, musicians, gamers, etc. A major reason of its popularity was its purpose was now known by many people. Also, many people are interested in buying the one of ownership through NFTs on the marketplace. If creators and buyers do their activities first they go to the NFT marketplace. In this situation, NFT  Marketplace plays a significant role in this. 

##  Attracts a global audience 

Establishing a business like NFT Marketplace has a good future business scope and occupies the global NFT audience with developing your NFT marketplace that standards. It is a unique business model so you do have not many competitors in this industry. So Strongly put the step into this business to earn more revenue. Below are basic information guides the entrepreneurs who do not know [how to start NFT marketplace business](https://www.innblockchain.com/academy/how-to-start-nft-marketplace-business) in a successful way

First, you can determine your target niche and then frame an NFT marketplace architecture efficiently to your idea. Because attracts the general NFT audience is one and another one is targeting the specific audience. 

* Choose the blockchain for your developed marketplace standard.

* Then communicate with the right NFT Marketplace development company to develop your marketplace. Majorly see their experience and the professionalism they have in developing their NFT project.

* Give special attention to UI /UX Design in your platform it attracts customers to your platform. Designers also a vital role in creating the NFT marketplace.

* Analyze the NFT marketplaces available in the space and try to give the features into your NFT marketplace by the name of exclusive features also research things to give new users benefits to your platform. 

* After developing the marketplace conduct a pretesting of that NFT marketplace before goes to the public. Then only you know the mistake that occurred on the some functioning.

* Finally, Launch your own NFT marketplace into the space.

The above things help you start the NFT Marketplace business in a grand and cost-efficient manner. May you have taste success on each step you take on your business journey.
Pollyfill - PROMISE. ALL
Tags: javascript
Published: 2023-10-28 04:36:01

```js
const prom1 = new Promise(function (resolve, reject) { 
	setTimeout(() => { 
		resolve("gfg1") 
	}, 1000) 
}) 

const prom2 = new Promise(function (resolve, reject) { 
	setTimeout(() => { 
		reject("error") 
	}, 2000) 
}) 

const prom3 = new Promise(function (resolve, reject) { 
	setTimeout(() => { 
		resolve("gfg2") 
	}, 3000) 
}) 

const prom4 = new Promise(function (resolve, reject) { 
	setTimeout(() => { 
		resolve("gfg3") 
	}, 3000) 
}) 

Promise.myall = function (values) { 
	const promise = new Promise(function (resolve, reject) { 
		let result = []; 
		let total = 0; 
		values.forEach((item, index) => { 
			Promise.resolve(item).then((res) => { 
				result[index] = res; 
				total++; 
				if (total === values.length) 
					resolve(result); 
			}). 
				catch((err) => { 
					reject(err); 
				}) 
		}) 
	}) 
	return promise 
} 

Promise.myall([ 
	prom1, 
	prom2, 
	prom3 
]) 
	.then((res) => { 
		console.log(res); 
	}) 
	.catch((er) => { 
		console.log(er) 
	}) 

Promise.myall([ 
	prom1, 
	prom3, 
	prom4 
]) 
	.then((res) => { 
		console.log(res); 
	}) 
	.catch((er) => { 
		console.log(er) 
	}) 


```
Developing Open Source Prompt Engineering Tool
Tags: ai, webdev, typescript, programming
Published: 2023-10-28 04:35:44

Recently, I started developing an open source tool that can ease prompt engineering. It's a chrome extension that you can use to interact with chatGPT API with more ease. 

# Why Another AI Tool 
The reason behind I started this project was to STOP PAYING for AI tools. Most of the AI tools require the users to specify "_user's chatGPT API key_" AND "_pay for the usage of their software_". The cost isn't minor and there were missing features as well. 

Because I wanted my project to be free of charge(of course you have to pay for the chatGPT API key usage), [I open sourced the project](https://github.com/seonwoo960000/ai-sidebar). It has been released as a [chrome extension as well](https://chromewebstore.google.com/detail/free-ai-side-bar/bphjdepgpbodffelhponjdfpjdajghgc). 

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


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

The main features are as follows: 
- Prompt engineering(Using default or custom templates)
- Memorizing previous contexts so that users don't have to type previous context again and again 
- Selecting AI model 
- Selecting the temperature(how accurate the result should be) 

There are still many features to develop such as 
- Add support for other AI(Google's Bard etc) 
- Support for many other chatGPT APIs(Image generation, fine tuning) 
- Enhancing Design 
- Adding test support(cypress) 

It's open source and there's already been great contributors that contributed using their wonderful skills. Any feature requests or pull requests are WELCOMED!! So please, feel free to contribute.
Placeholder Maintainer
Tags: hack23maintainer
Published: 2023-10-28 04:02:10



### Intro
My name is Mugdha Behere. This is the first time I contributed to Hacktoberfest. My GitHub profile: [Mugdha Behere](https://www.github.com/MugdhaBehere)

### Project
I hosted my blog. I coded my blog in JavaScript, React, and Hygraph and deployed it on Vercel. Link for the repository[CodeDreamer](https://github.com/MugdhaBehere/code_dreamer)



### Growth
My skill set is the same as it was before Hacktoberfest, but I have gained more knowledge about those technologies and have become better at those skills.
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-28 04:33:57

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

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
Liskov Substitution Principle (LSP)
Tags: java, solidprinciples, design, tutorial
Published: 2023-10-28 04:32:39

> The Liskov Substitution Principle is about making sure that new things you add to your code can be used just like the old things without causing any trouble. It keeps your code organized and makes it easier to add new features.

Let's break down the explanation of the Liskov Substitution Principle (LSP) into step-by-step actions with a Java code example.

**Step 1: Create a Base Class and Derived Class (Initial Design):**

Start with a base class and a derived class:

```java
class Bird {
    public void fly() {
        System.out.println("Flying...");
    }
}

class Penguin extends Bird {
    public void fly() {
        System.out.println("Oops! I can't fly.");
    }
}
```

In this initial design, we have a base class `Bird`, and a derived class `Penguin`, which is meant to represent a bird that cannot fly. However, the problem with this design is not immediately obvious, and it appears to follow the Liskov Substitution Principle (LSP).

**Step 2: Identify the Problem:**

The problem becomes apparent when we consider that a `Penguin` is a bird that should not be able to fly, but in the derived class, we have overridden the `fly()` method. This violates the Liskov Substitution Principle because it doesn't adhere to the expected behavior of the base class.

**Step 3: Apply the Liskov Substitution Principle (Solution):**

To adhere to the Liskov Substitution Principle, we need to change our design to make it more consistent. 

**Step 4: Redefine the Classes to Follow LSP (Solution):**

We should create a class hierarchy that accurately represents the behavior of birds, especially birds like penguins that cannot fly:

```java
class Bird {
    public void fly() {
        System.out.println("Flying...");
    }
}

class Penguin extends Bird {
    public void swim() {
        System.out.println("Swimming...");
    }
}
```

In this corrected design, the `Penguin` class doesn't override the `fly()` method, which accurately represents that penguins cannot fly. Instead, it introduces a new method, `swim()`, to represent their ability to swim.

**Step 5: Benefits of the Solution:**

By adhering to the Liskov Substitution Principle in the corrected design, we've ensured that the derived class (`Penguin`) follows the expected behavior of the base class (`Bird`). This makes the code more consistent, predictable, and adheres to the principles of object-oriented design.

> "Your feedback and ideas are invaluable – drop a comment, and let's make this even better!"

😍 If you enjoy the content, please 👍 like, 🔄 share, and 👣 follow for more updates!
Join me on a professional journey through my LinkedIn profile: [Linkedin Profile](https://www.linkedin.com/in/kurmivivek295/)
Perplexity in AI Models: A Simple Explanation
Tags: ai
Published: 2023-10-28 04:23:16

Today I looked up what perplexity is in AI models, and basically, it means what it sounds like, how confused and uncertain is an AI model when trying to predict things?! The higher the perplexity score the less confident the AI is in its prediction. 

You've probably heard terms like "accuracy," "precision," and "recall" thrown around when discussing how good a machine learning or AI model is. "Perplexity," a rather uncommon word in everyday conversation, is also an important metric for the AI model. Let's break it down in the simplest way possible.

**What is Perplexity?**

Imagine you're playing a game of guessing a friend's chosen number between 1 and 10. If you know absolutely nothing about your friend's choice, your perplexity would be 10 because there are 10 possible numbers they could have chosen.

However, if your friend gives a hint that the number is less than 5, your perplexity would drop, since now there are only 4 possible numbers: 1, 2, 3, or 4. The less perplexed you are, the closer you are to the right answer.

In the world of AI, perplexity measures a model's uncertainty. A model with lower perplexity is more sure of its predictions.

**Why is it Important in AI?**

Perplexity is often used in language models, which are AIs trained to understand and generate human-like text. When such a model is trained on tons of text data, it gets a feel for the structure and patterns of a language.

For example, in the English language, after the word "I am," it's more likely that the next word will be an adjective like "happy" or "sad" rather than a random word like "giraffe." A language model with low perplexity would be good at making such predictions.

Now just because an AI model is confident in its predictions doesn't guarantee their correctness. This confidence stems from extensive training data, and even if the model is mistaken, it still presents its predictions with certainty. In this light, such an AI can be likened to a masterful con-man: entirely convincing because it genuinely believes its own assertions to be true.

**In Conclusion**

So, if someone made an AI chatbot girlfriend based on me, it'd probably have a high perplexity score, constantly wondering, 'Wait, is this really how the human version behaves?' 🤨

Just as you'd want to be less perplexed when guessing a number or answering a quiz, an AI model with lower perplexity is more confident in its predictions. It's a way to measure how well the model understands the patterns in the data it was trained on. So, next time you hear about perplexity in AI, think of it as the model's version of the classic guessing game, or the AI being a really good con-man, and you better double check the information it gives you.
CoreApp : Minimal PHP Framework
Tags: php, mvc, beginners
Published: 2023-10-28 03:55:33

Hi! I am Anirudh Singh and I am writing this to ask for your help in a PHP Framework named CoreApp developed by me.

I want you to work with the framework and help me out to fix bugs and add additional features. 

The goal of this framework is to be minimal. It's just 11.3KB and has a lot of features making Web Development quite easy.

A simple CRUD Application with authentication can be build within an hours. 

I want your support to make it more powerful and easy to use. 

Link : [https://github.com/violentanirudh/coreapp](https://github.com/violentanirudh/coreapp)

## Building a minimal app in CoreApp

```
# APACHE .htaccess

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule . index.php [L]

# NGINX nginx.conf

try_files $uri /index.php;
```

```
<?php

require __DIR__ . '/CoreApp.php';

// Creating App

$app = new CoreApp();

// Functions

function home() {
    echo "Hello, World!";
}

function blog($id) {
    echo "Hello, World! Blog : $id";
}

// Adding routes

$app -> add('GET', '/', 'home');
$app -> add('GET', '/blog/:id', 'blog');

$app -> run();
```
TIL About Practice
Published: 2023-10-28 03:21:01

Today I learned about practicing outside of the required material. I completed the modules related to Ruby, which got me excited about learning more about this programming language. I wanted to find more problems to work with to really test my understanding of Ruby's features.

In an earlier module, we signed up for Exercism, which is a site to practice various programming languages. I took a peek at the Ruby track, and solved the first few problems. The material they explained were already taught in the modules, but it felt like I was cementing what I know about Ruby by reading the lessons again and working through more problems.

This taught me about the importance of continuing to practice. The Exercism problems weren't required, but it was a resource that could help us dive deeper into Ruby and remember that knowledge by heart. When we understand a language that deeply, we also become better developers.
Placeholder Maintainer
Tags: hack23maintainer
Published: 2023-10-27 14:31:49

### Intro
Hello reader, My name is Chitresh Gyanani and this is my first Hacktoberfest, I learned and started contributing to open source for the first time and it has been amazing.
The amount of fun it is to code something which really affects something in real life rather than writing code in to practice.
My github profile became better and I got an opportunity to visit DevFest New Delhi.
Here's my GitHub Profile:
{% embed https://github.com/Chitresh-code %} 

### Highs and Lows
Learning Git and GitHub was a little bit challanging and it was hard to learn as a begginer, picking where to contribute and learning the basics of creating Issues and merging PRs took a little used to, but at the end with some help from YouTube videos and friendly maintainers it was a fun experience to learn.

### Growth
Before Hacktoberfest I was not that much experienced with debugging and it was never a strong suit for me as I didn't understood why and what I am changing, but in Open Source seeing how after removing a bug it showed changes on the websites or apps, it helped me learn and understand debugging on a new level.