teleren/devto huggingface dataset:
Getting Started with the React Mention Component
Tags: react, webdev
Published: 2022-11-21 10:49:10

Learn how to create and configure the Syncfusion React Mention component using the create-react-app command. This video also explains how to configure a few of the control’s basic features like data binding, showing multiple lists, and templates. 

_Product overview:_ https://www.syncfusion.com/react-components/react-mention

_Download an example from GitHub_: https://github.com/SyncfusionExamples/getting-started-with-the-react-mention-component

_Refer to the following documentation_: https://ej2.syncfusion.com/react/documentation/mention/getting-started/

_Check out this online example_: https://ej2.syncfusion.com/react/demos/#/bootstrap5/mention/default

{% youtube n_AIrumqQsw %}
Remote Kubernetes jobs: How many are there? What do the trends suggest?
Tags: kubernetes, career, devops, docker
Published: 2022-11-21 10:45:56

We at [Kube Careers](https://kube.careers) took our job listing data for Q3 2022 (July to September) and analysed it to derive a few patterns.

Before you read further, know that:
- At Kube Careers, we only include job listings with a clear salary range, and which have Kubernetes as a requirement and not a nice to have/plus.
- Our dataset is small, with **86** job listings from July to September 2022.

Here are some of the interesting things we found.

For Q3 2022, only 7% of the jobs mentioned a Remote only working nature. Of the others, Europe had the most Kubernetes jobs at 40%, APAC (Asia Pacific) at 33%, and North America at 16%.

![jobs_by_region](https://user-images.githubusercontent.com/72087695/197392516-1e2a112d-ee32-46ea-857c-9c5a6f1fa2b9.png)

### What about remote jobs? What's the current scenario like?

*It's complicated, and how!*

Remote work mentions stand at *34%* of the total jobs published this quarter. This metric is down by almost *half* when compared to the Q3 2021 quarter.

![remoteworkmentions_comparo](https://user-images.githubusercontent.com/72087695/198157946-828be852-8d73-4d5a-bf09-fa7e63aacee5.png)

It also must be noted that **there exist different tiers of remote work.**

There are remote-only jobs that allow employees to work from anywhere in the world without needing to visit any of the company offices. Then there are remote-hybrid jobs that require the employee to be present in the same country/state as the company office and occasional office visits.

This quarter, a total of **23** job descriptions mentioned a *remote-hybrid* working setup, while only **6** job descriptions asked for a *remote-only* setup.

![remotevsoffice](https://user-images.githubusercontent.com/72087695/198157785-750ada90-7c82-448a-9d58-9d337c78794c.png)

### Has the scenario changed over the quarters?

**It has.**

If we normalise and then compare the numbers for Q3 of 2021 vs 2022, we find interesting things.

![remotevsoffice_comparo](https://user-images.githubusercontent.com/72087695/198800920-2a777b6a-e581-4967-bb98-86c479e96643.png)

What is apparent is the fall of remote work and the rise of office-only jobs between the two quarters.

What is the reason for the fall? There could be numerous reasons contributing to the tilt. Still, one of the reasons could be the lifting of the COVID restrictions and the industry inviting its employees to the offices (at least partially).

Like what you read?


Click [here](https://kube.careers/kubernetes-trend-report-2022-q3) if you'd like to read our detailed job trends report for Q3 2022, which includes salary ranges, popular technologies and skills listed in job descriptions, and much more.
Anchor Tag Click to mail, what's app, Download from google drive
Tags: anchor, link
Published: 2022-11-21 10:33:39

What's App link:
<a href="http://wa.me/01681234567" target="_blank" rel="noopener noreferrer">Click My What App</a>

```
<a href="http://wa.me/01681234567" target="_blank" rel="noopener noreferrer">Click My What App</a>
```
Phone Number add on website:
<a  href="tel:+88016123456789">+88016123456789</a>
```
<a  href="tel:+88016123456789">+88016123456789</a>
```

Gmail link:
<a href="mailto:faisal@gmail.com">Click My Mail</a>

```
<a href="mailto:faisal@gmail.com">Click My Mail</a>
```


Google Drive download link:
<a href="https://drive.google.com/uc?export=download&id=1UCq439skdDlagvhn97_HtCehHB2skDck">Download Resume</a>


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

```
<a href="https://drive.google.com/uc?export=download&id=1UCq439skdDlagvhn97_HtCehHB2skDck">Download Resume</a>
```
what to do when you can't typedef 'any' .. ?
Tags: typescript, any, tslint
Published: 2022-11-21 10:18:41

It's best practices to not let your code with no type : 

`let address;`
`let name;`

this code above doesn't say much about how the `address ` will be presented ! 

will it be one line:-

```
"address": "22 Rue du Grenier Saint-Lazare\n75003 Paris\nFrance"
```
or

series of structured attributes : 

```
{
  "address": {
    "street": "22 Rue du Grenier Saint-Lazare",
    "postalCode": "75003",
    "city": "Paris",
    "countryCode": "FRA",
    "country": "France",
    "text": "22 Rue du Grenier Saint-Lazare\n75003 Paris\nFrance"
  }
}
```

that's why it is important to add type to your code , but on other hand 'any' is a type too ?? 

_is it ok ?_

No!.. as 'any' type on typescript is not doing us any favor it also doesn't provide much knowledge about the structure that we sending to a function ... unit test ... API call .. etc.

so to prevent this happening, I add a tslint rule on the project file _tslint.json_:
`
"no-any": [true, {"ignore-rest-args": true}],
`

this rule alarm developer to 'any' type used it is very cool ..

> <u>Note</u>
> If "ignore-rest-args": true is provided rest arguments will be ignored.
> this rule will effect the all file , so if you touched an old file while adding this lint rule you need to add types to all variables with 'any' type



**Passes**
```
let foo: object;
```

**Fails**

```
let foo: any;
```
for more details : {% embed https://palantir.github.io/tslint/rules/no-any/ %} 


I came cross challenging situations when a function takes an attribute , but due to 'any' type or no-type at all the attribute was once _string_ the other call _number_  !! it is confusing 

so what to do Now !!

I found that we can use **'union type'**  it is like you can add both types to a single variable 

```
value: string | number;
```

that's do the trick ! and you can add as much type as you want using '|' pipe sign. 

I am not sure if it is a good practice , but don't over use it :D 


Hope it was useful.
Flip Clocker - my first project built with Swift
Tags: productivity, news, showdev
Published: 2022-11-21 10:09:29

I am very excited to announce that our team has launched a new free project - Flip Clocker! A smart digital clock available on Mac, iOS, and iPad! It can turn your phone and pad into a flip clock and display time in a fun way. 

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

It offers multiple themes and backgrounds to display time and date. You can use it as a simple screensaver to decorate your workspace or use it as a productive tool to make yourself focused. 

**Here is a quick summary of Flip Clocker:**
- 12 and 24-hour modes.
- Smart alarm clock, can automatically adjust the volume.
- Support multiple clock themes.
- Allows you to add sound or music to the flip clock.
 - Animation backgrounds are also available. 
- The Pomodoro Technique helps you focus on work and study
- Show time seconds in the Today widget.
- Providing home screen clock widget display with seconds, for iOS14 or above.
- Hourly chime, hourly voice timekeeping.
- Support downloading a variety of desktop screensavers. 

**What can Flip Clocker do for you?**
- Turns your iPhone or iPad into a digital flip clock.
- Helps you get a new funny screensaver for your devices. 
- Helps to create a better workspace or studying room.
- Reminds and displays the time. Makes you focus on your current tasks. 

Flip Clocker Official Website: http://flipclocker.com/ 
App Store Page: https://apps.apple.com/us/app/flipclocker-simple-flipclock/id6443838087 

Please feel free to check it out, and welcome to give any feedback.
Bad Coding Habits Every Developer should Avoid
Tags: javascript, cleancode, webdev, tutorial
Published: 2022-11-21 09:57:09



## **Code refactoring one of the most important thing we have to know it as a developers **


Here is some tips and tricks you can make it while coding:

**1-Poor Names:**

avoid meaningless, ambiguous, mysterious names. Try to make it simple and meaningful

**2-Naming conventions:**

Try to find the most used naming convention and if you use it completely with it in the whole project.

naming conventions like Pascal Case, camel Case, etc...

**3-Poor Methods Signatures:**

take a look at the method parameters, name and return try to make it meaningful and related to what the method does

**4-Long Parameter List:**

A lot of parameters are hard to understand and hard to use. Try to make the parameters three or less than three,this will help you to make your code cleaner

**5-Variable Declarations On The Top:**

You can declare variables close to their usage it will be much better and help anyone to understand your code quickly

**6-Nested Conditionals:**

If You have nested conditions, try to simplify them. Use a ternary operator to combine them or swap orders if it's available.

**7-Duplicate Code:**

Always follow the rule DRY

DON'T REPEAT YOURSELF

Don't repeat your code instead you can move the code to one place

**8-Comments:**

If your code already explains itself in this case you don't need to make comments try to make it when you need to explain why and how

**9-Long Methods:**

it's hard to use, hard to change, and hard to understand. Read more about the single responsibility principle it will help you to make methods short and related to one thing. And always remember things that are related should be together and things that are not related should not be together



**conclusion:**
Make your code simple and easy to understand, This will help you and the others
CODERSPACE TEKNOLOJİ YETENEKLERİ KARİYER PLATFORMU
Tags: programming, career, bootcamp, developer
Published: 2022-11-21 09:54:58

Kariyer değişikliği sırasında düşündüğümüz, dikkat ettiğimiz birçok faktör olduğunu hepimiz biliyoruz. Aile, maaş, lokasyon, finans, şirkette kullanılan teknoloji dili, şirketin sunduğu imkanlar… Bu liste uzayıp gidiyor. İşte bu noktada [**Coderspace**](https://coderspace.io/), yazılım geliştiricilerin ve mühendislerin doğru işi bulmasını her zamankinden daha kolay hale getiriyor. **Peki ama nasıl?** 
 

## 01 - **[Kolayca üye ol](https://coderspace.io/kayitol)**

Platforma kaydol, yazılım dili, çalışmak istediğin ülke/şehir, maaş beklentisi gibi bilgilerini tamamla.

## 02 - Yazılım bilgini göster

Dilersen Github ve Linkedin hesaplarını entegre et, dilersen yazılım testlerine ve hackathonlara katıl.

## 03 - Teklifleri Değerlendir

Senin için en uygun şirketi ve pozisyonu bulmak bizim işimiz. En iyi iş tekliflerini değerlendir ve dilediğinle görüş.


## Coderspace Hangi Etkinlikleri Düzenliyor?

- Zirveler & Buluşmalar
- Hackathon
- Datathon
- Hiring Challenge
- Bootcamp
- Game Jam


## Bootcamp Eğitimleri

[**Bootcamp**](https://coderspace.io/etkinlikler/bootcamp/), yaklaşık 4 hafta süren belirli bir alanda yoğun eğitimin olduğu yazılım, siber güvenlik & veri bilimi kariyerine başlamak isteyen adaylar ve şirketleri bir araya getiren yeni nesil eğitim programıdır.

Yazılımcılar, veri bilimciler, siber güvenlik uzmanları, DevOps, QA ve sistem uzmanları Coderspace’in düzenlediği Bootcamp’lere katılabilirler.

Bootcamp programlarında HTML , JavaScript , Python , PHP, Java, React, C# ve Ruby gibi bugün sektörde yaygın olarak kullanılan bilgisayar programlama dilleri hakkında bilgiler verilir. 

Sonuç olarak Bootcamp eğitimini başarıyla tamamlayan, iyi değerlendiren katılımcılar işe yerleşme şansı yakalarken, kendilerini ilgili alanda geliştirme fırsatı da elde ederler.


## Coderspace Bootcamp Süreci Nasıl İlerliyor?

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

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

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

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

## Coderspace Etkinliklerini Nereden Takip Edebilirsin?

Tabii ki Coderspace sosyal medya hesaplarından. :) Aşağıdaki linklere tıklayarak Coderspace sosyal medya hesaplarına erişebilirsin. 

[**Instagram**](https://www.instagram.com/coderspaceio/)
[**Linkedin**](https://www.linkedin.com/company/34971993/admin/)
[**Twitter**](https://twitter.com/coderspace_io)
[**Discord**](https://discord.gg/AW9Fw3yRU6)
Version Control System
Tags: github, git, programming, beginners
Published: 2022-11-21 09:20:20

## What is version control?
Version Control or Source Control (known as VCS) helps you track and manage the software code. As teams get bigger and bigger, development happens faster and faster and so we need a reliable way to track the changes and maintain different versions of our software, that’s where Git and Version control come into the picture.

## Why Version Control:
**1) History of Changes:**
Complete long-term change history of every file is saved in git. This means every change made by many individuals over the years. Changes include the creation and deletion of files as well as edits to their contents. Different VCS tools differ in how well they handle the renaming and moving of files. This history should also include the author, date, and written notes on the purpose of each change (commit messages). So, reverting to older code at any given time would be possible.

**2) Branching & Merging:**
different people working on different parts of the software is very common, which leads us to the problem of not being able to merge it together leading to unimaginable complexities. For example, let's take Git is not available, and so we would have to make a zip file and send it to all our teammates for any code changes we make, imagine how hard it would be to download and merge those files with theirs. But with git and its features, it is easy to branch different features and merge them when needed.

**3) Traceability:**
All the changes being saved along with the purpose of change messages helps in bug analysis and other forensics. we can also deploy famous bug-tracking software like JIRA etc.

## Two Types of Architecture:
**Centralized:**
A centralized VCS has a remote central instance and if that is lost, it can cause data loss and can cause productivity issues.
**Distributed:**
A distributed model architecture avoids these pitfalls by keeping a full copy of the source code at each VCS instance.
Git and mercurial are DVCS

The difference between a repository hosting services and a version control system:
they are two separate entities. VCS is a low-level command-line-based interface that helps track the changes in your file
Repository hosting services are third-party web applications that wrap and enhance a version control system. And that is where CI/CD pipeline integration etc. can be implemented.

References:
- [What is Version Control](https://www.atlassian.com/git/tutorials/what-is-version-control)
- [How to choose the best source code repository](https://bitbucket.org/product/code-repository)

Thank you for your time!! Happy Coding❤️
How to limit Memory usage on Docker Desktop WSL 2 mode
Tags: opensource, devops, docker, laravel
Published: 2022-12-10 00:42:25

---
title: How to limit Memory usage on Docker Desktop WSL 2 mode
published: true
date: 2022-11-21 09:01:56 UTC
tags: opensource,devops,docker,laravel
canonical_url: https://medium.com/geekculture/how-to-limit-memory-usage-on-docker-desktop-wsl-2-mode-2a4a719f05fd
---

[![](https://cdn-images-1.medium.com/max/2600/0*Zq6qUTXLVpZ_84xp)](https://medium.com/geekculture/how-to-limit-memory-usage-on-docker-desktop-wsl-2-mode-2a4a719f05fd?source=rss-17217f29618a------2)

Windows Docker Desktop container high memory usage

[Continue reading on Geek Culture »](https://medium.com/geekculture/how-to-limit-memory-usage-on-docker-desktop-wsl-2-mode-2a4a719f05fd?source=rss-17217f29618a------2)
Tailwind CSS tutorial #18: Font Smoothing
Tags: webdev, css, tailwindcss, tutorial
Published: 2022-11-21 08:58:43

In the article, we will go into detail on how to use `font-smoothing`.

## Font smoothing
**Format**
> `font-{antialiased | subpixel-antialiased	}`

| Alignment | Tailwind Class | CSS Property |
| ------ | ------ | ------ |
|[Antialiased](#antialiased) | `antialiased` | `-webkit-font-smoothing: antialiased,-moz-osx-font-smoothing: grayscale;`|
|[Subpixel-antialiased	](#subpixel-antialiased	) | `subpixel-antialiased	` | `-webkit-font-smoothing: auto,-moz-osx-font-smoothing: auto;`|

## **Antialiased** 
 This utility is to render text using grayscale antialiasing.

## **Subpixel-antialiased** 
This utility is to render text using subpixel antialiasing.

**Note: This class does not show any effect.**

## **Code**
```html
<ul class="container mx-auto leading-none divide-y divide-gray-400 divide-dotted" style="font-family: Raleway">
  <li class="flex items-center justify-between px-4 py-2">
    <div>
      <div class="antialiased text-5xl align-middle mb-2">Hello World</div>
    </div>
    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">antialiased   </div>
  </li>
  <li class="flex items-center justify-between px-4 py-2">
    <div>
      <div class="subpixel-antialiased  text-5xl align-middle mb-2">Hello World</div>
    </div>
    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">subpixel-antialiased	  </div>
  </li>
</ul>
```
**Full code:**
The overall code will be attached to [repo ](https://github.com/codewithshubhi/learn-tailwind-css/blob/main/font%20smoothing.html)link.

**Overall Output**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7zkx8rc90eegtb73nyb9.png)

**Resources:**
[tailwind.css](https://tailwindcss.com/docs)

Thank you for reading :), To learn more, check out my blogs on [Flex Direction](https://dev.to/shubhicodes/tailwind-css-tutorial-13-flex-direction-i8j), [Hackathons](https://dev.to/shubhicodes/all-about-hackathons-how-to-find-participate-win-42kk) and [Flex Wrap](https://dev.to/shubhicodes/tailwind-css-tutorial-14-flex-wrap-kee).
If you liked this article, consider following me on [Dev.to](https://dev.to/shubhicodes) for my latest publications. You can reach me on [Twitter](https://twitter.com/heyShubhi).

Keep learning! Keep coding!! 💛
ALUMINIUM PROFILES & HANDLES
Published: 2022-11-21 08:50:31


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ave08fomsl00lzfpab67.png)[KOIL](https://www.koilhardware.com/aluminium-profiles-handles/) is a leading provider of aluminium profiles & handle involved in offering best quality of products. Aluminium Profiles & Handles are extensively used as components in enhancing the smart appearance of your Kitchen / Wardrobe / Office interiors. Aluminium Profiles provide a wide range of products with attractive finishes and durability moving a step further beyond customers requirement.
Cloud-native platform collaborators wanted
Tags: kubernetes, opensource, devops, docker
Published: 2022-11-21 08:35:47

We are looking for developers interested in cloud-native development to join our Developer Advocate Program. To get you started, we are giving you:
✅ An exclusive PRO account & many perks
✅ We will help and sponsor your events and projects
✅ Showcase your apps by featuring them in our catalog.
To access the program sign up here: https://join.napptive.com/devprogram
How to Turn Zod Models Into Rio Models
Published: 2022-11-21 08:34:03

Git -> https://github.com/retterio/ZodToRioModels/tree/main

Create a Rio template project with "rio init". Inside template project we have a class called "Test". Inside "Test" create a typescript file called "types.ts". This file will keep our zod models.

Before continuing let's add needed dependencies to our project. Add dependencies below to package.json inside project root. After adding, don't forget to run `"npm i"`.
```typescript
"devDependencies": {
    "zod-to-json-schema": "3.17.0",
    "ts-node": "10.4.0"
  },
```

 Now we are ready to create a zod model. Let's add a zod model like below to "types.ts" that we just created..
```typescript
 import { z } from 'zod'

export const person = z.object({
    name: z.string(),
    age: z.number(),
    email: z.string().optional()
})

export type Person = z.infer<typeof person>
```
We have a script to turn this zod model into Rio model. Script is right below. Create a folder called "scripts" inside "Test" class. Inside "scripts" create a typescript file called "export-models.ts". Add code below to that file.
```typescript
import { zodToJsonSchema } from 'zod-to-json-schema'
import fs from 'fs'
import path from 'path'
import { ZodType } from 'zod'
import { person } from '../types'

const modelExporter = (t: ZodType<any>, name: string) => {
  const r = zodToJsonSchema(t, { name, $refStrategy: 'none' })
  fs.writeFileSync(path.join(__dirname, '..', '..', '..', 'models', `${name}.json`), JSON.stringify(r.definitions[name], null, 4))
}

modelExporter(person, 'Person')


```
`modelExporter(zodModelName, newRioModelFileName).` To run this script we will add a script into "classes/Test/package.json".
```typescript
  "scripts": {
    "export-models": "ts-node scripts/export-models.ts"
  },
```
Now we can run our script in terminal with `"npm run export-models"`. Before that be sure that there is "models" file inside project directory.

### Input/Output
```typescript
//Input types.ts
export const person = z.object({
    name: z.string(),
    age: z.number(),
    email: z.string().optional()
})

//Output Person.json
{
    "type": "object",
    "properties": {
        "name": {
            "type": "string"
        },
        "age": {
            "type": "number"
        },
        "email": {
            "type": "string"
        }
    },
    "required": [
        "name",
        "age"
    ],
    "additionalProperties": false
}
```

Now you can convert zod models into Rio models! Hope this article helped you.

Thanks!

## References

- Rio Models -> https://docs.retter.io/docs/projects/models
- Zod Github -> https://github.com/colinhacks/zod
- Zod-to-json -> https://github.com/StefanTerdell/zod-to-json-schema
Trikart - The Online Electronic Shopping Store In Kuwait
Published: 2022-11-21 08:15:28

Trikart is one of the largest online shopping stores operating in Kuwait https://www.trikart.com/kwt_en/ and the Qatar region. Established in 2014, we offer great deals on mobile phones, laptops, home appliances, mobile phone accessories, watches, perfumes, and other electronic equipment. Our physical stores are present in prime locations in both Kuwait and Qatar to make your shopping journey amazing. We ensure 24 hour delivery for every product ordered via our website. Experience reliable delivery and quality products from any brand at your fingertips with Trikart.