teleren/devto huggingface dataset:
The Showdown: Svelte vs. React – Choosing Your Frontend Champion
Published: 2024-06-29 06:50:00

Frontend development is a constantly changing field with several frameworks competing to be the best. Svelte and React are two deserving opponents that into the ring today. Though fundamentally quite different, both JavaScript frameworks are formidable tools for creating dynamic user interfaces. Let's analyse their advantages and disadvantages to assist you in selecting the ideal instrument for the task.

## In the Red Corner: The Svelte and Lightweight Candidate

Svelte employs a creative strategy. Svelte compiles your code at build time, in contrast to React, which depends on a virtual DOM for updates. This results in lightning-fast speed and a lower application footprint for the browser since it loads highly optimised vanilla JavaScript. In terms of development experience, Svelte also excels. It is a pleasure to work with due to its simple syntax and reactive nature, which results in code that is simpler to understand and update.

## In the Blue Corner: The Heavyweight Champion – React

The unchallenged frontend library king, React, has a vast ecosystem and a plenty of community resources. Its component-based structure encourages flexibility and code reuse, which makes it perfect for developing intricate, large-scale applications. For state management, React also easily interfaces with other well-known frameworks like Redux. For simpler apps, React's virtual DOM may add overhead, but for the majority of use cases, its speed is still excellent.

## So, Who Wins?

Depending on what! Svelte is perfect for applications that need to operate quickly or have a little amount of bandwidth because of its lightweight design and compile-time methodology. Conversely, React is the best choice for complicated projects that need a strong ecosystem and a large amount of community assistance.

## My Journey to HNG with React by My Side

I'm excited to be a part of the HNG Internship programme: [HNG WEBSITE](https://hng.tech/hire) as a budding developer who is ready to hone my talents. I intend to take use of React's advantages throughout this amazing journey in order to take on fascinating projects and give back to the active developer community. My goal to create dependable, scalable apps is well aligned with React's methodical approach and abundance of learning tools.

I'm sure that by developing my React abilities at HNG, I'll be prepared to take on the difficulties of contemporary frontend programming. Remember that the greatest technology is the one that enables you to create amazing user experiences, regardless of whether you go with React's proven might or Svelte's agility.

