teleren/devto huggingface dataset:
Trading simplificado: Bybit lanza una Cuenta de Trading Unificada que transforma la experiencia de trading de los inversores
Tags: trading
Published: 2023-02-27 17:18:34

La UTA de Bybit es una actualización "todo en uno" optimizada para que los traders puedan hacer trading sin problemas. Proporciona a todos los clientes una cuenta de margen unificada, lo que facilita a los inversores la diversificación de sus trades y la instrumentación de su estrategia de trading.

Gracias a la posibilidad de hacer trading con distintos instrumentos (Spot, Futuros, Perpetuos y Opciones) desde una sola cuenta, los traders pueden cambiar rápidamente de estrategia sin tener que transferir activos manualmente de una cuenta a otra. También ofrece una visión clara de los requisitos de riesgo y margen.

Además, la UTA de Bybit es una opción atractiva para los traders gracias a características como el margen compartido, que permite a los traders compensar pérdidas con ganancias sin cerrar trades. UTA admite más de 60 tipos de activos para hacer trading con márgenes cruzados y los beneficios no realizados pueden utilizarse para abrir nuevas posiciones. La posibilidad de utilizar garantías cruzadas para apalancamiento y préstamos dentro de UTA ofrece una flexibilidad y una eficiencia de capital sin precedentes.

La UTA también permite hacer trading con cinco productos: Spot trading, Trading con margen, USDT perpetuo, USDC perpetuo y USDC opciones, y otros más a futuro. Para los traders profesionales e institucionales, la opción Open API se ha actualizado a Open API v5 para mejorar la precisión y la conexión simultánea.

"Implantar una UTA en Bybit se asemeja a tener la clave maestra de su universo de trading personal. Hacer trading y mantener contratos en todo el espacio de activos digitales en un mercado que nunca duerme no siempre es humanamente posible. Entendemos que, para los traders, gestionar varias cuentas y márgenes puede llevar mucho tiempo y resultar molesto", afirma Ben Zhou, cofundador y consejero delegado de Bybit.

"Por eso hemos creado nuestra cuenta de trading unificada, para agilizar el proceso y permitir a los traders actualizar todas las tenencias en una sola cuenta y optimizar su P/L flotante. La UTA, combinada con la plataforma de trading ultrarrápida de Bybit y su gran liquidez, es una poderosa herramienta para cualquier trader que busque optimizar su estrategia."

"Este es el final del juego para el sistema de cuentas de Bybit", dijo Hao Yang, responsable de opciones de Bybit, destacando su ventaja en la gestión de riesgos. "Por ejemplo, si eres un trader spot que compró BTC, puedes comprar la opción correspondiente para cubrir tu riesgo".

https://www.enlineanoticias.mx
https://www.tiemponoticias.mx
https://www.realidadmexico.mx
Real Digital: What to expect from the Central Bank's new digital currency?
Tags: ethereum, tecnology, crypto, discuss
Published: 2023-02-27 17:06:47


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f9tnbld0jw69zke9f32k.jpeg)
Hey guys! Are you aware of Real Digital, the new digital currency that the Central Bank of Brazil will launch? The idea is that it has a #blockchain system based on Ethereum, with Smart Contracts and everything. This will allow the currency to be used in smart contracts, which will make everyone's life a lot easier.

But there is one detail: the Central Bank wants to have a very large control over the currency, which can be a problem for those who are used to the decentralization of cryptocurrencies. For example, Ethereum has an open and decentralized network to validate transactions, but in Real Digital, this will be done by agents authorized by the Bank, including financial institutions approved by the organization.

The objective of the Central Bank is to have a Digital Payment System, linked to the already existing SPB, but focused on the Central Bank Digital Currency (CBDC). With this, the financial assets transacted within the blockchain will be tokenized in order to allow their movement through the closed network.

With the implementation of Real Digital, a greater approximation of the DeFi market and Smart Contracts is expected, allowing direct transfers of funds to citizens without the need for bank intermediaries. Furthermore, the pilot project should be launched later this year, allowing the Central Bank to refine the system before its official launch.

