teleren/devto huggingface dataset:
Day 1 - The 12 Days of DEV: January 2023
Tags: devimpact2023
Published: 2023-12-20 08:00:00


_Greetings on Day 1 of "The 12 Days of DEV"! 🎄🎉  As we approach the year's end, let's journey through the top two articles of January 2023._

_This compilation showcases the community's favorites, as determined by a mix of comments, reactions, and page views (with just a very subtle touch of editorial curation). And while these articles shine as the most popular, it's worth noting that they vary from the DEV team's chosen Weekly Top 7 (though there might be some shared gems.) 🌟_

---

{% embed https://dev.to/lissy93/cli-tools-you-cant-live-without-57f6 %}
Do you recall [@lissy93](https://dev.to/@lissy93)’s article where they shared an expertly curated list of 50 must-have command-line tools for developers? From efficient file management to productivity boosters and fun ASCII art tricks, their guide not only introduces must-have utilities but also provides scripts for seamless installations and updates across various systems. Join the CLI adventure, explore the world of terminal mastery, and it’s not too late to share your favorite CLI gems in the comments!

---

{% embed  https://dev.to/ysmnikhil/how-to-build-with-react-or-vue-with-vite-and-docker-1a3l %}
In this insightful guide by [@ysmnikhil](https://dev.to/@ysmnikhil), readers are invited to revisit the journey of creating a project with React or Vue, Vite, and Docker. The tutorial offers step-by-step instructions and valuable insights, making it a valuable resource for developers seeking a smooth and efficient development experience.


---


_Stay tuned for the next installment of "The 12 Days of DEV" as we continue to unwrap some of the community's favorite articles. Happy reading, and we look forward to sharing more highlights with you! 📚🎁_
TypeScript: namespace VS class
Tags: typescript, class, oop, coding
Published: 2023-12-20 07:50:25

## TypeScript: Would you better wrap functions in class or namespace? 

In this article, we will see if it is more judicious to store functions in a namespace or a class, based on the size and complexity of the application.


```typescript
// namespace
export namespace UserModel {
  type uuid = string;

  interface User {
    id: uuid;
    username: string;
    firstName: string;
    lastName: string;
    password: string;
    sex: string;
    age: number;
  }

  const users = new Map();

  export function createUser(user: User) {
    const userKey = getUserKey(user.id);
    users.set(userKey, user);
  }

  function getUserKey(id: uuid) {
    return `id${id}`;
  }
}

// usage
UserModel.createUser(user);
```

```typescript
// class
export class UserModel {
  // ...
  public createUser(user: User) {
    const userKey = this.getUserKey(user.id);
    users.set(userKey, user);
  }

  private getUserKey(id: uuid) {
    return `id${id}`;
  }
}

// usage
const userModel = new UserModel();
userModel. createUser(user);
```

As you can see in the above code, there are two different ways to organize and encapsulate your code within a scope, namely, within a traditional `class` or a simple `namespace`.

Although adding your code to a `namespace` instead of a class will not bring any of the OOP features and advantages you could have with a class, it still allows for elegant and simple usage of your code while isolating it from your application's global scope.

Calling another function within the same namespace is exactly like calling any other function, whereas calling a function within a class requires using the `this` keyword, and each function declaration is specified by its access modifiers.


In term of readability and avoid conflicts with identical functions, declaring namespaces can be an excellent technique in small projects.

---

I can't wait to hear from your feedback / thoughts in comments! 🤠
ERROR: A blank page appears after deploying your Vite React App
Tags: vite, react, errors, webdev
Published: 2023-12-20 07:47:36

After deploying your React App built with Vite, you may see the console error message says, `Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". ...`.

This is because you may set the wrong base while you set the `vite.config.js/ts` file. 

I faced this issue when I set the path `alias` from the `vite.config.ts` file. I set the `base` with `./`, but it gives an error when loading files from the `html`. the `base` path should be `/`, not `./`.

So If you have any issues with the error message above please check your `vite.config.ts` file. 

You can also set the base path from the script in the `package.json`. Please ensure your base path is set correctly in your script as well. 

The way to set the base path from the script is as follows.
`vite build --base=/`.
Hi88
Published: 2023-12-20 07:08:45

Hi88 là một trong những nhà cái có tiếng trong làng cá cược trực tuyến tại Việt Nam. Được thành lập từ năm 2015, Hi88 đã nhanh chóng trở thành một trong những địa chỉ tin cậy cho những người yêu thích cá cược trực tuyến. Với giao diện đơn giản, dễ sử dụng và tính bảo mật cao, Hi88 đã thu hút được sự tin tưởng của rất nhiều người chơi.
Website: https://hi88.gold/
Email: hi88gold@gmail.com
Địa chỉ: 112 Đ. Lò Chum, P. Lam Sơn, Thành phố Thanh Hóa, Thanh Hoá, Việt Nam
#hi88 #codehi88 #hi888 hi88gold #nhacaihi88 #gamehi88 #trangchuhi88

https://twitter.com/hi88gold
https://vimeo.com/hi88gold
https://www.pinterest.com/hi88gold/
https://www.tumblr.com/hi88gold
https://www.twitch.tv/hi88gold/about
https://www.reddit.com/user/hi88gold
https://www.youtube.com/@hi88gold
https://500px.com/p/hi88gold?view=photos
https://www.englishbaby.com/findfriends/gallery/detail/2471694
https://www.inflearn.com/users/1308238
https://hi88gold.micro.blog/about/
http://users.atw.hu/jesusdesciples/index.php?mod=users&action=view&id=2375326
https://learn.centa.org/members/hi88gold/profile/
https://storyweaver.org.in/en/users/875634
https://circleten.org/a/266041
https://www.openstreetmap.org/user/hi88gold
https://www.webwiki.com/hi88.gold
Gỗ biến tính Javideco - Dona
Tags: wood
Published: 2023-12-20 07:35:50

[Gỗ biến tính](https://javidecodona.com/go-bien-tinh/?utm_source=javidecodona_entity&utm_medium=social&utm_campaign=gd1&utm_content=javideco) là một khái niệm độc đáo và hứa hẹn trong lĩnh vực gỗ công nghiệp. Được xem như một sự tiến bộ trong công nghệ gỗ, gỗ biến tính mang đến những đặc tính và khả năng mới, mở ra rất nhiều cơ hội sáng tạo và ứng dụng trong các lĩnh vực như kiến trúc, nội thất và xây dựng.

Qua quá trình xử lý và xâm nhập, gỗ biến tính được tạo ra bằng cách thay đổi cấu trúc tế bào và tính chất của gỗ. Phương pháp phổ biến nhất để biến tính gỗ là sử dụng chất xâm nhập. Quá trình này có thể sử dụng các chất như chất chống mục, nhựa hoặc hợp chất hóa học khác để thẩm thấu vào cấu trúc gỗ. Kết quả là gỗ biến tính có những đặc tính mới như khả năng chống mục, chống cháy, tăng cường độ cứng, hoặc khả năng chống nước.
Unlock Affordability and Comfort with Bargain Fabric Sofas
Tags: onlinefurniturestore, luxurysofasets, ukbrandedsofas, fabricrecliningsofa
Published: 2023-12-20 07:27:22

Are you on the lookout for the perfect addition to your living space where comfort meets affordability? Look no further! In this blog, we are going to talk about Fabric Sofas. We will explore the best options that include a mix of comfort, modernity, and wallet-friendliness. Whether you're furnishing a new home or renovating your existing space, you can bargain with Fabric Sofa's online. Let us know more about the different types of sofas available online.

## **How Diverse are Fabric Sofas?**

Fabric Sofas come in a variety of preferences and needs. Here are some of the options online sellers have:

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

## **Corner Sofas for Smart Spaces:**

If you're working with limited space or looking to maximize seating in a specific corner, corner sofas are the way to go. A corner sofa acts like a brother to your main or central sofa, and it comes in handy during family celebrations and gatherings. It provides spacious seating without compromising on style.

## **Luxurious Armchairs:**

For those seeking individual comfort and style, armchairs offer a feel of luxury at an affordable price. Whether you want a cozy reading spot or a statement piece for your living room, these armchairs provide the perfect solution.

## **Power Recliner Sofas:**

Are you into power naps? Go for a[ Power recliner sofa](https://sofagogo.com/collections/power-recliners). These budget-friendly options bring a modern touch to your living space. The power recliner allows you to recline at the push of a button. It gives you a perfect spot to enjoy movie nights or unwind after a long day.

## **Up to 5-Seater Sofas:**

If you have a huge family, you can go for Bargain Fabric Sofas that are available in one seater to 5 seats. No matter what size your family is, the online market offers versatile color, design, and fabric options as per the requirements of a buyer.

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

## **Conclusion:**
Fabric sofas have a huge range of options. It means all you need to do is visit a trustworthy online store and explore the furniture you like. If you want to [Bargain Fabric sofas](https://sofagogo.com/collections/fabric) online, Sofa Go Go is the best price. They provide branded furniture from the UK's top furniture sellers at discounted prices. To buy a sofa at around 70 % discount, visit Sofa Go-Go now!
AWS-CLOUDWATCH
Published: 2023-12-20 07:21:09

## Steps:

1. Create an AWS EC2 IAM Role and add CloudWatch and SSM Full Access. - Role Name: EC2-CloudWatch-Role.
2. Create a Parameter in Systems Manger with the name "/alarm/AWS-CWAgentLinConfig" and store the value.
3. Create an EC2 Instance, Attach the role created in Step 1 and Add the commands in the Userdata Section.

## Commands that needs to be added in Userdata Section:

```
#!/bin/bash
wget https://s3.amazonaws.com/amazoncloudwatch-agent/linux/amd64/latest/AmazonCloudWatchAgent.zip
unzip AmazonCloudWatchAgent.zip
sudo ./install.sh
sudo /opt/aws/amazon-cloudwatch-agent/bin/amazon-cloudwatch-agent-ctl -a fetch-config -m ec2 -c ssm:/alarm/AWS-CWAgentLinConfig -s
```

## Check if EC2 Instance has CWAgent Installed or not:

```
sudo /opt/aws/amazon-cloudwatch-agent/bin/amazon-cloudwatch-agent-ctl -m ec2 -a status
```

## Value for the SSM Parameter (/alarm/AWS-CWAgentLinConfig):

```
{
	"metrics": {
		"append_dimensions": {
			"InstanceId": "${aws:InstanceId}"
		},
		"metrics_collected": {
			"mem": {
				"measurement": [
					"mem_used_percent"
				],
				"metrics_collection_interval": 60
			},
            "disk": {
				"measurement": [
                     "disk_used_percent"
				],
				"metrics_collection_interval": 60
			}
		}
	}
}
```

## Additional code:

```
{
  "logs": {
    "logs_collected": {
      "files": {
        "collect_list": [
          {
            "log_group_name": "HttpAccessLog",
            "file_path": "/var/log/httpd/access_log",
            "log_stream_name": "{instance_id}",
            "timestamp_format": "%b %d %H:%M:%S"
          },
          {
            "log_group_name": "HttpErrorLog",
            "file_path": "/var/log/httpd/error_log",
            "log_stream_name": "{instance_id}",
            "timestamp_format": "%b %d %H:%M:%S"
          }
        ]
      }
    }
  },
  "metrics": {
    "metrics_collected": {
      "cpu": {
        "measurement": [
          "cpu_usage_idle",
          "cpu_usage_iowait",
          "cpu_usage_user",
          "cpu_usage_system"
        ],
        "metrics_collection_interval": 10,
        "totalcpu": false
      },
      "disk": {
        "measurement": [
          "used_percent",
          "inodes_free"
        ],
        "metrics_collection_interval": 10,
        "resources": [
          "*"
        ]
      },
      "diskio": {
        "measurement": [
          "io_time"
        ],
        "metrics_collection_interval": 10,
        "resources": [
          "*"
        ]
      },
      "mem": {
        "measurement": [
          "mem_used_percent"
        ],
        "metrics_collection_interval": 10
      },
      "swap": {
        "measurement": [
          "swap_used_percent"
        ],
        "metrics_collection_interval": 10
      }
    }
  }
}

```
Python & OpenAI beginner journey 3 | Flask “Hello World”
Tags: python, openai, beginners, flask
Published: 2023-12-20 07:12:18

To run my Python OpenAI App in a browser I am going with `**Flask**`, which is apparently simpler than `Django` and other similar frameworks.

Below I documented how to get to an easy ‘hello world’, which is the starting point for everything else I do with `Flask` after that.

# 1. Install Flask

Terminal: `pip install Flask`

# 2. ****Create the Flask App****

Create a new Python file **`app.py`** and write the following code:

```python
from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, World!'

if __name__ == '__main__':
    app.run(debug=True)
```

# 3. Run the Flask App

Terminal: `python app.py`
Best ERP Software In Saudi Arabia
Tags: erp, saudi, middleeast, software
Published: 2023-12-20 07:09:21

**

## Exploring Excellence: Unveiling the Power of [Fujishka's](https://fujishka.com/best-cloud-erp-software-in-saudi-arabia.html) ERP Solutions!
**

![Best ERP Software](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mwsvtnkxxr6azo6rz5ie.jpg)
Embark on a journey of innovation and efficiency with [Fujishka Solutions](https://fujishka.com/best-cloud-erp-software-in-saudi-arabia.html). Our latest blog post dives into the transformative capabilities of our ERP solutions. Discover how we're reshaping business management, ensuring scalability, and fostering success in a dynamic digital landscape.
🔍 Key Highlights:

- 
Scalable Solutions: Explore how our ERP adapts to your business's growth seamlessly.

- 
Global Reach: Learn how Fujishka's ERP supports businesses with multiple locations on a global scale.

- 
User-Centric Design: Delve into the user-friendly features that make our ERP a joy to use.

- 
Latest Innovations: Stay updated on the cutting-edge technologies driving Fujishka's ERP solutions.
Ready to elevate your business game? Read our latest blog and stay ahead in the world of business management!

👉 [Read Now](https://fujishka.com/best-cloud-erp-software-in-saudi-arabia.html) #FujishkaBlog #ERPInnovation #BusinessTransformation
In this Stream Madden NFL 24 score
Published: 2023-12-20 06:37:07


The Cardinals were leading at the beginning of the 3rd quarter , thanks to a field goal. They opened the game during the next drive after Carson Palmer hooked up with Michael Floyd for a 91-yard score. This is the longest pass play during the Madden NFL 24 the season. The teams didn't accomplish anything noteworthy in the fourth quarter , and the Cardinals won another victory.

In this Stream Madden NFL 24 score, Week 11 Live highlights, coverage, scores and more. Weather adjustments aid Week 11 winners. Winners: Cards beat Jaguars Lions fumble fake field goal. View all 76 stories Browns wide receiver Jordan Cameron: Don't blame Jason Campbell for [Mut 24 Coins](https://www.mmoexp.com/Nfl-24/Coins.html) recent struggles

Cleveland Browns receiver Jordan Cameron claims it's the focus of defenses that aren't as good as theirs, rather than problems with quarterback Jason Campbell that has slowed his speed in recent weeks as per the May Kay Cabot of the Cleveland Plain Dealer.

"I must accelerate things and I must find a way to open up to the process," said Cameron. "I must try to be involved and contribute more. I must take on the role of a player and do everything I can to assist this team. This is my aim."

The third-year receiver had an impressive 2013. however, his output has begun to decrease significantly over the last two weeks, with the new starting quarterback Jason Campbell targeting Cameron just 18 times in the last three games. Cameron has 45 catches and 515 yards and six touchdowns in the initial seven games of the season, has only seven catches for just 33 yards in the two games that he has played.

Cameron, who had been emerging as a big-play threat for the offensively-challenged Browns this season, says that defenses are rolling coverage his way and are now limiting his effectiveness downfield. Cameron, who is just a rookie receiver, says that it's his responsibility to work more hard and outsmart the defense and isn't worried about his chemistry with the team's starting quarterback.

"I do not think that it's Jason in any way Cameron said. Cameron stated. "They're blocking you on the line , and then you have somebody hitting you on the second level, which means it's simply a harder chemistry between the route. The timing of [Madden 24 Coins Buy](https://www.mmoexp.com/Nfl-24/Coins.html) the route is slightly off."
How to deal with stuck ECS deployment
Published: 2023-12-20 06:28:03

One of the hardest problems that I’ve ever dealt with in my life is making ECS deployments with Cloudformation work and work nicely, which is hard for some reason that only AWS knows.

## TLDR

If your cloudformation stack update containing ECS doesn’t finish in a reasonable amount of time(depends on previous deployment times and container image size), roughly 10-15 minutes. **You have a problem with your service.**

## Why does it stay stuck?

Idk, it just does, this is one of those things that cloudformation(any deployment tool) really sucks at and CloudFormation waits for several hours before rolling back to a previous configuration. If the issue that's causing stack failure continues during stack rollback to a previous configuration, then the stack gets stuck in UPDATE_ROLLBACK_IN_PROGRESS status. Finally, the stack changes to UPDATE_ROLLBACK_FAILED status and that is DevOps hell.

### What’s really happening though?

ECS **************really************** likes to be stable and if it can’t be stable then it won’t finish updating(it won’t tell cloudformation that the update finished) and it won’t rollback either, so the main goal is to get the service to reach stability and there can be many reasons for it not reaching stability, however that is beyond the scope of this article.

### So what could’ve gone wrong?

Here are some common reasons why an Amazon ECS service can fail to launch new tasks:

- Container image issues
- A lack of necessary resources for launching tasks
- A health check failure on a load balancer
- Instance configuration or Amazon ECS container agent issues

An Amazon ECS service that fails to launch tasks causes AWS CloudFormation to get stuck in UPDATE_IN_PROGRESS status, and you can quick check this by going into the service and selecting deployments, and checking the status of the latest deployment.

## So what do I even do now?

Delete the stack and recreate!

!https://media0.giphy.com/media/0bc1ObnZK6IO0FkMV8/giphy.gif?cid=7941fdc64gt9sxd9juwjb3gft1b2qq3zgnmk2oxdassm15n0&ep=v1_gifs_search&rid=giphy.gif&ct=g

The main goal is to get your cloudformation to say:- **“Update Complete”** and it can take the AWS CloudFormation stack several hours to stabilize. To stabilize your stack more quickly, just lie to it.

### Disclaimer

The following resolution is intended to help you stabilize an AWS CloudFormation stack quickly without waiting for the stack to time out. The resolution isn't intended for production environments, as the Amazon ECS service is out of sync with the known state of AWS CloudFormation. To sync resources between your Amazon ECS service and the AWS CloudFormation stack, you must perform an error-free update on the stack.

## Resolution

### Change the desired task count of the Amazon ECS service to 0

1. Open the Amazon ECS console.
2. Choose your cluster.
3. Select the service, and then choose **Update**.
4. Set **Number of tasks** to **0**, and then save the configuration.

## So what do I then?

Get your service to run and stabilize, make sure the process can start.
GitHub profile of the day: Lincoln Colling with tech-stack icons
Tags: github
Published: 2023-12-20 06:11:47

---
title: GitHub profile of the day: Lincoln Colling with tech-stack icons
published: true
description: Add little tech-icons to your GitHub profile
tags: github
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-12-20 06:07 +0000
series: github-profiles
---

I just bumped into the [GitHub Profile of Lincoln Colling](https://github.com/ljcolling)

There isn't a lot going on there, but I like the way he added the little language and tech-stack icons to his GitHub profile using the images served by the [GitHub Explore](https://github.com/explore) page as well.
The value of a huge contract in Madden NFL 24
Published: 2023-12-20 06:11:10


Sincere, his reasoning is plausible. There are many players wearing the number 11 and in his words are the pilasters! Another wears 32 -- which, as he explains, stands for backwards 23 which is, of course, for 33. The score is 7-0. with the remaining 59 minutes, and 7+5+9 = 21. and the 10 seconds that are on the play clock (five seconds before the ball is snapped) and 10 which makes 31 and everyone knows that is forwards 13. With all that information, it's hard not to be convinced.
"He'll be able to [Mut 24 Coins](https://www.mmoexp.com/Nfl-24/Coins.html) attempt the tackle here ... simply to make it look great. So let's get it done. Here's a try at the tackle of a lineman in Madden NFL 24. Yeah, that's not normal. He probably could've grabbed his jersey and lifted him off. The whole thing is closed. Why? Because everyone was involved in it."

Sometimes Madden NFL 24 players take on each other. The Raiders frequently play this way! In fact, they were no. 11 in the Madden NFL 24 in total defense in the year. (No. 11 -- the pillars?)

But, on this particular play this time, you can see that Raiders defense are so awful that there are only two possibilities or explanations for football from above, OR, the Raiders are using their poor defensive skills as an expression of their complete obedience to the dark cabal referred to as the Illuminati. This cabal governs every single aspect of our lives.

We examined other defensive errors the Raiders took this season and we believe Averidge is on to something. Look at the following Adrian Peterson 80-yard touchdown run and tell me if an genuine Madden NFL 24 defense wouldn't have allowed Peterson make it to the end zone that easily. Note how the Raiders align in the Illuminati triangle formation, with the referee , instead of trying to take on Peterson.

I'm convinced that the entire scene speaks for it all by. At the end of the TD run, Peterson gets on the ground to congratulate Baphomet, whose visage appears on the left side in the picture.

One of the most effective ways to increase the value of a huge contract in Madden NFL 24 will be to earn a name for snaring quarterbacks. After securing Tennessee pass-rusher Derek Barnett with the No. 14 selection in the Madden NFL 24 draft The Eagles hope that the former Volunteer will produce big-money performances for a fraction of the cost.

Barnett took on the SEC in his three seasons playing in [Buy Mut Coins Madden 24](https://www.mmoexp.com/Nfl-24/Coins.html) the conference. He racked up 52 loss-taking tackles, one shy of Leonard Little's record from his school, and 33 sacks. This surpassed the great Reggie White's Volunteer record by one. The combination of power and speed on the edge of the field made Barnett the enemy of every offensive tackle he was matched against.