**Are you prepared to take a frontend journey and become a part of the HNG community?** Visit [HNG WEBSITE](https://hng.tech/internship) to learn more about the internship programme. Together, let's create something incredible!
5 series imperdibles para Desarrolladores e Informáticos
Tags: series, desarrolladores, devs, programmers
Published: 2024-06-29 06:48:19

¡Hola a todos! Si te gusta la tecnología o el mundo de la informática, existen cinco series que no puedes perderte. Estas series nos sumergen en mundos fascinantes y nos hacen reflexionar sobre el impacto de la tecnología en nuestra sociedad, cultura y psicología. Prepárense para disfrutar de historias originales, sorprendentes y cautivadoras.

1. Comenzando con **"Silicon Valley"**, una comedia que sigue las peripecias de un grupo de programadores luchando por triunfar en el competitivo mundo tecnológico. Te reirás y te maravillarás con las ambiciones, rivalidades y contradicciones de la industria de internet.

2. Luego tenemos **"Mr. Robot"**, un tecno-thriller protagonizado por Elliot Alderson, un ingeniero de seguridad informática y pirata informático con problemas de identidad y trastornos mentales. Conoce su lucha contra la corrupción corporativa y su participación en el mundo del hacktivismo.

3. Otra serie fascinante es **"Halt and Catch Fire"**, un drama histórico ambientado en el auge de la revolución del ordenador personal en el Texas de 1983. Acompaña a Joe MacMillan, Gordon Clark, Cameron Howe y Donna Clark mientras buscan crear una computadora portátil que compita con IBM.

4. Si prefieres el humor, te recomiendo **"The IT Crowd"**, una divertida sitcom británica que nos sumerge en las peculiares situaciones de tres miembros del departamento informático de Industrias Reynholm. Prepárate para reírte con las situaciones absurdas y caóticas que viven estos personajes.

5. Por último, pero no menos importante, está **"Black Mirror"**, una antología de ciencia ficción que nos muestra realidades alternativas o cercanas al presente, donde la tecnología se enfrenta a nuestros instintos más oscuros. Explora los efectos colaterales y las consecuencias inesperadas del uso de dispositivos y aplicaciones tecnológicas en cada episodio.

Espero que encuentren estas series tan fascinantes como yo y se animen a ver alguna de ellas. También pueden visitar otros apartados de [mi página web](https://codechappie.com) y seguirme en [mis redes sociales](https://codechappie.com/enlaces) para más contenido relacionado. ¡Hasta pronto, mundo!
Frontend Technologies (Reactjs Vs Angularjs)
Tags: frontend, internship, hng11
Published: 2024-06-29 06:48:03


**ReactJs**: Reactjs is a single page open source javascript library developed by facebook which is designed specifically for building graphical user interfaces that allows users for interaction . Its approach is centered around components which are reusable across different components in an application

**Angular**
Angular is a TypeScript-based open-source platform and web application framework developed by a team from Google. The framework helps to create single-page applications using TypeScript and HTML. 

**Comparism**
**a) Similarities**
1**. Architecture:** Both technologies are component-based architecture in which case UI elements are broken down into resusable components,  making them endlessly recyclable
**2. State Management**: The both manage states of components with Reactjs using useStates and Angular using $scope
**3. Event Handling:** They both provide a way to user's interactions. This is done by using event handlers.
**4. Open source:** There are both open source, because of this, the have a very large and growing community that regularly enrich the resources.
**5. Rendering:** They provide efficient client-side and server-side rendering.

**b) differences**
**1. Data binding:** Angular supports a two way data binding while react promotes a one way data flow
**2. Virtual DOM**: React uses a virtual DOM while angular operates on the actual DOM
**3. Dependencies:** Angular relies on the AngularJs library while react can be use with other libraries like Redux for state management.
**4. ES6 Support:** React is often used with modern javascript, in other words react supports ES6 while Angular primarily uses ES5.
**5. Purpose:**  	Angular aims at developing dynamic web apps while react is aim at building interactive UI components
**6. Language:** Angular uses typeScript as a programming language while reactjs uses JavaScript (JSX script)
**7. Front-end development approach:** Angular extends the functionality of HTML, prefers client-side rendering while react uses XML-like syntax called JSX, slight preference for server-side rendering

**My expectations for the HNG11 internship as a reactjs frontend Enthusiast**
As a reactjs enthusiast who has been given the opportunity to explore the reactjs technology through the help of HNG11 internship, my expectations for this journey is as follows;
to explore javascript in reactjs as much as possible
Deep understanding in this technology
Be able to simplify complex interfaces by subdividing the into components.

**How i feel about React**
The fact that react utilizes components which are reusable I feel excited to find a solution to the heavy codes which at time slow the coding process especially with the case of bugs.

# [](https://hng.tech/internship)
#[](https://hng.tech/hire)
10 frases que suelen decir los developers (Parte 2)
Tags: frases, developers, tipicas, humor
Published: 2024-06-29 06:42:59

Continuando con nuestra exploración del lenguaje único de los desarrolladores, aquí tienes otras 10 frases comunes que reflejan su experiencia y perspectiva en el campo del desarrollo de software:

1. "En mi anterior trabajo lo hacíamos de otra manera."

2. "Voy a refactorizar este código más tarde."

3. "Solo falta documentarlo."

4. "¿Ya le preguntaste a Chat GPT?"

5. "No es un bug, es una feature."

6. "Voy a dejar este comentario aquí para después."

7. "Esto es temporal, lo cambiaré luego."

8. "Es un problema de cache."

9. "Este código necesita un rewrite completo. ¿Quién lo escribió? Ah yo 😔"

10. "Lo hice a las 3 am, así que no garantizo nada."

Estas frases capturan la esencia del humor y los desafíos diarios de los desarrolladores. ¿Te resultan familiares?