To meet these needs, Real Digital will need to be integrated with digital payment systems and tokenization of financial assets. It will also be necessary to develop a secure and scalable platform for carrying out large-scale transactions.

However, the benefits of implementing Real Digital are many. In addition to allowing faster and safer transactions, the new Central Bank digital currency will be able to integrate the DeFi (decentralized financial) market and allow the creation of new financial and commercial applications based on smart contracts.

That's it guys! Real Digital is coming and promises to be a revolution in the Brazilian financial market.
How to generate and add your banner to a Spring-Boot Application
Tags: tutorial, springboot, java
Published: 2023-02-27 17:04:12

I came here to bring a simple tutorial on how to add a banner to your Spring-Boot application!

Are you tired of seeing the same Spring banner all the time? So it's time to add yours in 2 simple steps.

1. Go to [https://springhow.com/spring-boot-banner-generator/](https://springhow.com/spring-boot-banner-generator/) to generate your banner. This will give you a banner.txt file. Then you can add your links

2. Put it into the resources folder


![Folder structure to add the banner: src/main/resources/](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2w0iuohjtz450w94h8qr.png)

It's done:

![Your own banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j7big3ye9vz25uldquy8.png)

Use it whenever you share your code so that more people will get to know your work!

There will be many more tutorials like this one!

See you soon :)
Thoughts as a web dev newbie after a month and a half
Tags: webdev, beginners, javascript, programming
Published: 2023-02-27 16:48:57

1- What is confusing about platforms?

The parts of each platform/framework that I failed to really grasp was firstly the syntax conversion. Learning some of the individual syntax of each framework was a hassle and the resources available for learning are not particularly digestible for newcomers. The second part was how each platform fit it's niche and why there were so many conventions for the same task of web development.

2- How could web components and VanillaJS standards be taught in a way that is more approachable?

Breaking it down bit by bit and explaining the reasoning behind each part of the process of making a full web page using JS/Web components would be ideal. A platform that does a good job of this would be W3 schools, as they also provide the ability for newcomers to return to their website as an information hub for all basic syntax and logic related needs.

3- What did you find easiest to work with on 1st stab? (You don't have to say web components, this is an honest take, if it was Vue cool, but justify it)

None of them were easy to work with, but the least complex was Vuejs simply because there were not as many syntax changes as compared to vanilla JS. I like web components, but each little node required to get everything working left me and some others a bit lost in terms of how to accomplish each specific thing.

4- Think back on the tooling. What parts were confusing? What clicked with you immediately?

The confusing parts included implementing concepts like css variable states, importing other tools like meme maker, the shadowroot and working around it, and the building process (npm, all the selection options when making a new project, why the vercel build was not loading and it's errors), and finally the individual rendering and assignment methods (render(), properties, reflect, constructor(), export, 

The understandable parts included HTML and CSS and they don't differ much from vanilla on each platform, as well as Vanilla JS although it took a lot more time than the latter two. Where to include things in the file architecture was also self explanatory after the first few times (where to put html css)

5- What additional readings did you have to do in order to make sense of things.

When doing the remediations to fit our individual card requirements, I found myself going to youtube videos (class videos mostly, along with others that explain specific functionalities of a method for example). In terms of readings, it was hard to derive anything exactly from stack overflow but occasionally other forums like Mozilla developer web docs did a good job explaining confusing concepts.
Speeding up Python debugger 80x
Tags: python, programming
Published: 2023-02-27 16:46:19

Python debugger is a great tool which can save a lot of development time. Unfortunately it is extremely slow which makes a lot of people reluctant to use for bigger projects.

I decided to add some serious optimisations to it and got some amazing results which is about 80x speed up. Now execution and startup time is the same as without using debugger.

This feature is available for my project https://github.com/reloadware/reloadium
Also for the PyCharm plugin
https://plugins.jetbrains.com/plugin/18509-reloadium--hot-reloading--profiling-for-python

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6azzdwww33s2jzzih8qn.gif)

This comes with a limitation though:

- Only functions that have breakpoints in them will be debugged (by default python debugger traces everything even standard library)

This feature should still be very useful when we only want to investigate couple of functions.

Other reloadium features like hot reloading will also work in fast debug mode.
TypeScript
Tags: typescript
Published: 2023-02-27 16:32:15

Hi Everyone I am getting error while converting the javascript file to typecript.
"Property 'value' doest not exists on type never."
Can you guys please help me out.

Thanks in advance.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7710sm4ctls1by1fawp.png)
How to solve Vercel and Netlify "Page Not Found" after page refresh [SOLVED]
Tags: webdev, netlify, vercel, react
Published: 2023-02-27 16:25:12

