teleren/devto huggingface dataset:
#LearnedToday: DreamBeard
Tags: learnedtoday, webdev, programming, dreambeard
Published: 2023-07-26 10:26:44

Here we are to put the spotlight on another colleague of mine: Federico Muzzo! 

He recommends a new **innovative** programming language designed exclusively to maximize the **developer experience**! We anticipate that it will replace JavaScript and all other widely used languages in no time! 😎 Its name is [DreamBerd](https://github.com/TodePond/DreamBerd)

I summarize here some cool **features**:

- 3 space indentation to end all indentation wars
- time-expiring variables to never leak your implementation
- be really sure something is equal with ==== operator
- use your own currency in €{template strings}
- it’s **AI**-native (there’s no compiler, just have ChatGPT pretend to be one!)

Will you dare to try it in your next project? 😬
I developed StratusGFX - a free and open source realtime 3D rendering engine
Tags: showdev, opensource, gamedev, programming
Published: 2023-07-26 10:01:56

For a while I have been developing this 3D rendering engine in my spare time. It started as a purely educational project but grew as the project progressed. This year there has been a lot of momentum which allowed me to do a public beta release (v0.9) a few months ago. This week I launched the next public beta release: v0.10!

The project is free and open sourced under the MPL-2.0 license. It runs on older hardware (GTX 10 series) and anything more recent as well.

## Use Cases

1) People using the source code for learning purposes

2) People using it as a rendering starting point if they want to build their own game engine or integrate it into a visualization/modeling tool

## Sample Images

![San Miguel 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/np9aly8jtn66fv0mgi4c.png)

![San Miguel 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ac6m8dl4egdd6y371wb.png)

(3D Model: San Miguel)

![Sponza](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/elj86ol2jiy5hzfpn4dq.png)

(3D Model: Sponza)

![Junk Shop](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zawbs0avl2m330xsjie8.png)

(3D Model: Junk Shop)

## Features

#### Graphics

* Physically based metallic-roughness pipeline
* Realtime global illumination
* Spatiotemporal image denoising
* Raymarched volumetric lighting and shadowing
* Cascaded shadow mapping
* Deferred lighting
* Mesh Level-Of-Detaul (LOD) generation and selection
* GPU Frustum Culling
* Screen Space Ambient Occlusion (SSAO)
* Tonemapping
* Fog
* Bloom
* Fast Approximate Anti-Aliasing (FXAA)
* Temporal Anti-Aliasing (TAA)

#### Engine

* Pool allocators
* GPU memory allocators/managers
* Multi threaded utilities
* Concurrent hash map
* Entity-Component System (ECS)
* Logging

## Links

