teleren/devto huggingface dataset:
Do you know these 4 API monitoring pillars?
Published: 2024-07-10 21:29:26

API observability and monitoring go beyond technical details, requiring an understanding of API health and performance for optimal software experiences.

## Four pillars underpin API observability

**Logs:** Detailed records of API interactions, essential for troubleshooting and understanding user behavior.

**Metrics:** Quantifiable measures of API health, like response times, for gauging performance and identifying bottlenecks.

**Tracing:** Visualization of request journeys across various services, helping pinpoint performance issues and debug complex problems.

**Events:** Alerts for significant API moments, like endpoint deprecation or traffic surges, enabling proactive responses.

These pillars, organizations gain a comprehensive view of API health and can ensure robust, efficient APIs. As technology evolves, I expect observability and monitoring practices to evolve as well, but these pillars remain the foundation for API understanding and management.

My final thought: Devs shy away from API management tools because we think we can handle issues ourselves. But if we're being honest, API issues have cost every senior and mid level dev a lot of money and terrible headaches.

I'd appreciate if you guys could recommend the best API monitoring tools in the comment
What Makes Golden Doodles Special
Published: 2024-07-10 21:31:17

[Golden Doodles Kissimmee](https://g.page/r/CSIjnm8znrUHEAE) are a cross between a Golden Retriever and a Poodle. This combination brings together the best traits of both breeds, resulting in a dog that is not only friendly and affectionate but also intelligent and easy to train. Here are some reasons why Golden Doodles are such a popular choice:
1. Hypoallergenic Coats: Golden Doodles often inherit the Poodle’s hypoallergenic coat, making them a great option for people with allergies. Their low-shedding fur means less mess and fewer allergens in your home.
2. Friendly Disposition: Known for their sociable nature, Golden Doodles are great with children, other pets, and strangers. They thrive on companionship and love being part of family activities.
3. Intelligence: Golden Doodles are highly intelligent, making them easy to train. They quickly pick up commands and tricks, and their eagerness to please makes them excellent candidates for therapy and assistance work.
4. Versatility: These dogs are versatile and adapt well to different living environments, whether it’s a city apartment or a suburban home with a yard. They enjoy physical activities like walks, hikes, and playtime but are also happy to relax indoors with their family.
Made a new logo for Place!
Published: 2024-07-10 21:33:10

Hopefully when Place 2 is finished, mobile support will be a LOT better, it's completely disabled right now.

Anyway, the new logo is available on the beta site, [here!](https://beta.placepixel.online/)

Have fun!

![new logo on mobile blocker page](https://cdn.logangamesdaily.nl/files/0eeb133950c62fd82dd00479e287bf2f/place.png)
Day 1 - JavaScript Essential Training
Tags: javascript, extensions, vscode, linkedinlearning
Published: 2024-07-10 21:46:44

Today, I want to share something that has significantly improved my coding workflow: useful extensions for VS Code and Cursor.

Here are two extensions that have made a big difference in my coding experience:

## 1. ESLint
**ESLint** is a tool for identifying and reporting on patterns found in JavaScript code. It helps ensure that your code adheres to a consistent style and catches potential errors early. Here's why I love using ESLint:

- **Error Prevention:** ESLint helps catch syntax and logical errors before they become a problem.
- **Code Consistency:** By enforcing coding standards, ESLint ensures that my code looks clean and follows best practices.
- **Customizable Rules:** You can tailor ESLint rules to match your project's requirements or personal preferences.
To get started with ESLint, you need to install the extension in VS Code and then set up a configuration file in your project. The configuration can be as simple or as detailed as you like, allowing you to focus on writing quality code.
![ESLint](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yem82nyfb01u2kh1uqfl.png)

## 2. Prettier - Code Formatter
**Prettier** is another must-have extension that helps keep your code neat and readable. It automatically formats your code according to a consistent style, saving you time and reducing the need for manual formatting. Here’s why I find Prettier indispensable:

- **Automatic Formatting:** Prettier formats your code every time you save, ensuring it looks clean and professional.
- **Consistency Across Projects:** By using Prettier, you can maintain a consistent coding style across different projects.
- **Easy to Configure:** Prettier integrates seamlessly with ESLint, allowing you to use both extensions together without conflicts.
To set up Prettier, simply install the extension in VS Code and add a configuration file to your project. You can customize the formatting rules or stick with the default settings.
![Prettier](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ti051yjv4cbm523w5rw.png)

## Conclusion
Using ESLint and Prettier has greatly enhanced my coding efficiency and code quality. These tools take care of the nitty-gritty details, allowing me to focus on writing great code and learning new concepts.

If you’re not already using these extensions, I highly recommend giving them a try. They’re easy to set up and can make a significant difference in your coding workflow.
30 things I wish I could go back and tell my junior engineer self👇
Tags: webdev, beginners, programming, tutorial
Published: 2024-07-10 22:03:48

- Consistency is more important than inconsistent hustling
- Anyone can learn software engineering, keep going
- Join a team where others are growing
- Take on challenging projects that will stretch you
- Freelancing is a business, you have to be good at coding and running a business

- Drive the screen while screen sharing
- Git is a lifesaver, “git” good at it
- Learn how to learn, it will help you grow quicker 
- Don’t be afraid to make mistakes, we all do it
- Develop a bias for action, just try things

- There are no stupid questions, ask more questions 
- Spend an extra 15-30 mins to understand the larger system when you work on a bug
- Clean coding design patterns really help reduce spaghetti code
- Read one or two books a year to help you grow more depth in your skills
- Take some basic design training, you’ll need it some day

- Build yourself a support system of 2-3 engineers, you’ll need it during hard times
- Find a mentor who really cares about you
- There’s always more work, don’t forget to take breaks and enjoy hobbies
- Imposter syndrome is a sign you are in a season of 🚀 growth
- Work hard and never say that’s not my job

- Develop interpersonal skills and learn how to work well with others on a team 
- We are problem solvers first, then coders
- Communication skills are huge, both written and verbal
- Being approachable, reliable, and kind go a long way to building connections and trust
- Learn about the business and customers, it will help you build better products

- Some company cultures are just toxic, it’s ok to leave
- Don’t be afraid to negotiate a salary, recruiters expect you too
- You only need 60% of skills for a job to apply, don’t hold yourself back
- Keep a brag doc for encouragement and resume building
- Your skills are worth a lot, research salaries and make sure you are paid well
[Game of Purpose] Day 53
Tags: gamedev
Published: 2024-07-10 22:14:17

Today I finally made the animation work. It turns out that I had to check the "Use Acceleration for Paths" checkbox on a Character Movement component. Reading its description I assume Animation Class assigns proper animation: Stand/Walk/Run depending on how much it accelerates.

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

Oh, and I constantly revert all the files, because I test stuff and make a mess and want to start again on a clean slate. However, it turned out that I didn't commit yesterday's changes and changes to Manny disappeared :/ Fortunately, I posted a screenshot of my Manny Blueprint under yesterday's post, so I was able to quickly recreate everything. Uff...

{% embed https://youtu.be/gmUaa9r2_Wc %}
Discover How to Fix Your Sleep for Better Health and Well-being
Published: 2024-07-10 22:38:40

Sleep is a crucial component of our overall health and well-being. Without quality rest, we can experience a range of negative effects, from impaired cognitive function to weakened immune systems. If you're struggling to get a good night's sleep, it might be time to take action and [fix your sleep](https://sleepingquickfix.com/). By addressing common sleep issues, you can improve your rest and enjoy the benefits of waking up refreshed and energized. For more tips and solutions, visit sleepingquickfix.

One of the most common sleep issues is difficulty falling asleep. This can be caused by a variety of factors, including stress, an irregular sleep schedule, and poor sleep hygiene. To fix your sleep, start by establishing a consistent bedtime routine. Going to bed and waking up at the same time every day, even on weekends, helps regulate your body's internal clock. Additionally, creating a calming pre-sleep ritual, such as reading a book or taking a warm bath, can signal to your body that it's time to wind down.

Another important aspect to consider when you want to fix your sleep is your sleep environment. Ensure that your bedroom is conducive to rest by keeping it cool, dark, and quiet. Invest in a comfortable mattress and pillows, and consider using blackout curtains or a white noise machine if external light and noise are issues. Decluttering your sleep space can also have a calming effect, making it easier for you to relax and fall asleep.

Diet and exercise play significant roles in your ability to fix your sleep. Avoid large meals, caffeine, and alcohol close to bedtime, as these can interfere with your ability to fall and stay asleep. Instead, opt for a light snack if you're hungry before bed. Regular physical activity can also promote better sleep, but try to finish exercising at least a few hours before bedtime to prevent it from affecting your sleep.

Mental health is closely linked to sleep quality. Anxiety, depression, and other mental health conditions can make it challenging to fix your sleep. Practicing relaxation techniques such as meditation, deep breathing exercises, or yoga can help calm your mind and prepare you for rest. If you're struggling with persistent sleep issues, it may be beneficial to seek support from a mental health professional who can provide additional strategies and interventions.

By taking these steps to fix your sleep, you can enhance your overall quality of life. Improved sleep leads to better mood, increased productivity, and a stronger immune system. Don't let sleep problems hold you back any longer. For more comprehensive advice and solutions, be sure to visit sleepingquickfix. Taking control of your sleep health is a powerful way to invest in your long-term well-being.
The discord bot works!
Published: 2024-07-10 22:39:15

This discord bot monitors your DEV.to account and lets people know when you’ve posted in your Discord server!


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

You can invite it [here!](https://discord.com/oauth2/authorize?client_id=1260712345106382880)

Use /setwatch <channel> <username> to update your server members when there’s a new post!
Foremost ที่ไม่ใช่ นม
Tags: security, forensic, datacarving, foremost
Published: 2024-07-10 22:39:24

ในการทำงานทางด้าน Computer Forensics นั้น มีเครื่องมือด้วยกันหลายตัว หนึ่งในนั้น คือ Foremost ซึ่งจัดได้ว่าเป็น tool ที่ ใช้ง่าย และใช้กันอย่างแพร่หลาย ดังนั้น จึงนำเครื่องมือตัวนี้มาแนะนำให้รู้จัก และ อธิบายถึงการใช้งาน เพื่อให้ได้รู้จักเครื่องมือที่มีประโยชน์ และ ยังไม่เสียค่าใช้จ่ายอีกด้วย

Foremost เป็นเครื่องมือตัวหนึ่งที่ใช้สำหรับงานทางด้าน Computer Forensics ถูกพัฒนาขึ้นโดยหน่วยงาน Air Force Office of Special Investigations และ The Center for Information Systems Security Studies and Research ของอเมริกา ในปัจจุบัน Foremost ได้ถูกเผยแพร่ให้บุคคลทั่วไปได้นำไปใช้งาน ถึงแม้ในขั้นต้น จะถูกพัฒนาขึ้น เพื่อให้ใช้สำหรับหน่วยงานบังคับใช้กฎหมายเป็นหลักก็ตาม แต่ด้วยประโยชน์หลากหลาย จึงถูกนำไปใช้ในด้านอื่นๆ ด้วย เช่น ใช้อ่านข้อมูลภายในไฟล์ที่ได้มาจากการทำ image เช่น โปรแกรม dd, Safeback, EnCase เป็นต้น หรือ ทำการ dump ข้อมูลจาก Memory หรือ Swap files แล้วแสดงข้อมูลที่อ่านได้

Foremost เป็นโปรแกรมที่ทำงานแบบ command line ถูกพัฒนาขึ้นเพื่อใช้บน แพลตฟอร์ม Linux หรือเราจะติดตั้ง Cygwin เพื่อให้สามารถใช้งานบน Windows ก็ได้ สำหรับ Foremost นั้น ถูกนำมาใช้ในการกู้ไฟล์คืนกลับมา โดยดูจากลักษณะ Headers, Footers และ โครงสร้างภายในของไฟล์ประเภทนั้นๆ (Internal data structures) ซึ่งเราอาจเรียกการกู้ข้อมูลในลักษณะนี้ได้ว่า เป็นการทำ Data Carving ประเภทหนึ่ง (เนื่องจากในการทำ Data Carving นั้นจะสามารถแบ่งออกได้หลายวิธีแล้วแต่รูปแบบ เช่น Header/Footer Carving, File structure based Carving เป็นต้น) การค้นหาข้อมูลลักษณะนี้ จะช่วยในการระบุไฟล์ที่ต้องการค้นหา และประกอบขึ้นมาใหม่ จากพื้นที่ที่มีปัญหา ของ File systems เช่น slack space หรือ ภายหลังจากทำการติดตั้งระบบปฏิบัติลงไปใหม่ไปแล้วก็ตาม ซึ่งการกู้ข้อมูลในลักษณะนี้มีเงื่อนไขว่า ไฟล์หรือข้อมูลที่ต้องการนี้ ยังไม่ถูกเขียนทับ สำหรับการระบุประเภทของไฟล์ที่ต้องการค้นหานั้น จะทำโดย matching header ของไฟล์ประเภทนั้นๆ ซึ่งลักษณะ header ของไฟล์ต่างๆ จะถูกจัดเก็บอยู่ใน ไฟล์ configuration ของ Foremost เอง
Day 988 : So Good
Tags: hiphop, code, coding, lifelongdev
Published: 2024-07-10 22:47:09

_liner notes_:
- Professional : Got up super early to sit in on a talk prep session. Then I went back to sleep. Woke up a couple of hours later and got to work. Responded to some community questions. Worked on the refactor of a project. Sat in another talk prep session. After that, I had another meeting. For the rest of the day I added some functionalities, removed some functionalities, and refactored some UI.

- Personal : Last night, I went through some tracks for the radio show. Looked into some technology for a feature of my application. Ended the night watching the season finale of "Demon Slayer". Sooooo goooood!

![A large waterfall cascades down a rock face, with the mist from the water obscuring part of the cliff face. Vines are visible on the left and right of the waterfall. The rock face is dark and rugged. Location: Madhabkunda Waterfall, Bangladesh.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b601jnwhresmx7incjxz.jpg)

So, I watched the Samsung event and the items I was looking forward to hearing more about checked my boxes. To make sure, I watched a couple of initial impressions from reviewers that actually held the devices. I placed a pre-order. I'll basically be eating beans for the rest of the year. haha To add insult to injury, I think I may also pick up the travel backpack since it was on sale and I got a coupon to get a free item and another discount applied. Going to go through tracks for the radio show. I want to see if I can spin up a proof of concept for the feature of my application and test it out.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube b-xY0hoRzgY %}
useFormState（useActionState）
Tags: webdev, react, nextjs
Published: 2024-07-11 12:19:01

I introduce "useFormState" which is new hook in React19. Now this hook is called "useActionState" as another name.
**Note**: The official React reference says that  "useFormState" will change to "useActionState". It is expected that useFormState will no longer be available in the near future.

## What is "useFormState"?
"useFormState" that allows the state to be updated based on the result of a function (form action). [Please refer to this article for information about form actions](https://dev.to/makoto0825/form-actions-in-react-19-3ghd).

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

## How to use it.

```react
  const [state, dispatch] = useFormState(putcart, null);
```
useFormState can be used like useState.

- The first element of the array is the state variable. The second element is a function for updating the state. At this time, the variable name needs to match the one specified in the Action attribute. 

- The first argument of useFormState is a function for performing updates. The second argument is the initial value of the state. In this case, null is passed as the initial value.

## Example

The following example shows that by using useFormState, the state is being updated with a function called putcart.

**FormComp.tsx**
```react
"use client";
import React from "react";
// import { useActionState } from "react";
import { useFormState } from "react-dom";
import { putcart } from "./functions";

const FormCop = () => {
  const [state, dispatch] = useFormState(putcart, null);
  return (
    <form
      className="bg-white w-1/3 text-center m-auto mt-20 p-5"
      action={dispatch}
    >
      <h1 className="font-bold">Shopping cart</h1>
      <input type="hidden" name="itemID" value={"1"} />
      <button className="bg-teal-400 w-3/4 p-2 text-white m-5" type="submit">
        ADD TO CART
      </button>
      {state && <p className="text-green-500">{state}</p>}
    </form>
  );
};

export default FormCop;
```

**functions.ts**

```react
"use server";
export const putcart = async (prev: string | null, formDate: FormData) => {
  await new Promise((resolve) => setTimeout(resolve, 1000));
  console.log("this comment is put debug console because in serverside");
  const itemID = formDate.get("itemID");
  if (itemID === "1") {
    return "you have added item to cart";
  }
  return prev;
};
```
When the button is clicked, putcart is called by useFormState. At this time, the information from the form is passed as an argument to putcart. In this case, since the input value is 1, the string "you have added item to cart" is returned, and the state is updated with this value. Then, due to the condition state &&, the text "you have added item to cart" is displayed on the screen.

**(Result)**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ivjb1w6yk1q40iju880o.gif)
The 7 Best Canned Ham of 2024
Published: 2024-07-11 03:09:24

  Is canned ham good for you?
Canned ham can be a convenient and long-lasting food option, but whether it is good for you depends on several factors, including its nutritional content, ingredients, and how it fits into your overall diet. Here are some points to consider:
Nutritional Content
Protein: Canned ham is a good source of protein, which is essential for muscle repair and growth.
Fat: It often contains a significant amount of fat, including saturated fat, which can be concerning if consumed in large amounts.
Sodium: One of the major drawbacks of canned ham is its high sodium content. High sodium intake is linked to increased blood pressure and a higher risk of heart disease.
Preservatives: Canned ham usually contains preservatives like sodium nitrite, which have been associated with certain health risks when consumed in large quantities.
* [What are the best Amazon shopping?](https://www.theprimrose.net/)
Ingredients
Quality of Meat: The quality of the meat used in canned ham can vary. Some products may include fillers, while others use higher-quality cuts.
Additives: Many canned hams contain added sugars, artificial flavors, and other additives that may not be ideal for a healthy diet.
Overall Diet
Balanced Diet: If consumed occasionally as part of a balanced diet rich in fruits, vegetables, whole grains, and lean proteins, canned ham can be a reasonable choice.
Moderation: Due to its high sodium and fat content, it is best to consume canned ham in moderation.
Health Considerations
Heart Health: Individuals with hypertension or heart disease should be particularly cautious about the sodium content.
Weight Management: The calorie and fat content should be considered if you are trying to manage your weight.
Alternatives
Fresh Ham: Fresh or minimally processed ham can be a healthier alternative, offering similar protein benefits without as many preservatives and potentially lower sodium.
Other Protein Sources: Lean meats, poultry, fish, beans, and legumes can provide healthier protein options with lower sodium and fat.
In summary, while canned ham can be part of a healthy diet if consumed occasionally and in moderation, it is important to be mindful of its high sodium and fat content and to consider alternative protein sources for a more balanced diet.
•	[What are the benefits of taking evening primrose oil?](https://www.theprimrose.net/home/buying-guides/evening-primrose-oil)
Building My First Static Website
Tags: beginners, staticwebapps, webdev
Published: 2024-07-10 22:59:04




Intro:


I first became aware of a company website as important strategic tool when I took a marketing course, for big corporations like construction firms. One of the ideas that struck me with inspiration was over-comming my fear to build a static website, an actual one this time - for Toucsan:-). The initially very scary prospect of really turned into something where I learned so much in the months following doing it, that after all is said and done my taste for web development was greatly heightened.


The Process:


The process started with ideation - researching everything about Toucsan, their industry and customer base. Afterwards, I began exploring the technical and necessary technologies in order to make my vision reality. The mockup design was an essential step during which I could layout the structure and visual styles before being on the coding phase.



The real test of its capabilities came with the actual build. Inspired by the "step-by-step tutorials" that make VLC app-making seem like a piece of cake, I still decided to give it another shot. I losttrack of how many times I got frustrated styling, structuring and integrating features. But as I cleared each hurdle, my confidence and ablilities expanded.

One of the biggest challenges was ensuring the website was mobile-friendly. Implementing responsive design using media queries was a whole new skill set I had to develop. But seeing the site adapt seamlessly to different screen sizes was incredibly rewarding.

Reflections:
While the final product may not have been perfect, I'm proud of what I accomplished. This first static website build was an invaluable learning experience. I now have a deeper understanding of web development fundamentals, from front-end architecture to user experience design.

Most importantly, this project has inspired me to keep building. The sense of accomplishment I felt upon completing Toucsan's website has fueled my passion for coding. I'm excited to take on more projects and continue honing my skills as a web developer.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bdm7mt6m26rvthwzlxic.png)

Conclusion:
Building my first static website for Toucsan Construction was a formative experience that has left a lasting impact. What began as an ambitious goal became an empowering journey of learning, problem-solving, and personal growth. I'm grateful for the lessons learned and the motivation to keep evolving as a web developer.
Semantic Router - Steer LLMs
Tags: nlp, openai, rag, python
Published: 2024-07-10 23:15:43

I wanted to share a project I've been working on called SemRoute, and I would love to get your feedback. SemRoute is a semantic router that uses vector embeddings to route queries based on their semantic meaning. It's designed to be flexible and easy to use, without the need for training classifiers or using large language models.

Here's a brief overview:
- Supports multiple embedding models (OpenAI, MistralAI)
- Support custom embedding models
- Offers dynamic and static thresholding
- Allows different scoring methods (individual averaging, centroid)

You can check it out on GitHub: https://github.com/HansalShah007/semroute. I'd really appreciate any feedback or suggestions from this community on how to improve it or use cases you think it might be suited for.
Thanks!