Worst Worst Worst. What?

You obviously deployed your React App in vercel or netlify right? If you are using `react-router` then you must face the shitty **Page Not Found** page.

Netlify not found page
![devvsakib article](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/42ev1pm7nvhs1u8a28ns.png)

Why this page shows us when we don't like it? Huh, there are a simple reason for this. When you use a React Router in your application and navigate to another page and reload your site, it give as "Page Not Found". Even, your 404 page doesn't work. Am I right? Let me know in the comment below.

## How to solve this?
To fix this error whenever you are either trying to access your app or you're on other routes, you have to set up a redirect and rewrite rules for your react-router application. The redirect rule will help your application avoid "Page Not Found". 

I will show you both in vercel and netlify. 1 shot 2 Kill.

## For NETLIFY
Add a `_redirects` file in your public folder. In my case, I'm using react + vite. I added `_redirects` file in the public folder.

![devvsakib](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/62l1j88s4v64r2qbq7x5.png)

now copy paste this code to `_redirects` file.
`/* /index.html 200`

Boom, done.

## For VERCEL
Create a file named `vercel.json` in the root folder of your project.

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

now again copy paste.
```json
{
    "rewrites": [
        {
            "source": "/(.*)",
            "destination": "/"
        }
    ]
}
```

Boom, done x2


### result?

My 404 page working😵
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3xrzzbmmf1uz5yisej3f.png)

after navigating to another page and refresh, my website working
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/saq8682f0xyh9g21q08j.png)


Hey, we manage to throw vercel and netlify "**Page Not Found**", show some support🤗
How to implement a cache manager with the singleton pattern using Python
Tags: python, designpatterns
Published: 2023-02-27 16:24:17

### Introduction
In this article we will build a cache manager that stores frequently used data in memory using the Singleton pattern where the Singleton instance can ensure that the data is accessed efficiently and that memory usage is optimized.

### UML Diagram of the Cache Manager
![UML Diagram of the Cache Manager](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5plo9e3gw643y66otqzv.png)

### Code Implementation
The cache manager is very simple approach, we need to save data with predefined key and then use this key to retrieve this data and this approach could be achieved through the set and get methods as shown below, we will also use the singleton pattern that require a static method and private constructor, so we could get only one instance from the class every time we call it


```python
class CacheManager(object):

    _instance = None
    _cache_store = []

    def __init__(self):
        raise RuntimeError("Call get_instance() instead")

    @classmethod
    def get_instance(cls):
        if cls._instance is None:
            cls._instance = cls.__new__(cls)
        return cls._instance

    def set(self, key, value):
        self._cache_store.append((key, value))

    def get(self, key):
        value = None
        for item in self._cache_store:
            if key in item:
                value = item[1]
        return value
```

This is just a simple example of cache manager, where it has two methods for setting and getting cache values.

### Testing the Cache Manager
We could test the cache manager as follows:
```python
cache1 = CacheManager.get_instance()
cache1.set("name", "Mustafa")

cache2 = CacheManager.get_instance()
cache2.set("role", "backend engineer")

print(cache2.get("name")) # note we use cache2 to get the name
print(cache2.get("role"))
```

