teleren/devto huggingface dataset:
Mary UI: Laravel Blade UI Components for Livewire 3
Tags: laravel, livewire, blade, components
Published: 2023-09-20 15:50:13

---
title: Mary UI: Laravel Blade UI Components for Livewire 3
published: true
description: Gorgeous Laravel blade components made for Livewire 3 and styled around daisyUI + Tailwind
tags: Laravel, livewire, blade, components 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/arkp6pmaf2h8rf81de39.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-09-20 15:11 +0000
---

## What?


Mary is a set of gorgeous Laravel blade components made for Livewire 3 and styled around daisyUI + Tailwind. See more at https://mary-ui.com

## Why ?

My current background is Laravel + Inertia + Vue and there are many full featured components libraries like **Vuetify** and **Quasar**. And that is great because you skip component design process and go straight to what matters.

When **Livewire 3** was released I wanted to give a try. But I could not find a comprehensive UI blade package compatible with it.

Breeze and Jetstream are great. But, in some way you are copying/pasting components between projects and I refuse to do it :) 


So, here we are.

<br><br>

## Tailwind + daisyUI

With [daisyUI](https://daisyui.com) you have a great start point by like this:

```html
class="btn btn-warning"
```

Then you can append any **Tailwind** stuff like this:

```html
class="btn btn-warning p-2 w-full ..."
```

So, at end of day **you are using Tailwind**, aided by handfuls classes from **daisyUI**. 

<br><br>

## DX

As a developer I like to move fast and truly follow **DRY**. Mary components does a lot of things with less code.

Here are just a few examples.


### Input 

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

### List

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

### Choices (searchable)

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


## Get started

It requires you are installing Mary on a **brand new** Laravel project. The installer also includes a starter layout, a Welcome component and its route.

```
composer require robsontenorio/mary
php artisan mary:install
```

Then, start dev server.

```bash
yarn dev
```

But, if you already have a project, it is possible to install Mary manually. See more at https://mary-ui.com

Thank you!
🚀 Exciting News: Beta Launch of a SaaS for Computer Vision Projects! 🚀
Tags: computervision, saas, ai, startup
Published: 2023-09-20 15:44:14

Hey there, AI developers and data scientists! The Ikomia team is thrilled to announce the Beta launch of our new SaaS platform for deploying Computer Vision projects. If you're into AI and Computer Vision, this might pique your interest.

🔗 [Python API](https://github.com/Ikomia-dev/IkomiaApi): First, a quick intro for those who aren't familiar with us. We already have a powerful Python API and an desktop app that lets you prototype workflows across multiple frameworks at a lightning-fast 5x pace. This includes popular frameworks like HuggingFace🤗, OpenMMlab, YOLO, and more.

🆓 What's in it for you? The Beta we are opening up allows you to deploy endpoint APIs for free while contributing to the platform's improvement. 💝

In exchange for your valuable feedback, here's what we offer:

* 2 months of free serverless CPU deployment, letting you process up to 1000 images per month.

* Access to a collaborative workspace where you can share and collaborate on up to 10 projects.

* A fantastic 30% lifetime discount on all your future SCALE deployments.

✏️ Ready to get started? You can register here: [Ikomia Beta Registration](https://www.ikomia.ai/plans#Beta). If you have any questions or need more information, feel free to contact me.

🌟 Don't wait too long! Please note that this Beta program is limited to 100 users, so grab your spot while you can. Let's shape the future of Computer Vision together! 🌟
SKYX solicita una estandarización de seguridad obligatoria con el Código Eléctrico Nacional (NEC)
Published: 2023-09-20 15:36:40

La solicitud es para su receptáculo de salida para techos en hogares y edificios. Además, la 

[empresa ](https://sansebastian24h.com/)
ha proporcionado datos importantes relacionados con incidentes peligrosos con instalaciones de cables eléctricos. La [plataforma ](https://murcia-24h.com/)de receptáculo de salida de techo de SKYX permite una instalación Plug and Play más segura, [rápida ](https://red-financiera.com/)y robusta de accesorios de iluminación, ventiladores de techo y productos para el hogar [inteligente ](https://palencia24h.com/)en los techos.
Monnet: revolución de los pagos digitales sin frontera
Published: 2023-09-20 15:35:28

Desde su [creación](
https://murcia-24h.com/), la firma ha apostado por la innovación y la tecnología para establecer un sistema de pagos robusto, eficiente y seguro. A través de la [automatización ](https://palencia24h.com/)y el uso de tecnología , la compañía está resolviendo los problemas que [normalmente ](https://red-financiera.com/)complican los pagos internacionales como son las altas tasas de cambio, demoras y [costos ](https://sansebastian24h.com/)elevados.
¡Navegando a la Seguridad Divertida con Cloudflare! Protegiendo tu Ciberburbuja con Estilo
Published: 2023-09-20 15:28:12

Bienvenidos al emocionante mundo de la ciberseguridad, donde los virus, los hackers y las contraseñas olvidadas acechan a cada clic. Pero no te preocupes, amigo mío, ¡estamos aquí para hablarte de Cloudflare y cómo hacen que tu vida en línea sea un paseo emocionante, seguro y lleno de diversión!

**El Mago de Internet: Cloudflare**

Imagina a Cloudflare como un mago digital, sacando trucos asombrosos para proteger tu información en línea **Abada-Cadabra**. Este mago mágico actúa como un escudo entre tú y el caos digital **Protegio**, garantizando que tus datos estén a salvo y los hackers estén en la oscuridad **Revelio**.

**¿Cómo Funciona este Truco Genial?**

Para entenderlo, piensa en un mago que protege su tesoro. Cuando un hacker intenta robar tu información, se encuentra con una barrera invisible, gracias a los servidores globales de Cloudflare. Estos servidores interceptan los ataques maliciosos y desvían el tráfico dañino, dejando tu ciberburbuja a salvo y sonriendo.

**Ejemplos en la Vida Real, ¡Aventuras Cibernéticas!**

1. **La Guarida Bancaria**: Cuando accedes a tu cuenta bancaria en línea, Cloudflare está allí como tu guardaespaldas virtual. Si nota algo sospechoso, como un intento de inicio de sesión desde un lugar lejano y exótico, te pedirá una contraseña extra o un autenticador. ¡Protección bancaria en un abrir y cerrar de ojos!

2. **Defensa Épica contra los Ataques DDoS**: Los ataques DDoS son como una tormenta cibernética que puede dejar un sitio web indefenso. Pero Cloudflare es como Thor en el mundo de la ciberseguridad, enfrentando los rayos y truenos para mantener tu sitio en pie. ¡Así es, el rayo de seguridad de Cloudflare ilumina el camino!

**Diversión en el Mundo de la Ciberseguridad**

Cloudflare también sabe cómo hacer que la seguridad sea divertida. Participa en "Project Galileo", donde brinda protección gratuita a sitios web y organizaciones sin fines de lucro que luchan contra la censura en línea. ¡Una ciberseguridad con un propósito noble y un toque de humor!

**La Gran Conclusión**

En un mundo digital lleno de sorpresas y peligros, Cloudflare es tu compañero de juegos cibernéticos. Con ejemplos emocionantes de la vida real y un enfoque fresco y divertido en la seguridad, puedes navegar por la web con confianza y una sonrisa. Así que, la próxima vez que alguien mencione la ciberseguridad, asegúrate de que Cloudflare esté en el escenario, ¡preparado para hacer desaparecer las amenazas y hacerte disfrutar del emocionante viaje en línea! ¡Sigue explorando el ciberespacio con estilo y diversión!
AI: The Great Equalizer in the World of Business Ownership
Tags: ai
Published: 2023-09-20 15:17:04

### **Introduction:**
In the vast landscape of entrepreneurship, there's a new player that's leveling the playing field: Artificial Intelligence (AI). Gone are the days when starting and running a successful business was the exclusive domain of those with deep pockets, vast resources, and extensive networks. With the advent of AI, the dream of being a business owner is becoming more accessible and democratic. Let's explore how.

### **1. Reducing Startup Costs**
Historically, launching a business involved significant overheads, from hiring staff to managing operations. AI, with its automation capabilities, is drastically reducing these costs. Chatbots can handle customer service, AI-driven tools can manage inventory, and predictive analytics can forecast sales, all without the need for large teams or hefty budgets.

### **2. Market Research Made Easy**
Understanding your market is crucial, but traditional research methods can be expensive and time-consuming. AI-driven analytics tools can now scan the internet, analyze trends, and provide insights about target demographics, competitors, and market gaps in a fraction of the time and cost.

### **3. Personalized Marketing for All**
Personalization is no longer a luxury. With AI, even small businesses can offer tailored experiences to their customers. Algorithms analyze user behavior to curate personalized content, product recommendations, and targeted advertisements, ensuring higher engagement and conversion rates.

### **4. Efficient Operations and Supply Chain Management**
AI doesn't just enhance the customer-facing side of businesses. Behind the scenes, it's revolutionizing operations. From optimizing supply chains by predicting demand to automating routine tasks, AI ensures businesses run smoothly and efficiently.

### **5. Democratizing Access to Expertise**
Need a financial advisor? Or a marketing expert? AI-driven platforms are offering expertise that was once costly and hard to find. Whether it's financial planning tools that give real-time advice or marketing platforms that craft strategies based on data, AI is making expert-level guidance accessible to all.

### **6. Enhancing Creativity and Innovation**
AI isn't here to stifle creativity; it's here to enhance it. Tools that suggest design tweaks, content optimization software, or even music creation AI platforms are allowing business owners to innovate and create like never before.

### **Conclusion**
The democratization of business ownership through AI is not a distant dream; it's happening now. As AI continues to evolve and integrate into various business functions, the barriers to entry in the entrepreneurial world are crumbling. This technological marvel is not just about robots and algorithms; it's about empowering dreams, fostering innovation, and creating a world where anyone with an idea and passion can become a successful business owner. So, whether you're an aspiring entrepreneur or an established one, embrace AI, and let it be the wind beneath your business wings!
Simplificando Expressões Lambdas em Java
Tags: java, lambda, beginners, braziliandevs
Published: 2023-09-20 15:02:50

Uma expressão lambda é uma função anônima que pode ser usada para criar instâncias de interfaces funcionais (interfaces com um único método abstrato). Elas são especialmente úteis quando você precisa passar uma função como argumento para outra função ou quando deseja executar uma operação em uma coleção de elementos.

Sintaxe Básica
A sintaxe básica de uma expressão lambda é a seguinte:

```
(parâmetros) -> expressão
```

Aqui estão alguns exemplos para entender melhor:

**Exemplo 1: Lambda simples**

```
() -> System.out.println("Olá, mundo!");
```

Neste exemplo, não há parâmetros e a expressão lambda simplesmente imprime "Olá, mundo!" quando chamada.

**Exemplo 2: Lambda com um parâmetro**

```
(x) -> x * x
```

Neste exemplo, temos um único parâmetro x e a expressão lambda retorna o quadrado desse valor.

**Exemplo 3: Lambda com múltiplos parâmetros**

```
(x, y) -> x + y
```

Aqui, temos dois parâmetros x e y, e a expressão lambda retorna a soma desses dois valores.

Usando Expressões Lambda
Agora que entendemos a sintaxe básica, vamos ver como usar expressões lambda em situações reais.

**Exemplo 4: Ordenando uma lista de Strings**
Suponha que você tenha uma lista de nomes e deseja ordená-la em ordem alfabética:

```
List<String> nomes = Arrays.asList("Alice", "Bob", "Charlie", "David");

// Usando uma expressão lambda para ordenar
Collections.sort(nomes, (a, b) -> a.compareTo(b));
```

Neste exemplo, a expressão lambda (a, b) -> a.compareTo(b) é usada para especificar a ordem de classificação. Ela compara dois nomes a e b usando o método compareTo.

**Exemplo 5: Filtrando elementos de uma lista**
Suponha que você deseje filtrar os números pares de uma lista de inteiros:

```
List<Integer> numeros = Arrays.asList(1, 2, 3, 4, 5, 6, 7, 8);

// Usando uma expressão lambda para filtrar números pares
List<Integer> pares = numeros.stream()
                           .filter(n -> n % 2 == 0)
                           .collect(Collectors.toList());
```

Neste exemplo, a expressão lambda n -> n % 2 == 0 é usada para filtrar os números pares.

Linkedin: https://www.linkedin.com/in/antonio-rodrigo-wanderley-serra/
GitHub: https://github.com/antoniorws
Smart Contract Development Company
Tags: smartcontract, blockchain
Published: 2023-09-20 14:58:40

Oodles Blockchain is your trusted [smart contract development company](https://blockchain.oodles.io/smart-contract-development-services/), equipped with expertise in programming languages like Solidity, Elixir, Rust, Golang, and more. Our skilled developers automate your business contracts, eliminating manual transactions across multiple parties. We offer services like Digital Smart Contract Architecture, Smart Contract Design, Optimization, De-centralized Application Contracts, DEX Contracts, Digital Wallet Contracts, and Ethereum & Hyperledger Smart Contract Development.

Our goal is to make your contracts efficient, fail-proof, and seamlessly automated.
[Hire Blockchain developers](https://blockchain.oodles.io/blockchain-app-development-services/).
How to copy a large folder fast
Tags: capistrano, unix
Published: 2023-09-20 14:52:30

---
title: How to copy a large folder fast
published: true
description: Sometimes compress and decompress a folder can be faster than copying it
tags: capistrano, unix
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-09-20 14:29 +0000
---

Having and supporting a large and old project can be very funny. Recently I've noticed one line in Capistrana deploy logs:

```
cp -pr node_modules tmp/node_modules
240.791s
```

The old project has grown and now the stage of copying the folder `node_modules` lasts 4 minutes. I had an idea to speed it up. First idea was to create a symlink instead of copying the folder. I've changed the line.

```
ls -s node_modules tmp/node_modules
```

It can be a good solution, but in our project we are using an old version of yarn and it can't [handle it](https://github.com/yarnpkg/yarn/issues/8441).

```
yarn install
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
error An unexpected error occurred: "ELOOP: too many symbolic links encountered
```

Next idea was to compress all node modules and decompress the folder. It can help, but it depends on the filesystem. I'be changed the script again.

```
tar -czf modules.tar.gz node_modules/.
tar -xzf modules.tar.gz tmp/
```

Fortunately, it helps me. The stage passes by 30 seconds, it's better than over 200 seconds. Remember about it that some folders on your server can get bigger and it can make your deployment slower.
React Advance IDEA while using the ternary operator
Tags: webdev, javascript, beginners, programming
Published: 2023-09-20 14:49:20

import React from 'react';

function ConditionalRenderingExample({ isUserLoggedIn }) {

    const Condition = isUserLoggedIn ? (
        <p>Welcome, User!</p>
    ) : (
        <p>Please log in to access your account.</p>
    )
    return (
        <div>
            <Condition />
        </div>
    );
}

export default ConditionalRenderingExample;
AntDB-Oracle Compatibility Developer’s Manual P3–80
Published: 2023-09-20 14:43:13

## **Stored Procedure Language**

This chapter introduces the Stored Procedure Language - SPL, which is an efficient, procedural-oriented programming language. It is used to write user-defined stored procedures, functions, triggers, and packages for AntDB.
9205
The following are some of the features provided by the SPL language that are useful for developing applications.

- As a complement to the SQL language, SPL adds fully procedural oriented programming features.

- Provides a single common programming language for AntDB to create stored procedures, functions, triggers and packages.

- Improves code reuse.

- Easy to use.

This chapter first introduces the basic components of an SPL program, then provides an overview of the structure of an SPL program and how to create procedures or functions. The content on how to create triggers with SPL is different from the content in this chapter and requires a separate section for discussion.

The rest of this chapter delves into the details of the SPL language and provides examples of related applications.
AntDB-Oracle Compatibility Developer's Manual P3–79
Published: 2023-09-20 14:40:59

##### ALL

To the right of the operator is the subquery in parentheses, which must return the contents of only one column. We compute the expression on the left side of the operator, and then use the given operator to compare it with each row of the subquery result, resulting in a result of type BOOLEAN. If the comparison with all rows is true (including the special case where the subquery returns no rows), then the result of the ALL operation is "true". The result of the ALL operation is "false" if any record is found with a "false" comparison result. If the compare operation does not return "false" for any record and returns null for at least one record, then the final result is "null".

expression operator ALL (subquery)

NOT IN is equivalent to '\<> ALL'.

As with EXISTS, it is not wise to assume that the subquery will complete the query for all rows involved.
Quick Sort in DSA (JAVASCRIPT)
Tags: webdev, javascript, beginners, programming
Published: 2023-09-20 14:40:12



```
const sort =(arr)=>{
    if(arr.length<=1){
        return arr;
    }
    let pivot = arr[0];
    let min = [];
    let max=[];
    for (let i =1;i<arr.length;i++){
        if(arr[i]<pivot){
            min.push(arr[i]);
        }
        else{
            max.push(arr[i])
        }
    }
    return [...sort(min),pivot,...sort(max)];
}
sort([1,10000,21,30,4]);
//[1,4,21,30,10000]
```
AntDB-Oracle Compatibility Developer's Manual P3–78
Published: 2023-09-20 14:38:46

##### ANY/SOME

On the right side of the operator is the bracketed subquery, which must return the contents of only one column. We compute the expression on the left side of the operator and then compare each row of the subquery result with the given operator to produce a result of type BOOLEAN. If the return value is true, then the result of ANY operation is "true". If no result is found with a true return value (including the specific case where the subquery returns no rows), then the result is "false".

expression operator ANY (subquery)

expression operator SOME (subquery)

SOME is a synonym for ANY. IN is equivalent to '= ANY'.

Note that if there are no successful returns here, and at least one row of the expression to the right of the operator produces a null value for the result of the operator, then the result of the ANY operator construct will be null, not "false". This is consistent with the general SQL rule for combining null values with Boolean variables.

As with EXISTS, it is not wise to assume that the subquery will complete the query for all rows involved.
AntDB-Oracle Compatibility Developer's Manual P3–77
Published: 2023-09-20 14:35:17

##### NOT IN

To the right of the operator is the subquery in parentheses, which must return the contents of only one column. We compute the expression on the left side of the operator and compare it with each row in the subquery result. The result of the NOT IN operation is "true" if it returns only rows that are not equal to those in the subquery (including the specific case where the subquery returns no rows). If the same row is found, then the result is "false".

expression NOT IN (subquery)

Note that if the expression on the left side of the operator produces a null value, or if there is no row in the table on the right side of the operator that is not equal to it, and the subquery on the right side of the operator returns at least one row that produces a null value, then the result of the NOT IN construct will be null, not true. This is consistent with the general SQL rule for combining null values with Boolean variables.

As with EXISTS, it is not wise to assume that the subquery will complete the query for all rows involved.
What is DevOps? why do we need DevOps?
Tags: devops
Published: 2023-09-20 14:33:58

## Introduction 
DevOps,the word came from two words **Dev**eloper and **Op**erations. DevOps is one of the mostly followed culture in IT industry these days.

## What is DevOps?
DevOps is a culture that promotes collaboration and continuous improvement in software development and IT Operations. DevOps  requires to learn few set of tools and the practices.

## why need DevOps?
Earlier, in  IT industry when the code is written  by the developers, tested by tester and hand-over the code to the Operations team to deploy it in production.

While the Operations team try to deploy it in production environment, they use to face errors. The developers were called to solve the issue, but the developers used say that  code works perfectly at there local system/Dev Environment and it use to take days to resolve that issue.

To overcome this gap between the Developers and the Operations team **DEVOPS** came into picture.

DevOps follow the agile methodology and it has increased the collaboration and efficiency in delivering the application to the production.

**DevOps LifeCycle**
DevOps contains  8 phases in its lifeCycle
![Devops life cycle ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9t7n6girp7z2bz9gmcj9.png)
The phases are
1.Plan
2.Code
3.build
4.test
5.release
6.deploy
7.operate
8.monitor
These are the 8 phases of devops lifecycle which works in a kind of infinite loop.

**Tools used in devops**
There are many tools which is been used in devops culture.Few of them are
1.git
2.Docker
3.Kubernetes
4.ansible
5.jenkins
6.Basic cloud computing knowledge
by any cloud provider (AWS/GCP/AZURE)

##Conclusion
DevOps is one of important culture followed these days in IT industry. This article just describes about the basic information of devops. There are many technologies and tools to be learnt.

Keep Exploring and Happy Learning :)