[Visita mi blog](https://codechappie.com)
Escort Service in Aerocity With Cash Payment Facility Available 9899988101
Published: 2024-06-29 06:42:50

At our Escort Service in Aerocity agency, we value our clients. We ensure that our clients can find the ‘girl of their dreams’ without losing everything for her company. You can get call girls in Aerocity from us at the most affordable rates. Every woman has a unique gift for men and we have them all. Our collection of call girls at Aerocity features women of all shapes, sizes, and origins that can be found in the escort business today.agency holds the best reputation when it comes to providing the best classy Call Girls in Aerocity 5-star hotel rooms. Our high-end batch is filled with a vast collection of attractive Aerocity escorts who are sophisticated, intelligent, and good-looking. Call Now 9899988101, https://www.anushkadelhi.com/



Satisfying anyone's sexual fantasies with a range of escorts. Escort Service in Aerocity is undoubtedly one of the best escort providers in the whole city. Everyone needs a female partner who can understand their feeling and feels comfortable with them. Escorts from all over the world are easily available under a single roof. For more fun just visit Call Girls in Aerocity to our administration and make your event amazing. Call Now 9899988101, https://anushkadelhi.com/
10 frases que suelen decir los developers (Parte 1)
Tags: frases, tipicas, humor, programador
Published: 2024-06-29 06:37:18

Los desarrolladores tienen su propio lenguaje y humor que reflejan su día a día en el mundo tecnológico. Aquí te presentamos 10 frases que seguramente reconocerás si eres parte de esta comunidad o te interesa el desarrollo de software:

1. "Funciona en mi máquina."

2. "¿Has probado reiniciar?"

3. "Está en producción."

4. "Está en beta."

5. "Solo voy a hacer un pequeño cambio."

6. "Este código es una obra de arte."

7. "Funciona, pero no sé por qué."

8. "Funcionaba ayer."

9. "Solo necesito un poco más de café y termino."

10. "Es un error de usuario."

[Visita mi blog](https://codechappeie.com)
Memo to pass AWS Certified Security Specialty(SCS-C02)
Tags: aws, security, scsc02, scs
Published: 2024-06-29 06:25:11

Hi, I'm Tak.

I passed AWS Certified Security Specialty(SCS-C02) at June 22, 2024.
I got 844 point, my score is higher than I expected.

So I write memo that how to learn AWS Certified Security Specialty for test passed.

## Use Text and Contents

### AWS Skill Builder
It cost US $29 per a month, but I took official pre test 65 questions.
It Similar to a real exam, so It's useful for me.

There are few scs-c02 books, so I paid money.
But I get Certification.

### Udemy
#### Ultimate AWS Certified Security Specialty [NEW 2024] SCS-C02

I watched this video to get an overview of the exam.If you want to understand the scope of the exam first, this video is for you.
https://www.udemy.com/course/ultimate-aws-certified-security-specialty

#### Pre exams SCS-C02 in Japanese
I learned exams pattern similar to a real exam, but I think it was a little difficult.

## Test
There're few long text questions and long text selection.
But there're many questions are difficult to select, so I took 170  minutes.

And there're few questions with KMS than I expected.
Though I learned a lot about KMS.
You learn various services.

## Last
It is good to learn about AWS security services.
But that is all.

I don't change coding and design skills and so on.
I get certification little more, I start to learn others.
Phialigner
Published: 2024-06-29 06:24:43

Brush and floss just like you did before. With Phialigners it’s hassle free to maintain oral hygiene.
No more fixed braces and wires, Clear aligner of Phialigners are low maintenance and easy to use.
Get your Aligners now only with Phialigner! 
[](https://www.phialigner.com
)
How to use SRI (Subresource integrtiy) attribute in script tag to prevent modification of static resources ?
Tags: cybersecurity, javascript, webdev, programming
Published: 2024-06-29 06:23:44

## **Understanding Supply Chain Attacks**
Supply chain attacks involve compromising a third-party service or library to inject malicious code into websites that rely on it.

## **How Could This Be Prevented?**
One effective way to mitigate such risks is by using the Subresource Integrity (SRI) attribute in your HTML scripts and link tags. SRI allows browsers to verify that the fetched resources (like scripts or stylesheets) are delivered without unexpected manipulation.

## **Demonstration**

```
#script.js
console.log("Hello World - Secured!");
```

```
#index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script
    src="script.js"
    integrity="sha384-[YOUR-GENERATED-HASH]"
    crossorigin="anonymous"
  ></script>
  <title>SUBRESOURCE INTEGRITY EXAMPLE</title>
</head>
<body>
  Hello World
</body>
</html>
```

```
#app.js - to serve above files
const express = require('express');
const app = express();

app.use(express.static("./"));

app.listen(80, () => {
  console.log('Server is running on http://localhost');
});
```

## **Generating the Integrity Hash**
`openssl dgst -sha384 -binary script.js | openssl base64 -A
`

## Now if we perform all the above steps correctly then the following working output should appear:

![WORKING OUTPUT IF ABOVE STEPS PERFORM CORRECTLY](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ca5xu9ns1bjny9iih7sp.png)


## Now Let's try to modify script.js

```
#script.js - modified
console.log("Hello World - Modified!");
```

## Now try to open http://localhost/index.html, you should see following error:
`None of the sha384 hashes in the integrity attribute match the content of the resource.`

## SO THE MODIFIEFD SCRIPT WON'T RUN AT ALL!!

![SCRIPT WON'T RUN AFTER MODIFICATION](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8s3qh5dj9iiizanc1lmj.png)
The primary goal of an AI paraphraser
Published: 2024-06-28 16:03:39

Sentence Restructuring: It may rearrange sentence structures and change grammatical forms to produce a unique rendition of the original content.

Plagiarism Prevention: By generating unique variations of the text, AI paraphrasers help to avoid plagiarism issues that may arise from directly copying content.

Quality Control: Some tools offer options to adjust the level of paraphrasing to ensure the output meets the desired level of uniqueness and readability.

Speed and Efficiency: AI paraphrasers can process large amounts of text quickly, making them efficient tools for content creators and writers.

However, while AI paraphrasers offer convenience and efficiency, they are not flawless. Challenges can arise in accurately preserving the intended meaning of the original text or in generating grammatically correct output. Therefore, human review and editing are often necessary to ensure the quality and coherence of the paraphrased content.

In summary, an AI paraphraser is a tool that leverages artificial intelligence to rewrite text in a way that maintains the original meaning while producing unique variations. It serves as a valuable aid in content creation and academic writing by helping to generate plagiarism-free content efficiently.

https://www.tryleap.ai/
FastAPI - Concurrency in Python
Tags: python, fastapi
Published: 2024-06-29 06:18:28

Recently I delved deep into FastAPI docs and some other resources to understand how each route is processed and what can be done to optimise FastAPI for scale. This is about the learnings I gathered.

---

## A little refresher

Before we go into optimising FastAPI, I'd like to give a short tour on a few technical concepts.

### Threads & Processes
Threads share memory space and are easier to create.
Processes have separate memory space and thus require some overhead to create.

### Multi-threading & Multi-processing
Multi-threading uses multiple threads within a single process.
Multi-processing utilizes multiple processes, leveraging multiple CPU cores.

### Concurrency & Parallelism
Concurrency is managing multiple tasks together. Made possible using event loop.
Parallelism is executing multiple tasks simultaneously. Made possible using multiple CPU-cores.

### Python & the GIL
Python's Global Interpreter Lock (GIL) allows only one thread to execute Python bytecode at a time. However, for I/O-bound operations, the GIL is released, allowing other threads to run while waiting for I/O completion. This makes Python particularly effective for I/O-heavy applications.

Quick FYI: In some time, GIL will probably be optional in Python. ([PEP 703](https://peps.python.org/pep-0703/))

## FastAPI

### How route handlers are processed
- Regular route handlers run in an external threadpool
- Async route handlers run in the main thread
- FastAPI doesn't affect other (utility) functions

### Optimizing FastAPI
Choose based on your task:
1. I/O tasks with minimal or no CPU work: Use async route handler and await I/O tasks
2. Non-async I/O tasks: use regular (def) route handler
2. I/O tasks with significant CPU work: Use regular route handler or async route handler which queues the task for external worker (multi-processing)
4. High compute tasks: Use multi-processing same as above

The reason I'm suggesting to use regular route handlers for most cases is because we want to keep the main thread available for receiving requests and managing them. If we have any blocking code in main thread (async handlers) it would affect the incoming requests.

### Using multiple processes
- For containerized environments: Use Docker Swarm/Kubernetes to create workers and use a load balancer
- For traditional setups or just Docker: Use Gunicorn (for process management) with Uvicorn (workers)

---

#### Some resources I found to be of great help
- [Building large APIs with FastAPI - PyCon SK](https://www.youtube.com/watch?v=HTSK6eRwyGM)
- [Threading vs multiprocessing in python](https://www.youtube.com/watch?v=AZnGRKFUU0c)
- https://fastapi.tiangolo.com/async/ (official FastAPI docs, they're amazing)
Play Andar Bahar Exciting Betting Action at Be8Fair Casino
Published: 2024-06-29 06:06:14


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


**[Play Andar Bahar and enjoy exciting betting action at Be8Fair Casino!](https://be8fair.com/)** Dive into this fast-paced card game with simple rules and big wins. Experience seamless gameplay, secure betting, and real-time excitement. **[Join Be8Fair now ](https://be8fair.com/)**and place your bets on Andar or Bahar for a thrilling ride!

[https://be8fair.com/](https://be8fair.com/)
HNG 11 - Background and Goals
Published: 2024-06-28 11:42:26

I've been a software developer for the better part of 7 years and HNG has always been a valuable companion in re-inforcing the new concepts I learned to a professional level. I have a continuous learner's mindset and so I have consistently joined HNG editions since 2019 (only missing the last two editions due to work commitments). 

I have had to work on various difficult tasks in my career as a backend developer but I think one which stood out for me was when I had to use eager loading for the first time nearly 2 years ago. I have heard the concept before but I simply didn't fully appreciate its use till I was tasked with retrieving huge amounts of customer Information (> 1 million), processing them, sending out email blasts and also updating the database upon completion. All this in a very short window (5-6 hours) and with no lag in performance or database timeouts. 

I approached this by trying to understand the why: why exactly do we use it, after this I proceeded to use an ORM (Eloquent) to get the job done. This was because using such package allows me leverage on the hard work done by several intelligent developers and I wouldn’t waste time trying to reinvent the wheel. Also, concepts like queues, jobs events, etc, were also incorporated.

I just switched languages from PHP to Javascript (Node JS) for work and so I hope to strengthen my knowlegde and getting my hands dirty in HNG 11. I hope to understand specifically Typescript and Nest JS over the course of the internship. 

A little about HNG: its a completely free remote learning platform where tech professionals and enthusiasts alike can learn everything there is to learn in tech, build cool projects and also get job-ready. If you are experienced developer like me, you can use it to brush your knowledge on what you already know and pick up new skills along the way. You can check them out here: https://hng.tech/internship
Experience the Excitement Casino Betting at Be8Fair
Published: 2024-06-29 06:02:33


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

Experience the excitement of **[casino betting at Be8Fair! ](https://be8fair.com/)**Discover a wide range of games, from classic slots to live dealer tables. Enjoy competitive odds, secure transactions, and a user-friendly interface. **[Join today](https://be8fair.com/)** for nonstop action and the chance to win big at **[Be8Fair Casino!](https://be8fair.com/
)**

**[https://be8fair.com/
](https://be8fair.com/)**
Boundary Blitz Cricket Casino Game Betting at Be8Fair Casino!
Tags: gameing
Published: 2024-06-29 05:51:50

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

Experience the thrill of Boundary **[Blitz Cricket Casino Game Betting at Be8Fair Casino!](https://be8fair.com/)** Wager on live cricket matches, predict boundaries, and score big. Enjoy real-time odds, a user-friendly interface, and secure transactions.**[ Join now](https://be8fair.com/)** and hit a winning streak with Boundary Blitz!

[https://be8fair.com/](https://be8fair.com/)