And here is the result:
```shell
Mustafa
backend engineer
```
As you can see, even creating multiple instances from the cache manager, but we still access only one instance.

### Conclusion
This cache manager could be useful in any Python application, where it caches data in memory and optimize the application performance.

### References
- [Head First Design Patterns: A Brain-Friendly Guide](https://www.amazon.com/Head-First-Design-Patterns-Brain-Friendly/dp/0596007124)
- [Singleton Pattern – Design Patterns (ep 6) by Christopher Okhravi](https://www.youtube.com/watch?v=hUE_j6q0LTQ)
- I used [draw.io](https://www.draw.io/) for drawing the UML diagram
When to use OR and Nullish coalescing Operator.
Published: 2023-02-27 16:23:03

In javascript both logic operator **OR** `||` and **Nullish coalescing** `??` are used to provide fallback values when the variable or expression is nullish or falsy.

However they have few differences which we will explore bellow:

## OR Operator `||`

The OR operator uses the right value if left is **falsy.**
This means that if the left value of the logical OR operator is truthy but not nullish, the right value will not be evaluated.
A **falsy** value is something which evaluates to ***FALSE***, for instance when checking a variable. You can check all the falsy values [here](https://developer.mozilla.org/en-US/docs/Glossary/Falsy).

## Nullish coalescing Operator `??`
    
This operator `??`uses the right value if left is only `null` or `undefined` . nullish coalescing operator provides the fallback value only on null and undefined.

The **OR operator** performs type conversion of the left value to a bolean value instead of **nullish coalescing operator** check if the value is a nullish (`null` or `undefined`).

This means that if the left value of the  OR  is a non-Boolean value, it will be converted to a Boolean value before the operator is applied.

For Example:
```js
let value = "";
let orSolution = value || "default value";
let nullishSolution =  value ?? "default value"

console.log(orSolution) // defaut value
console.log(nullishSolution) // ""
```
In this example value is an empty string and empty string is a falsy `value`, `||` provides the fallback value `"default value"` However, `??` only considers `null` `undefined` as nullish, so it returns the value of `value` variable which is an empty string.

Example:

```js
const add = (value)=>{
	let nullishValue = value ?? 1;
	return 70 + nullishValue;
}

const addNumber = (value)=>{
	let orValue = value || 1;
return 70 + orValue 
}

//nullish coalescing
console.log(add(0)) // 70
console.log(add(10)) // 80
console.log(add(null)) // 71
console.log(add(undefined)) // 71
console.log(add()) // 71

// OR
console.log(addNumber(0)) // 71
console.log(addNumber(10)) // 80
console.log(addNumber(null)) // 71
console.log(addNumber(undefined)) // 71
console.log(aaddNumberdd()) // 71
```
## Conclusion

The logical OR operator (**`||`**) and the nullish coalescing operator (**`??`**) are both used to provide fallback values in JavaScript, but they have some differences in their behavior. 

The choice of operator depends on the specific use case and the desired behavior.

I hope you guys found this article useful, and I hope I was able to show you the difference between `||` and `??`.
CockroachDB's Online Schema Changes make modifying foreign keys safe and terror-free!
Tags: database, sql, programming, cloud
Published: 2023-02-27 16:02:28


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

In the background, CockroachDB will create a new version of your data, to ensure that existing queries can still be serviced.

This means you can make scary-looking changes without fear of downtime or customer impact 💪
Next 基礎 Part 01 -- プロジェクト作成
Tags: nextjs, japanese
Published: 2023-02-27 15:48:09


## プロジェクト作成

https://mo-gu-mo-gu.com/create-next-app-typescript/

モグモグさんの記事を参考にする

前提条件はバックエンドのアプリより断然楽なので省略。

```typescript
npx create-next-app person-web --typescript
```

person-api に合わせて person-web の名前で作成
TS を使うのは自明。

CLI で構成の詳細を聞かれる。

1. src ディレクトリの使用 -> YES
2. app ディレクトリの使用 -> NO

app は古いイメージなので使わない

```php
Success! Created person-web at /Users/kaede0902/source/person-web
```

これで Next App が作成される


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

中身は意外とシンプルに出来上がる。

基本的に src/pages しかない。

---

## プロジェクト起動

```php
 npm run dev

> person-web@0.1.0 dev
> next dev

warn  - Port 3000 is in use, trying 3001 instead.
ready - started server on 0.0.0.0:3001, url: http://localhost:3001
```

使っているポートは切り替えてくれる。

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

とても格好いい LP が立ち上がる。

---

## src/pages/index.tsx を変更する

```ts
import Head from 'next/head'
import styles from '@/styles/Home.module.css'

export default function Home() {
  return (
    <>
      <Head>
        <title>Person Web</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <main className={styles.main}>
        <h1>test</h1>
      </main>
    </>
  )
}
```

最低限のレベルからスタートする。


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

ここに　API から読み込んだ値をリストで描画します。
What are you goals for the week of Feb 27 - March 4?
Tags: discuss, motivation, productivity, career
Published: 2023-02-27 15:36:47

What are your goals for this week?
 
- What are you building? 
- What will be a good result by week's end?
- Are you attending any events this week?
- Did you meet your goals last week?

I'll start.

**Last Week's Goals**

- [:x:] Update Portfolio.
- [:white_check_mark:] Continue Job Search. attend job fair, sent many DMs, and applied to a couple positions.
- [:x:] Continue new project.
- [:x:] Blog.
- [:white_check_mark:]Encourage and help members in our Virtual Coffee's February Challenge, Getting job ready.
- [:white_check_mark:] Attend Job Fair. Online job was busy but I made many connections and have a few leads.
- Got some house stuff done. repaired the dishwasher.


**This Week's Goals**

- Update Portfolio.
- Continue Job Search.
- Continue new project.
- Blog.
- Follow up on a course's progress. Waiting for it to drop.

**This Month's Goals**
- Gain more followers here. I would like to have more followers on DEV than I had on the bird site. 


You've read my goals so I'll throw that question back to you.

What are your goals for the week?

```
-$JarvisScript git push
```
What is tailwind css
Tags: tailwindcss, webdev, beginners, tutorial
Published: 2023-02-27 15:35:13

Tailwind CSS is a utility-first CSS framework that provides pre-defined CSS classes to style HTML elements. It offers a set of low-level utility classes like margin, padding, typography, color, etc. that can be combined to create custom styles for your website or application.

Unlike traditional CSS frameworks, Tailwind doesn’t come with pre-designed components or layout structures. Instead, it provides a flexible and highly customizable set of CSS utilities that allow you to create unique designs that fit your specific needs.

With Tailwind, you can build responsive and scalable designs without having to write custom CSS code. It also offers comprehensive documentation that makes it easy to learn and use. Tailwind CSS has gained popularity in recent years among web developers who value its flexibility, ease of use, and efficiency.
What is Chakra ui?
Tags: webdev, chakra, beginners, javascript
Published: 2023-02-27 15:34:10

Chakra UI is a popular open-source user interface (UI) component library for React, a JavaScript library for building user interfaces. It provides a set of customizable and accessible UI components, including buttons, forms, menus, modals, and more, that developers can use to build beautiful and responsive web applications.

One of the key features of Chakra UI is its focus on accessibility. All of its components are designed to be accessible to users with disabilities, such as screen readers, keyboard navigation, and color contrast. Chakra UI also provides helpful documentation and examples to help developers integrate these accessible features into their applications.

Chakra UI is highly customizable, with support for theming and styling through CSS-in-JS libraries like Emotion and Styled Components. It also supports internationalization (i18n), making it easy to build applications that support multiple languages.

Chakra UI has gained popularity in the React community due to its ease of use, accessibility focus, and comprehensive documentation. It is used by many companies and developers to build fast and responsive web applications.