teleren/devto huggingface dataset:
Easy Beauty Components for React
Tags: react, frontend, javascript, jsx
Published: 2023-03-09 06:48:20

## **This React _component library_ contains components you can use for your simple/large projects to write your code more _clean and readable_.**

#### This Package has also typescript supported

> [Click to go the package](https://www.npmjs.com/package/easy-beauty-components---react?activeTab=readme)

> [Click to see other packages](https://www.npmjs.com/settings/wahed_emon/packages)

#### _Documentation for how to use it in your projects:_

step-1: first write/paste this to your terminal to install this package (
```
- npm i easy-beauty-components---react
or
- yarn add easy-beauty-components---react
or
- https://cdn.jsdelivr.net/npm/easy-beauty-components---react/dist/index.min.js
```

step-2: 
```
import { For, Show } from "easy-beauty-components---react";
```

`How to use For component`

```
import { useEffect, useState } from "react";
function App() {
  const [list, setList] = useState([]);

   useEffect(() => {
      setList([
        { name: "John", age: 20 },
        { name: "Jane", age: 21 },
        { name: "Jack", age: 22 },
      ]);
  }, []);

return (
   <For of={list}>
        {
          ({ item, index }) => {
            return (
              <li key={index}>
                {item?.name} is {item?.age} years old
              </li>
            )
          }
        }
      </For>
)
}
```
`How to use Show component`

```
import { useEffect, useState } from "react";
function App() {
  const [show, setShow] = useState(false);

  return (
    <div>
      <button onClick={() => setShow(!show)}>Toggle</button>
      <Show when={show}>
        <h1>Hello World</h1>
      </Show>
    </div>
  );
}
```
_

## Also you can _**FallBack prop**_ to show loading or something else when the condition is false in Show Component
_

`with Fallback Props-`

```
import { useEffect, useState } from "react";
function App() {
  const [show, setShow] = useState(false);

  return (
    <div>
      <button onClick={() => setShow(!show)}>Toggle</button>
      <Show when={show} Fallback={<>Loading...</>}>
        <h1>Hello World</h1>
      </Show>
    </div>
  );
}
```

## Required Props

For Component->
of: Array*

Show Component->
when: Boolean*
FallBack: JSX.Element
Python Comprehensions
Tags: python
Published: 2023-03-09 06:44:52

#### List comprehension
``` Python
# [0, 1, 2, 3, 4]
listt = [x for x in range(5)]
```

#### Dictionary comprehension
``` Python
# {0: 0, 1: 1, 2: 2, 3: 3, 4: 4}
dictt = {x:x for x in range(5)}
```

#### Set comprehension
``` Python
# {0, 1, 2, 3, 4}
sett = {x for x in range(5)}
```

#### Generator comprehension
``` Python
# generator object
generator = (x for x in range(5))
```
Rihanna Website Redesign
Tags: uiweekly, website, redesign, webdev
Published: 2023-03-09 06:40:52

Attention all Rihanna fans! We come to you today with a presentation on a redesign of the Rihanna website and we think you’ll love the results.⁣⁣

We’ve incorporated a slick new design featuring improved navigation features and easier access to content. Allowing you to interact with her music and other projects in a truly revolutionary way.

Explore an immersive experience like never before! Experience Albums, music, News, Tours and so much more.

[View Now](https://www.behance.net/gallery/165555221/Rihanna-Website-Redesign)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/crg3441n5phqnxgatpje.jpg)
Zerando HackerRank ( 10 )
Published: 2023-03-09 06:25:49

Nesse desafio devemos resolver um problema que envolve a pontuação de basquete da Maria.
Neste problema podemos ver que a Maria joga uma séria de jogos de basquete computados por ela de uma forma a cada temporada.
Na função que devemos criar vamos receber uma lista de números que representam as pontuações em cada um dos jogos jogados por ela.
O nosso papel vai ser manter uma contagem de quantas vezes ela fez a melhor pontuação e quantas vezes ela fez a menor pontuação.
Maria computa seus resultados da seguinte maneira:

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

Podemos observar neste exemplo que o primeiro caso não teve nenhum recorde de tempo pois os 3 valores das competição foram iguais dae o resultado foi 0, 0.
Já no segundo exemplo podemos ver que ela fez 24 pontos, ou seja ela fez um novo recorde, por isso na coluna Max é pontuado um ponto.
No terceiro jogo, ela quebrou um recorde de menor pontuação, por isso na coluna Min é pontuado um ponto.

Para resolver esse problema vamos aditar a função "breakingRecords".
Para isso vamos usar 3 logicas:
Primeira é pegar o primeiro valor da lista desta forma:


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

O segundo é criar duas arrays que serão trabalhadas já incluindo o valor do primeiro item desta forma:

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

E a terceira são duas condicionais, a primeira é que ao haver um número maior que o primeiro item ele adiciona o mesmo a array de "highScores e a segunda é o mesmo caso envolvendo valores a baixo adicionando a array "lowScores" desta forma:

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

A função completa deve ficar mais ou menos assim:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a7zuwmhts3w03h5kq8tx.png)
Running towards success
Tags: webdev, productivity
Published: 2023-03-09 06:16:21



Most of us are running. Running towards success.

When you open Twitter, almost everyone is running.

Some have finished the race and are just eating while cheering the ones still on the race.

Others have decided to go extra laps even after finishing the race.

But are you on the right track? There are so many races in the stadium of life. 

Some are going Eliud Kipchoge's way of Marathons while some are going Usain Bolt's way. 

Which race are you running? Ever stopped to ask yourself which track you are on?

This morning I woke up and I just wanted to start running. I stopped on my bed and asked myself the race I'm running.

I looked at my vision board. It kept me grounded. 

I don't want a billion-dollar company. I don't want to live in Dubai. I have my wants but not that.

I'm hoping my vision board and my reflection will keep me grounded. I hope to run my race. Signing off with a quote by Dan Koe, "Every time I bite off more than I can chew, I'm reminded of one thing: All I want is to wake up, spill meaningful ideas onto a blank page, go on a long walk, eat well, and see how much my body can handle under some steel plates. That's it."
OPERATORS
Tags: beginners, programming, cpp
Published: 2023-03-09 06:06:27

Har bir dasturlash tilida operatorlar boladi.Cpp dan ham ozini operatorlari bor.Bularga + - / va * kiradi.bularni qanday ishlani man hozir misoda korsatsataman.

```
#include <iostream>
using namespace std;
int main () {
int a = 9 * 9;
cout <<a;
return 0;
}

```
Endi esa bu misolni javobi 81 boladi mana shunday qilib operatorlar ishlaydi.
Data types.
Tags: cpp, beginners, programming
Published: 2023-03-09 06:01:57

C++ da data types - ma'lumot turlari degan ma'noni anglatadi.
Bularni ichiga int string, float , double va shunga oxshashlar kiradi.int bu butun son uchun ishlatilinadi, string matn uchun ishlatilinadi, float bu kasr uchun va double esa 16 bytdan tashkil topgan bolib float dan 2 barovar katta.
C++ int. int kalit so'zi butun sonlarni ko'rsatish uchun ishlatiladi. ...
C++ float va double. float va double suzuvchi nuqtali raqamlarni  saqlash uchun ishlatiladi. ...
C++ belgisi. Belgilar uchun char kalit so'zi ishlatiladi. ...
C++ char. ...
C++ VARAIBALS
Published: 2023-03-09 05:44:32

Xosh C++ da varaibals - ozgaruvchi degan ma'noni naglatadi.
Dasturlashda biz ozgaruvchi deganda bosh qiymatni toldirsak
boladigan narsaga oxshaydi, masalan.

```
#include <iostream>
using namespace std;
int main() {
a = 100; //bu ozgaruvchi.
cout <<a;
return 0;
}
```
Shunada bi kodda 100 soni chiqadi chunki a qiymatni ichida 100 soni turibdi.
C++ (cin va <iomanip> kutubxonasi)
Tags: beginners, programming, cpp
Published: 2023-03-09 05:40:08

C++ da cin buyuruq bu qib olishdakedey boladi masalan

```
#include <iostream>
using namespace std;
int main() {
int a = 10;
cin >> a;
return 0;
```
shunaday qilib cin yordamida biz ozgaruvchini oqib olishimiz mumkin.
Endi <iomanip> kutubxonasiga otsak bu kutubxonada biz 
setpresivion() setfill() va setw() buyuqlaridan foydalanaolamiz.
Xosh setprecosion () bu biz berilgan ozgaruvchigacha bolgan sonni chiqaraolamiz.
Setw() bu space tashash biz ozgaruvchi yaratib olsak va tagidan cout << setw() <<A;
deb qilsan "A" ozgaruvchidagi harf yoki soni bitta joy tashaydi.
Setfill () bu setw() dan tashagan joyni orniga son belgi, yoki harf qoyolamiz.
С++
Tags: beginners, programming, cpp
Published: 2023-03-09 05:32:30

C++ da chop etish cout yordamida boladi, (cout) buyruguni chiqarish uchun biz <iostream> bibliotekasini chaqirib olishimiz kerak.
Dev C++ da cout
C++ tilidagi cout obyekti ostream sinfining obyektidir. Bu standart C chiqish oqimi bilan bog'liq stdout . Cout ob'ekti ios_base::Init tipidagi ob'ektni birinchi marta qurish paytida yoki undan oldin ishga tushirilishi ta'minlanadi.

```
#include <iostream>
using namespace std;
int main () {
string a = "hello world";
cout <<a;
return 0;}
```
System
Published: 2023-03-09 05:20:16

Я эмоциональный человек.

Эмоции не всегда приводят к лучшим решениям. Если полностью поддаваться им и просто следовать потоку событий, то, через пару лет я страдал бы от депрессии.
Кроме того, неэффективно расходуется время и ресурсы, когда полагаюсь исключительно на эмоции. 

Лично мне помогает решить эту проблему систематизация: система управления финансами, система привычек, питания, временем, а также системы критериев выбора и так далее.

Для начала разберемся, как устроена система.

Она принимает данные, делает с ними что-то (надеюсь) полезное и возвращает обработанный результат. При этом ее работу можно настраивать.

Например, кофемашина. На вход поступают зерна кофе и вода. На выходе - кофе и кофейная гуща. Внутри есть взаимосвязанные элементы, которые всё это готовят. А регулятором служит степень мелкости помола и крепости кофе. 

Шик! Выпьем кофе и двинемся дальше.

Идеальная система редко строится с первого раза. Нам нужно как-то понимать, где она требует улучшений, а где и так отлично справляется с задачей. Всё линейно.

"Если вы не можете измерить это, вы не можете управлять им" - Питер Друкер.

Для контролируемых улучшений нужно иметь показатели. Систему проще покрыть нужными метриками, чем набор хаотичных действий. 

Допустим, я построил систему и покрыл её показателями. В чём прикол?

Построив систему один раз, мы исключаем эмоциональные решения, потому что сама система говорит нам, что и как делать. Всё происходит намного быстрее и исключает много рисков. Гениально!

Мы привыкли думать, что системы - это про сложные процессы, схемы и проекты. Однако системный подход можно и нужно использовать повсеместно, чтобы эффективнее распределять свои ресурсы: создавать новое и избегать рутинной работы.

Подумай, на что ты тратишь много времени и эмоций. Можно ли это систематизировать?

Дай знать, что думаешь по этому поводу 👇
Retesting vs Regression Testing : When We Do Retesting in Software Development?(With Example)
Tags: webdev, beginners, programming, tutorial
Published: 2023-03-09 05:01:51

In this video of Retesting vs Regression Testing, We are going to learn about the What is the main difference between two retesting and regression. 

{% embed https://youtu.be/PcDARwhFqb4 %}

What is Retesting?

In the retesting in software testing, It basically means testing a bug that has been fixed.
Most of the Time Tester finds a bug in the Application(Web or mobile), It logs it in the JIRA and Assign it to Dev, after dev fixes it, Dev assign back to Tester to verification.
Now Tester verify the bug, This is known the
Retesting.

Benefits of retesting
1. Test the cases that are failed only
2. Fast execution.
3. Only have to perform the important or failed cases

When, ReTesting is Done?
I
n retesting those test cases are included which were failed earlier.
Retesting ensures that the issue has been fixed and is working as expected.
Retesting is done by replicating the same scenario with same data in new build.
It is a planned testing with proper steps of verification
In some cases the entire module is required to be re-tested to ensure the quality of the module.

Example of Retesting
- Suppose Save button is not working
- Dev fixed it
- Now Tester have to Check the Functionality again. 
This is Retesting


I have added retesting testing example and please note that 
Defect verification is the part of re-testing
Re-testing is a planned testing
Retesting is done only for failed test cases
Re-testing makes sure that the original fault has been corrected

Retesting vs Regression

Retesting : 
To confirm the test cases that failed in the final execution are passing after the defects are fixed.
Retest are not automated.
Only bug fixes related test-cases are checked.

Regression : 
To confirm whether a recent program or code change has not adversely affected existing features.
Check the bug fixes.
Regression can be automated.
Nearly all the testcases are checked in Regression.
New code changes should not have any side effects to existing functionalities

retesting definition

🚀 Tools and services I recommend:
Some of the courses that I recommend to become better Automation Tester 🙌🙌

✅Selenium Training and Certification -
https://scrolltest.com/go/edureka


✅Learn Jenkins for QA -
https://bit.ly/learnjenkins-p1


✅Programming Java -
https://bit.ly/learnjava2020-p1


✅Test Automation - 
https://bit.ly/learnautomation2020


✅API Testing - 
https://www.learnapitesting.com


✅Cypress Tutorial with LIVE Projects -
http://cypresstutorial.com
Godot 4.0 Is Out Now
Tags: godot, gamedev, devjournal, beginners
Published: 2023-03-09 04:56:43

The new version includes significant upgrades to the engine’s scripting, networking, audio, UI design toolsets, and other features.

{% embed https://www.youtube.com/embed/chXAjMQrcZk %}

The open-source game engine’s latest major version, Godot 4.0, has been made available by the Godot team. The much-awaited 4.0 upgrade includes significant improvements to the engine’s scripting, networking, audio, and UI design toolkits. It also improves the Godot Editor’s user experience while extending platform compatibility.

A new Vulkan rendering backend, real-time global illumination solutions, a volumetric fog system, and improvements to the simulation and character animation toolsets are notable additions for artists and developers.

A new rendering backend for desktop and mobile devices based on the free and open-source Vulkan graphics API is available in Godot 4.0. Godot 4.0 offers a noticeable visual upgrade over its predecessor thanks to the addition of Vulkan and is ready to keep up with current game development.

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

SDFGI and VoxelGI, two real-time global illumination technologies that greatly improve lighting quality, are also included in the new version of the engine.

Although SDFGI is the slower of the two GI systems, it should run smoothly on most desktop GPUs. In contrast, VoxelGI is quicker but necessitates more setup, making it perfect for small- to medium-sized situations. The engine’s ability to render shadows has also been considerably improved. Godot now enables lightmap baking for mobile games, which can be done on both the GPU and CPU.

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

Together with these new environment effects, Godot 4.0 also adds a volumetric fog system and unique sky shaders to the game engine. Also, the engine now features a new animation library structure that makes it simpler to reuse animations between projects. The mixing mechanism and animation retargeting system have also been improved.

In addition, the updated Godot Physics engine replaces the open-source Bullet physics framework that was previously used in the latest version of the engine. A number of features, including soft bodies, clothing, and heightmap-based collision with terrain, are supported by the new engine.

For those who are not familiar with the programme, Godot is an open-source game engine that offers a competitive advantage over Unity and other for-profit game engines for desktop, console, and mobile games in both 2D and 3D.

If you’ve never used it before, we strongly advise you to check out the **[Playlist](https://youtube.com/playlist?list=PLhqJJNjsQ7KEcm-iYJ2a8UCRN62bTneKa) by GDQuest** to get started in the field of gaming, which offers a variety of instructive video tutorials, that will aid in your understanding of the engine.

Don’t forget to follow us on Instagram, as well as join our Dev.to feeds for more informative content related to game/app development.
Functions（4）
Tags: opengauss
Published: 2023-03-09 04:56:05

**Functions Related to Type Conversion**
**·** to_char(timestamp, text)

Description: Converts the values of the timestamp type into the strings in the specified format.

Return type: text

Example:

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

**·** to_char(interval, text)

Description: Converts the values of the time interval type into the strings in the specified format.

Return type: text

Example:

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

**·** to_char(int, text)

Description: Converts the values of the integer type into the strings in the specified format.

Return type: text

Example:

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

**·** to_char(double precision/real, text)

Description: Converts the values of the floating point type into the strings in the specified format.

Return type: text

Example:

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

**·** to_char(numeric, text)

Description: Converts the values of the numeric type into the strings in the specified format.

Return type: text

Example:

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

**·** to_date(text, text)

Description: Converts the values of the string type into the dates in the specified format.

Return type: timestamp without time zone

Example:

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

**·** to_number(text, text)

Description: Converts the values of the string type into the numbers in the specified format.

Return type: numeric

Example:

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

**·** to_timestamp(text, text)

Description: Converts values of the string type into the timestamp of the specified type.

Return type: timestamp

Example:

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

**·** to_timestamp(double precision)

Description: Converts a UNIX century into a timestamp.

Return type: timestamp with time zone

Example:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lhxhnz7wdk6hab22ra0u.png)
🐍 Python en palabras sencillas para principiantes 🧑‍💻
Tags: python, beginners, spanish, tutorial
Published: 2023-03-09 04:51:19

Python es un lenguaje de programación considerado uno de los mejores y más queridos por la comunidad de programadores, esto gracias a su facilidad en su escritura, esto hace que para algunos programadores sea divertido y gratificante programar con este.

Este es un lenguaje de programación [interpretado](https://www.freecodecamp.org/espanol/news/lenguajes-compilados-vs-interpretados/) y su filosofía da prioridad a una sintaxis simple y fácil de entender, este lenguaje es multiparadigma, lo que quiere decir que podemos programar con diferentes [paradigmas](https://profile.es/blog/que-son-los-paradigmas-de-programacion/) o modelos de resolución de un problema preestablecidos que se pueden adaptar a diferentes casos de uso en un programa.

Además, si decides dedicar tiempo a aprender este lenguaje, no vas a estar solo, ya que tiene una gran comunidad que lo respalda y está ahí para ayudarte cuando tengas dudas en tu ruta de aprendizaje, además de contar con una muy buena documentación.

De hecho, este lenguaje tiene un ZEN [léelo](https://pybaq.co/blog/el-zen-de-python-explicado/).

¿Quieres introducirte en este lenguaje? Te dejo algunos recursos que podrán ayudarte:

- [El libro de Python](https://ellibrodepython.com/)
- [Hablemos de Python](https://hablemospython.dev/cursosylibros.html)
- [Ruta de aprendizaje](https://roadmap.sh/python)
- [Comunidad: Python en Español (Discord)](https://discord.com/invite/35E3Ph7Fez)
HOW TO CREATE SWAGGER ENABLED ODATA APIS USING RADZEN
Tags: odata, radzen, api
Published: 2023-03-09 04:45:42

In this video, I show you how to create swagger enabled odata APIS using RADZEN.

{% embed https://www.youtube.com/watch?v=NdF8DuVKqRA %}

Source code for this video can be cloned from https://github.com/benjaminsqlserver/NotableAthletesODataAPI