[GitHub Repo](https://github.com/KTStephano/StratusGFX)

[Video Tech Demo](https://www.youtube.com/watch?v=dj0wVxwd1ng)

Thanks!
บันทึกการปรับ Performance ให้ระบบ Code Name: Peppermint #1 Upgrade Server Spec
Tags: devjournal, database, performance
Published: 2023-07-26 09:58:42

---
title: บันทึกการปรับ Performance ให้ระบบ Code Name: Peppermint #1 Upgrade Server Spec
published: true
description: 
tags: #devjournal #database #performance
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-07-24 10:17 +0000
---

เกี่ยวกับ Project Code Name: **Peppermint**
- โปรเจครัน production มาได้ประมาณ 5 ปี
- เริ่มจากที่คิดกันว่าจะเป็น product เล็กๆ คงมี User ใช้งานไม่เท่าไหร่
- ทีมเริ่มต้นมี 4 คน ใช้เวลาประมาณ 6 เดือน ปล่อย release แรก
- อีก 6 เดือนถัดมา เป็นการปรับแต่งตาม feedback ลูกค้า
- หลังจาก project เริ่มนิ่ง ทีมปรับเหลือคนมาดูแล แค่ 1 - 2 คน
- ด้วยความที่ต้องการเร่งให้ release เร็วที่สุด และประเมินแล้วว่ามี user ไม่น่าจะเยอะ ทางทีมเลยเลือกที่จะเขียนโดยไม่ได้คำนึงถึง performance ของระบบ เช่น การวนลูป Query Data
- ช่วงแรก ก็ทำงานได้เร็วปกติ
- แต่ช่วง 2 ปีหลัง เริ่มมีลูกค้าสนใจมาใช้งานเพ่ิมขึ้นต่อเนื่อง

##จนกระทั้งช่วงปีใหม่ ของปี 2023##
- ระบบเริ่มทำงานได้ช้ามาก เนื่องจากมี user เพิ่มขึ้น
- ทางทีมจึงทำการปรับ performance เบื้องต้น คือ optimize SQL บางคำสั่ง และทำ Index ให้กับ Table ที่ยังไม่ได้ทำไว้
- ผลลัพธ์ออกมาได้ผล คือ `ค่อนข้างพอไหว`
- แต่เนื่องจากยังมี product และ feature อื่นอยู่ในคิว ค่อนข้างเยอะ
- ทางทีมจึงตัดสินใจว่า ปล่อยไปก่อน น่าจะรับไหวได้อีกสักปี

##June 2023##
- ช่วงพีคของวัน ระบบอืดหนักมาก user บางคน ไม่สามารถทำรายการได้เลย
- ทางคนที่ช่วยดู server แจ้งว่า CPU average usage อยู่ที่ 95%++
- สรุปการแก้ไขเบื้องต้น คือ `Upgrade เครื่องโดยเพิ่ม CPU และ Ram เข้าไปก่อน`
- ผลการแก้ไข `ช่วยให้ CPU ลดลงมาอยู่ที่ประมาณ 45%`
- ทางทีมจึงเริ่มต้องลงมาปรับ performance อย่างจริงๆจัง เนื่องจากปริมาณ user ที่เพิ่มขึ้นต่อเนื่อง และมีตัวแทนมาเอา Product ไปขายแบบ white label

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fr7jn4yn15iq7neybyfd.jpg)
> จากรูปจะเห็นว่า CPU ลดลงมาอย่างชัดเจน
Welcome Thread - v235
Tags: welcome
Published: 2023-07-26 09:30:00

---
title: Welcome Thread - v235
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9gl6twd8r59cvwqlllw7.jpg
published_at: 2023-07-26 09:30
---

![Welcome on a sunset beach background](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rgn3ujntj161denm2mhp.gif)

---

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

3. If you are new to coding, want to help beginners in their programming journey, or just want another awesome place to connect with fellow developers, check out the [CodeNewbie Org](https://dev.to/codenewbieteam)!
React中编写样式的方式
Published: 2023-07-26 09:22:21

8种在React中编写样式的常见方式:

## 内联样式(Inline styles)

```jsx
<div style={{ color: 'red', fontSize: '14px' }}>Hello</div>
```

## CSS样式表(CSS stylesheets)

```css
/* styles.css */
.text {
  color: blue;
  font-size: 16px;
}
```

```jsx
import './styles.css';

<div className="text">Hello</div>
```

## CSS Modules

```css
/* Text.module.css */
.text {
  color: green;
  font-size: 18px;
}
```

```jsx 
import styles from './Text.module.css';

<div className={styles.text}>Hello</div>
```

## Sass/SCSS

```scss
/* styles.scss */
$color: purple;

.text {
  color: $color;
  font-size: 20px; 
}
```

## Styled Components

```jsx
import styled from 'styled-components';

const Text = styled.div`
  color: orange;
  font-size: 22px;
`;

<Text>Hello</Text> 
```

## Emotion

```jsx
/** @jsx jsx */
import { jsx, css } from '@emotion/react';

const textStyle = css`
  color: rebeccapurple;
  font-size: 24px;
`;

<div css={textStyle}>Hello</div>
```

## Tailwind CSS

```jsx
<div className="text-pink-500 text-xl">
  Hello 
</div>
```

## Radium

```jsx
import Radium from 'radium';

const styles = {
  text: {
    color: 'salmon',
    fontSize: '26px'
  }
};

<div style={styles.text}>Hello</div>
```
What is the best way to start your first AI project as a frontend developer?
Tags: ai, vercel, javascript
Published: 2023-07-26 09:15:51





Hey people, the following are some starting points for anyone interested in playing around with frontend AI

---

- How to create an AI project?
- What are AI projects for beginners with source code?

---

1. [Chat & Prompt Playground](https://sdk.vercel.ai/): a new chat and updated prompt engineering interface to the AI Playground so users can **simultaneously compare AI chat models side-by-side** and **generate Next.js**, Svelte, and Vue code (using the Vercel AI SDK).


2. [Next.js AI Chatbot Template](https://chat.vercel.ai/): a ready-to-deploy open source full-featured ChatGPT-like starter template built with Next.js, the Vercel AI SDK, OpenAI, and Vercel KV.

3. `npm i ai` - A a new [npm package library](https://sdk.vercel.ai/docs) to allow developers to easily build conversational and **agent AI-powered** web applications with React, Svelte, and Vue.js with native support for OpenAI, Anthropic, Hugging Face, and LangChain.

4. [Templates and examples for Vercel AI & community AI applications](https://vercel.com/templates/ai) - These are demos with links to open source code.



---

Godspeed

PS. Follow me on Twitter or LinkedIn and subscript to my **AI YouTube channel**
[https://twitter.com/dom_sipowicz](https://twitter.com/dom_sipowicz)
[https://www.linkedin.com/in/dominiksipowicz/](https://www.linkedin.com/in/dominiksipowicz/)
[https://www.youtube.com/@DominikSipowicz](https://www.youtube.com/@DominikSipowicz)
The Stages Of An Angular Architecture With Nx
Tags: angular, nx, architecture
Published: 2023-07-26 09:14:13

Long gone are the times when the frontend was just a dumb static website. Frontend apps have gotten increasingly complex since the rise of single-page application frameworks like Angular. It comes with the price of increased complexity and the ever-changing frontend landscape requires you to have an architecture that allows you to scale and adapt with ease.

I believe over-engineering is just as bad as under-engineering and we only want to choose the architecture that fits our current needs and scale up as needed.

This post will give you an approach to Angular architecture that can take you all the way from an app from scratch to a 100+ engineer monorepo project by taking you through the three stages of Angular architecture I see most projects go through from my experience as an Angular consultant and trainer.

You can read the post [here](https://christianlydemann.com/the-stages-of-an-angular-architecture-with-nx/).
Next.js Hangout Thread
Tags: nextjs, discuss, watercooler
Published: 2023-07-26 09:07:47

Hey, this is the 3rd weekly hangout thread.

This is a post where you can discuss anything related to Next.js.

You can also share anything new you've worked on with Next.js or any new articles you've created which talk about Next.js.

Feel free to ask any questions as well!
Exploring the Boundaries of Generative AI: Limitations and the Unreachable Human Essence
Tags: generativeai, python, machinelearning, chatgpt
Published: 2023-07-26 08:53:06

Generative AI, like GPT-3.5, can accomplish impressive tasks, but it also has its limitations. Here are some things that generative AI cannot do:



**1. Understanding context and nuance perfectly:** While generative AI can generate coherent text, it may not fully understand the context or nuances of the information it generates. It lacks genuine comprehension and relies on patterns in the data it was trained on rather than deep understanding.



**2. True consciousness and self-awareness:** Generative AI is a machine learning model that lacks consciousness and self-awareness. It does not have thoughts, feelings, or awareness of its own existence.



**3. Real emotions and empathy:** Although AI can be designed to recognize emotions in humans and respond appropriately, it doesn't genuinely experience emotions or empathy itself.



**4. Critical thinking and creativity:** Generative AI can mimic creativity by combining existing patterns in novel ways, but it does not possess genuine creative thinking or problem-solving abilities.



**5. Free will and decision-making:** AI generates responses based on probabilities and patterns but lacks free will or the ability to make autonomous decisions.



**6. Understanding moral and ethical implications:** AI does not have moral reasoning or a deep understanding of ethics. It generates responses based on patterns learned from data without considering moral implications.



**7. Physical actions:** Generative AI is purely a software-based model and cannot perform physical actions in the real world.



**8. Sense of time or temporal understanding:** AI doesn't have an innate sense of time or the ability to understand events in a temporal context beyond what it has learned from the data.



**9. Perceiving the world directly:** Generative AI operates solely on the input data it receives and does not have sensory organs to perceive the world.



**10. Acquiring new knowledge outside of its training data:** AI models like GPT-3.5 can't learn beyond what they were trained on. They don't have access to new information or experiences outside of their initial dataset.



**11. Complete translation between languages:** While AI can be used for translation tasks, it may not be perfect in all cases, especially when dealing with context-specific phrases or slang.



Generative AI, while astonishingly adept at producing coherent text and mimicking human-like responses, inherently lacks the essence of true understanding, consciousness, and creativity that define the depth of human intellect and emotions. It remains a remarkable tool for assisting us in various tasks, but it cannot replicate the profound complexities and subjective experiences that make us uniquely human. You need to understand its strengths and weaknesses.

 `#DevelopersLab101 #GenerativeAI`
Ubuntu 22.04 üzerinde belirli bir Helm sürümü kurulumu
Tags: helm, kubernetes
Published: 2023-07-26 08:52:31

Helm, temel olarak Kubernetes üzerinde uygulamaları yönetmek için kullanılan uygulamadır. Kullanım açısından yetkisini "**kubeconfig**" üzerinden almaktadır.

Kurulumu için Ubuntu'da varsayılanda gelen snap paket yöneticisi ile kurulumu mümkün olduğu gibi, istenilen sürümde kurulumu için tar paketinden  kurulumunu göstereceğim.

# Helm için sürüm belirleme 

Öncelikle istediğiniz sürümü Github üzerinde seçim yapabilirsiniz:

* https://github.com/helm/helm/releases

Örneğin yazının yazıldığı tarihte güncel kararlı sürüm olarak v3.12.2, v3.11.3, v3.10.3, v3.9.4 ve v3.8.2 bulunmaktadır.

Sonrasında istediğiniz sürüme göre wget komutu ile "tar.gz" dosyasını indirebilirsiniz:

```bash
wget https://get.helm.sh/helm-v3.8.2-linux-amd64.tar.gz
```

# TAR dosyasından Helm kurulumu

İndirilen tar.gz dosyası aşağıdaki komut ile açılır

```bash
tar xvf helm-*-linux-amd64.tar.gz
```

Tar.gz içerisinden çıkan helm binary dosyası ekteki gibidir.

```bash
sudo mv linux-amd64/helm /usr/local/bin
```

Bu adım sonrasında helm komutu direkt olarak kullanılabilir olacaktır. Versiyonu kontrol etmek için aşağıdaki komut çalıştırılabilir:

```bash
helm version
```

Bu komutun çıktısı aşağıdaki gibi olmaktadır:

```
version.BuildInfo{Version:"v3.8.2", GitCommit:"6e3701edea09e5d55a8ca2aae03a68917630e91b", GitTreeState:"clean", GoVersion:"go1.17.5"}
```

# Helm sürümünün güncellenmesi

Güncelleme yapılmak istendiğinde yeni binary tar dosyası indirilip, /usr/local/bin altına taşımak yeterli olacaktır. Dolayısıyla yukarıdaki adımları yapmak yeterlidir.
6 Laravel Features That Will Blow Your Mind
Tags: laravel, softwareengineering, node, beginners
Published: 2023-07-26 08:51:03


Laravel Eloquent, the feature-rich ORM (Object Relational Model) of Laravel, holds a treasure trove of powerful functionalities that often go unnoticed in the official documentation. In this article, we embark on a journey to explore these hidden gems and learn how they can elevate your Laravel application development.

1. **Expressive Where Syntax**:
The Expressive Where Syntax offers a more expressive way to retrieve specific records. Instead of the standard $product = Product::where('category', 2)->get();, you can achieve the same query with greater clarity: $product = Product::whereCategory(2)->get();.

2. **Returning Relations on Model Save**:
When saving a model, Laravel Eloquent typically returns only the saved model itself. However, with a simple technique, you can also return its related model during the save process.

3. **Specifying Attributes in find() Method**:
Finding a model by its primary key can be further optimized by specifying the attributes you want to select, resulting in more efficient queries.

4. **Increment and Decrement Model Attributes:**
Laravel Eloquent simplifies incrementing or decrementing model attributes with the increment() and decrement() methods, streamlining tasks like updating view counts.

5. **Checking If Models Are the Same:**
The is() method provides a convenient way to determine if two models have the same ID and belong to the same database table.

6. **Clone A Model:**
Replicate or clone a model effortlessly with the replicate() method, creating a copy of the model into a new, non-existing element.

**Conclusion **

Laravel Eloquent proves to be a powerful tool in the realm of[ Laravel app development](https://cubettech.com/services/laravel-development-service/). By exploring its hidden gems, we have unlocked a world of efficiency, expressiveness, and seamless data manipulation. Embracing these features enables developers to optimize performance, elevate user experiences, and deliver exceptional applications. As we continue to harness the full potential of Laravel Eloquent, let us embrace innovation and excellence in our development journey. Together, we can shape a future of remarkable Laravel app development, where possibilities are limitless, and code becomes art. Happy coding
Boost Your Online Presence with Expert Seasonal SEO Strategies
Tags: websiteseasonalseo, seo, websiteseasonalkeywordtrends
Published: 2023-07-26 08:39:18

Are you ready to unlock the true potential of your website and drive unprecedented traffic and sales throughout the year? Look no further! Introducing our cutting-edge seasonal SEO optimization services, designed to elevate your online presence and boost your business like never before.

At Serpple, we understand that staying relevant and visible in the digital landscape requires a strategic approach. With our website seasonal SEO services, you can harness the power of seasonal trends and capitalize on peak periods to maximize your online success.

Why is website seasonal SEO essential, you ask? Picture this: during festive seasons, holiday getaways, or special events, millions of potential customers are searching for products and services just like yours. By optimizing your website and pages for seasonal keywords, you ensure that your business appears at the top of search engine results, precisely when customers are actively seeking what you offer.

Our seasoned team of SEO experts possesses a deep understanding of seasonal search patterns. We conduct extensive keyword research and analysis to identify the most impactful seasonal keywords for your niche. By strategically incorporating these keywords into your website's content, metadata, and landing pages, we ensure that your website remains a relevant and authoritative source in the eyes of search engines.

Not only do we optimize your website for seasonal keywords, but we also fine-tune your overall SEO strategy. Our experts address technical aspects, such as site speed, mobile responsiveness, and user experience, ensuring your website ranks high in search results across all devices.

With our website seasonal SEO services, you'll experience a significant increase in organic traffic and enjoy higher conversion rates. Don't miss out on the opportunity to attract eager customers during prime seasons; let us help you shine bright when it matters most.

But that's not all! We believe in transparency and measurable results. Our detailed performance reports provide you with valuable insights into your website's seasonal SEO success. You'll have a clear view of your website's progress and the tangible impact our services deliver.

Don't let your website fade into the background during crucial seasons. Embrace the power of [website seasonal SEO](https://www.serpple.com/blog/optimizing-websites-pages-for-seasonal-keywords/?cmp=referral-marketing&src=dev&mdm=seasonal-keywords) optimization and take your business to new heights. Partner with Serpple today and witness your online visibility and revenue skyrocket like never before! Visit our blog on optimizing websites for seasonal keywords for more information.
Testing at the Core: Shedding Light on Digital Transformation with Maaret
Tags: webdev, digitaltransformation, testing, digitalworkplace
Published: 2023-07-26 08:32:54

Testing assumes a crucial role in the fast-paced world of digital transformation, where new technologies constantly emerge and consumer expectations rise to new heights. It serves as a beacon, meticulously assessing software, systems, and applications to make sure they satisfy the constantly shifting requirements of the digital age.

LambdaTest had the pleasure of interacting with Maaret at EuroStar 2023, a distinguished thought leader in the testing space with more than 530 speaking sessions. She gave intriguing perspectives on digital transformation, the significance of testing, and various aspects of the field.

Maaret challenges the notion that testing is often an afterthought process. She emphasizes the need for clear communication and alignment on terminologies within the industry.

*“Learning to ask for examples and figuring out what others mean by digital transformation or testing is crucial. We often talk past each other due to misconceptions or differing interpretations of terms. Aligning on definitions and terminology is essential to truly embrace testing as an integral part of digital transformation.”*

Moving forward, Maaret acknowledges the value of certain metrics like Release Times from the perspective of upper management and CXOs and its impact on customer experience.

*“How long does it take for us to make releases? By tracking this metric, we can have the right conversations about moving testing to where versatile discussions on quality can happen, rather than cramming it into the final stages of development.”*

The conversation takes an intriguing turn as Marat addresses the relationship between Site Reliability Engineering (SRE) and testing. When discussing the intersection of SRE and testing, Maaret suggests,

*“Production monitoring, observability, and the SRE space are areas where testers can explore and expand their skill set. Gaining insights into customers’ real-life experiences and understanding production environments enhances our ability to deliver quality products.”*

In closing, Maaret discusses the role of AI in testing and shares insights on successful public speaking and contributing to the testing community.

Don’t miss the opportunity to delve into this riveting conversation. Watch the video to hear the full interview.


{% youtube JYWUr3ENiFo %}