teleren/devto huggingface dataset:
My bento resume
Tags: bento, ui, design, ux
Published: 2024-01-23 08:32:35

Hi here is my bento-style resume and bento website, welcome!
Please left your suggestion or comment anything as free.

[bento.me-zhangzewei](https://bento.me/zhangzewei)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/voeotcfpbv7sq22n2vn7.png)
Dask Demo Day - 2024-01-18
Tags: python, dataengineering, bigdata, programming
Published: 2024-01-23 08:31:26

We all know Dask is an open-source Python library for parallel computing. The cool thing is each month folks from the Dask community give short demos that show off ongoing and/or lesser-known work. [This video](https://www.youtube.com/watch?v=wkQzVNQdgW0) is this month’s demo day. In this, you will see great talks about Apache Beam DaskRunner, Array expressions and the One billion row challenge in Dask vs. Spark. If you love Dask you should subscribe to this YouTube channel.
GraphQL vs Rest: A Brief Overview
Tags: rest, restapi, graphql, webdev
Published: 2024-01-23 08:19:55

In order to help in the design and development of varying architecture, Dr Roy Fielding designed RESTful API of REST in 2000. But what actually is REST? For starters, REST stands for REpresentational State Transfer. Further, whenever RESTful API is called, all the representation of the resource will be given. Frankly speaking, it’s just another way of saying that a server will react to your requests.

For instance, imagine someone calls Facebook API of Ronaldo’s account. What would the API give in result? Well, it will return the state of the user as well as other information as well. Now, keep in mind that no matter what happens, you will see the state in JSON, XML and HTML format.

But why am I talking about this? Well, today I’ll talk about the difference between Rest API and GraphQL. Before that let’s tell you briefly what GraphQL actually is. It’s a query language as well as architecture that’s used to manipulate APIs. 

REST is best when resources are well-defined. GraphQL, on the other hand, is best for large, complex as well as interrelated data sources. It also has only one URL endpoint. But REST has varying data points to define resources. Further, GraphQL returns data in a flexible structure. REST returns data in a fixed structure defined by the server.

REST is also weakly typed. But GraphQL is strongly typed. This means that the client can receive data in a format that’s mutually understood. In REST, clients must see if the returned data is valid by themselves. Fortunately, GraphQL takes care of this at the very first stage. Invalid requests are rejected by schema structure. When it comes to speed, GraphQL is faster. All thanks to efficient caching as well as reduced over-fetching and under-fetching.

Further, GraphQL is self-documenting. This means there are no comments, nothing. This is bad. Because again, what if someone doesn’t have any knowledge of these APIs but wants to learn them? Maybe that’s because REST is considered easy. Its learning curve is also moderate.

In case anyone wants to learn it, the best thing is that REST community is also large. Unfortunately, that’s not the case with GraphQL. It’s considered difficult. Further, the architecture of GraphQL is client-driven. REST, on the contrary, has server-driven architecture. GraphQL is organized in terms of schema and type system. But REST is organized in terms of endpoints. Fetching in GraphQL is done with a single API call. In REST, data fetching is done using multiple API calls.

All in all, you see, both GraphQL and REST looks the same. But they are actually not. GraphQL is best when one wants control of data fetching. But the thing is at times, GraphQL does complicate tasks. For instance, in an app that uses few fields, when one use GraphQL then complexity can be added because of types, queries, and other high-order components. REST can do more of what GraphQL is currently doing.
How to start your cloud journey
Tags: aws, beginners, cloud, career
Published: 2024-01-23 08:11:47

“The secret to getting ahead is getting started.”

― Mark Twain

_With the increase of cloud usage, it is now essential for every IT professional to atleast have a foundational knowledge on cloud computing._

#### What is cloud computing?

According to AWS

> Cloud computing is the on-demand delivery of IT resources over the Internet with pay-as-you-go pricing. Instead of buying, owning, and maintaining physical data centers and servers, you can access technology services, such as computing power, storage, and databases, on an as-needed basis from a cloud provider like Amazon Web Services (AWS).

In much leaner terms, they allow you to rent everything you see in a datacenter in an optimized, redundant and repeatable way.

The increase in cloud usage stems from offering velocity and zero capital expense. Make it more affordable, especially for startups to spin up environments to test and deploy their products.

But how should we, as people who offer technical services, dive in and dig deeper into this kind of offering? There are a lot of resource out their that would allow you to take a leap in learning these technologies. Let me give you some personal insights on how to start with it. (I'll be focusing on AWS for this article :) )

- **Learn one cloud service provider at a time**

You should choose cloud computing provider to start with. You can check cloud zero's latest list for 2024 https://www.cloudzero.com/blog/cloud-service-providers/ 

- **Create an account**

Once you've decided to choose for example AWS, Create an account, this will allow you to utilize the free tiers in creating and testing real life cases.

- **Learn the why's of cloud**

Start by learning why cloud, it's foundation and use case. For this there's a perfect course created by Andrew Brown thru freecodecamp in youtube --> https://youtu.be/NhDYbskXRgc?si=cD3ER6yZTYMdsQzF

- **Dive into the services**

The next step is to learn each service and the benefits of integrating these resources into your infrastructure. Check out Andrew Brown's Complete Bootcamp Course --> https://youtu.be/zA8guDqfv40?si=9fuBQ2STWGGN-2TH

This will not only give you a headstart, but also a portfolio that you can showcase for your cloud career.

- **Learn Infrastructure as code**

This technique not only gives you another technology to showcase with, but also reinforces your knowledge of services and resource integration (this is where I gained deep knowledge of AWS VPC's)

- **Take Certification**

Taking up certification will challenge your knowledge and show you things that you need attention on. It will also give you practical tips on best practices that you can use once you need to work on cloud tech. Here's the complete certification path specific to your role. https://d1.awsstatic.com/training-and-certification/docs/AWS_certification_paths.pdf

I hope this steps would allow you to take the first step in your cloud journey. There's a lot of resources out there, paid or free. You just need to discover those resources and study.

Cheers!
Help Needed: Nvidia Application Crash with Error 0xc0000005 on Intel Evo Laptop
Published: 2024-01-23 08:00:35

Hi All

I'm reaching out to seek assistance regarding a persistent issue I've been experiencing on my Intel Evo laptop. Specifically, I've been encountering Nvidia application crashes accompanied by the error code 0xc0000005.

Recently, my Nvidia applications have been consistently crashing on my [Intel Evo laptop](https://www.lenovo.com/ca/en/faqs/intel-evo/), and I'm at a loss as to how to resolve this. The error code 0xc0000005 appears each time, making it particularly challenging to pinpoint the root cause and implement a fix.

I've tried reinstalling the Nvidia drivers, but the issue persists.
Checked for any conflicting applications or software.
Ran a full system scan for malware and viruses.

Thank you in advance
Why you cannot use AI to do your copywriting
Tags: copywriting, bestcopywriter, webdev, ai
Published: 2024-01-23 07:59:12

1. Personal Touch Matters: AI lacks the human touch that makes your brand unique. Customers connect better with authentic, emotionally resonant content crafted by a real person who understands your business inside out.

2. Creativity Beyond Algorithms: While AI can generate content based on patterns, it can't outshine human creativity. Copywriting involves thinking outside the box, playing with words, and capturing attention in a way that AI simply can't replicate.

3. Understanding Nuances: AI struggles to grasp the subtleties of language, humor, and cultural nuances. Your copy needs to resonate with your target audience on a personal level, something that requires a nuanced understanding that AI might miss.

4. Adaptability to Trends: Business landscapes evolve, and so do marketing trends. A human copywriter can quickly adapt to the latest industry changes, shifting tones, and emerging styles, ensuring your content stays fresh and relevant.

5. Brand Voice Consistency: Maintaining a consistent brand voice is crucial for building a strong identity. AI might struggle to capture the unique tone, personality, and nuances that make your brand stand out, risking inconsistency in your messaging.
Enhancing React Performance with Pure Components and Batching
Tags: react, frontend, javascriptlibraries, javascript
Published: 2024-01-23 07:58:49

## Understanding React Batching
React utilizes a mechanism called "batching" to optimize the process of updating the DOM. When you trigger a state change or a prop update in a React component, React doesn't immediately perform the DOM manipulation. Instead, it batches these updates together and applies them in a single pass. This approach minimizes redundant operations and ensures a more efficient rendering process.

## Introducing Pure Components
Pure Components, a special category of React components, bring an additional layer of optimization. They automatically implement the shouldComponentUpdate lifecycle method with a shallow prop and state comparison. This means that a Pure Component will only re-render when its props or state values change.

## The Synergy of Pure Components and Batching
When Pure Components are combined with React's batching mechanism, the performance gains become even more pronounced. Here's why:

- **Reduced Re-renders**: Pure Components, by default, prevent unnecessary renders by comparing props and state with a shallow check. When updates are batched, React ensures that only the final values after the batch are considered. This can significantly reduce the number of renders, especially in scenarios with frequent updates.
- **Optimized DOM Manipulation**: Batching updates minimize the number of times the DOM is manipulated. Instead of applying changes immediately, React waits until all state and prop updates are collected and then efficiently updates the DOM in a single pass.

## Leveraging the Power in Your Components
To take advantage of this synergy, make sure your components meet the criteria for being Pure Components. Additionally, be mindful of your state management and the structure of your components to ensure optimal performance.


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

## Conclusion
In the pursuit of optimal React performance, understanding how Pure Components and batching updates work together is crucial. By minimizing unnecessary renders and efficiently updating the DOM in batches, you can ensure a smoother and more responsive user experience. Incorporate Pure Components strategically, especially in components where updates are frequent but the rendering logic is straightforward. This combination of techniques empowers developers to build high-performance React applications with improved efficiency.
Embedded Cameras
Published: 2024-01-23 07:57:31

Vadzo [embedded camera](https://www.vadzoimaging.com/embedded-cameras/) portfolio comprises of MIPI cameras based on imaging sensors from Onsemi, Sony & Omnivision. The cameras are being integrated with platforms based on Raspberri Pi, Nvidia, NXP, MediaTek, ST, etc.

Vadzo cameras have applicability across solutions such as medical devices, life science products, access control systems, kiosks and digital signages, retail IoT, industrial automation & robotics, fleet & asset management, sports training, smart surveillance, autonomous mobile robots, traffic management & smart city, etc.
Mastering Imaging Excellence with OEM USB Cameras
Published: 2024-01-23 07:56:21

As the name OEM USB ca[](https://www.vadzoimaging.com/mastering-imaging-with-oem-usb-cameras/)mera suggests, these cameras are not intended for direct sale to end-users but are designed to be integrated into various devices and applications, such as surveillance systems, medical and life science equipment, access control systems, kiosks and digital signages and more. OEM Cameras allow other manufacturers to incorporate high-quality imaging capabilities into their products without having to develop the camera technology from scratch, saving time and resources in the production process.

Vadzo Imaging specializes in design and manufacture of OEM USB cameras to enable the various product manufacturers to integrate high-performance cameras into their products and achieve quicker time to market and reduced cost of development.
👨‍💻 Daily Code 47 | Random Number 1-100, 🐍 Python and 🟨 JavaScript (2)
Tags: beginners, daily, python, javascript
Published: 2024-01-23 07:55:56

So as promised yesterday, I’m going to try this random number exercise again without ChatGPT. In Python I just generate the number and show it in the console, but in JavaScript I want to have a button in the browser to generate it and then also show it in the browser.

Let’s see how far I get!

# My Code

### Python

```python
# Randomly generate a number between 1 and 100

import random

def main():
    print(random.randint(1, 100))

if __name__ == '__main__':
    main()
```

Python was super easy for me now. Took me less than a minute. Really the only thing you need to know is `random.randint().`

### JavaScript

Now JS is where it got harder… Below is exactly how far I came without any help until I started struggling. How does that work again with .onclick…? I can’t just use it as a function.

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Random Number Generator</title>
</head>

<body>
    <button id="js-button">Generate random number</button>
    <div id="js-output"></div>

    <script>
        document.getElementById('js-button').onclick /* ...
    </script>
</body>

</html>
```

Alright ChatGPT to the rescue again!

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Random Number Generator</title>
</head>

<body>
    <button id="js-button">Generate random number </button>
    <div id="js-output"></div>

    <script>
        document.getElementById('js-button').onclick = function () {
            let randomNumber = Math.floor(Math.random() * 100) + 1;
            document.getElementById("js-output").textContent = randomNumber;
        }
    </script>
</body>

</html>
```

1. Alright it turns out instead of just calling `.onclick` as a function I just need to somehow use it with `= function () {}` .
2. And then the math works with `Math.floor(Math.random() * 100) + 1`. 
3. And lastly `.textContent = randomNumber`

Alright if I can remember these three things I think I should be able to do this exercise out of my head and without any help. I’ll try exactly that tomorrow!
phamngocdinh
Published: 2024-01-23 07:54:47

Phạm Ngọc Đỉnh - Điều Hành Viên Cấp Cao và Nhà Sáng Lập Công ty TNHH Nội thất Đức Dương:Phạm Ngọc Đỉnh, một tên tuổi không thể không nhắc đến trong lĩnh vực thiết kế và thi công nội thất tại Việt Nam. Với vị trí là CEO và nhà sáng lập của Công ty TNHH Nội thất Đức Dương, ông Đỉnh đã đóng góp không nhỏ vào sự phát triển và thành công của công ty.#phamngocdinh #adminnoithatducduong #ceonoithatducduong #ceophamngocdinh #authonoithatducduongThông tin chi tiết:Email: info.phamngocdinh@gmail.comPhone: 0906232528Địa chỉ: Tầng 3 tòa CT1- C14 Bắc Hà, Tố Hữu, Nam Từ Liêm.[https://noithatducduong.com/author/phamngocdinh/](https://noithatducduong.com/author/phamngocdinh/)
Migrating to Create react app v5, single bundle with craco and fast-refresh disable
Tags: react, craco, refresh, fileextension
Published: 2024-01-23 07:52:33

Hi

Until recently we have been working on node v16 and react-scripts v4. Our pipelines have migrated to v20 and we were forced to migrate. Due to our internal application framework limitations, our app cannot have more the one chunk. 

We had the following problems
1. limiting chunks to one 
2. skipping the limitation that all modules being imported need to have an file extension, like for example

```
// Earlier it was
import add from "./add"
// Now the expected is
import add from "./add.js"

```

After googling and stack overflow, found that we could modify the web pack config without eject, using [craco](https://www.npmjs.com/package/@craco/craco).


`
npm i -D @craco/craco
`

Respective config file is, which solve the above problems is

```
const webpack = require("webpack");

module.exports = {
  webpack: {
    plugins: {
      add: [
        new webpack.optimize.LimitChunkCountPlugin({
          maxChunks: 1,
        }),
      ],
      skipEnvChecks: true,
      skipEnvCheck: true,
    },
    configure: {
      module: {
        rules: [
          {
            test: /\.m?js$/,
            resolve: {
              fullySpecified: false,
            },
          },
        ],
      },
    },
  },
};

```

Respective package.json changes are

```
"scripts": {
-  "start": "react-scripts start"
+  "start": "craco start"
-  "build": "react-scripts build"
+  "build": "craco build"
-  "test:build": "craco build"
+. "test:build": "cross-env-shell NODE_ENV=test craco build"
-  "test": "react-scripts test"
+  "test": "craco test"
}
```

All was good, then came the next issue. Building for test enviroment. When I tried for it I have faced the following issue

```
Error: [BABEL] /Users/srikanthkyatham/Projects/ajv/appointmentclerkapp/app/appointmentclerkapp-frontend/js/src/index.tsx: React Refresh Babel transform should only be enabled in development environment. Instead, the environment is: "production". If you want to override this check, pass {skipEnvCheck: true} as plugin options. (While processing: "/Users/srikanthkyatham/Projects/ajv/appointmentclerkapp/app/appointmentclerkapp-frontend/js/node_modules/react-refresh/babel.js")
    at Generator.next (<anonymous>)
    at Generator.next (<anonymous>)
    at Generator.next (<anonymous>)
    at Generator.next (<anonymous>)
    at cachedFunction.next (<anonymous>)
    at loadPluginDescriptor.next (<anonymous>)
    at loadPluginDescriptors.next (<anonymous>)
    at Generator.next (<anonymous>)
    at loadFullConfig.next (<anonymous>)
    at transform.next (<anonymous>)
```

Solution for that is add env variable FAST_REFRESH=false
```
"scripts": {
  "test:build": "cross-env-shell NODE_ENV=test FAST_REFRESH=false craco build"
}
```
A Beginner's Guide to Creating Augmented Reality (AR)
Tags: ai, argumentedreality, extendedreality, vr
Published: 2024-01-23 07:51:45

Welcome to the exciting world of Augmented Reality (AR)! In simple terms, AR adds digital magic to the real world through devices like smartphones or AR glasses. If you're a beginner eager to dive into AR development, you're in the right place. Let's take this journey step by step.

### Basic Understanding:
AR development involves a mix of programming, 3D modeling, and sometimes machine learning. Don't worry if these terms sound intimidating; we'll break them down into easy-to-understand concepts.

### Choosing a Platform:
There are various AR platforms, but for beginners, Unity with AR Foundation, ARKit for iOS, and ARCore for Android are great starting points. These platforms provide the tools you need to create captivating AR experiences.

### Setting Up the Development Environment:
Before we get our hands dirty, let's set up our development environment. Follow these steps:

1. Install Unity Hub from [Unity's official website.](https://unity.com/)
2. Create a new AR project using Unity Hub.

### Creating Your First AR Experience:
Now, let's create a simple AR project. We'll place a virtual object in the real world using markers or image recognition. Copy and paste the following code into a new C# script in your Unity project:

```csharp
using UnityEngine;
using UnityEngine.XR.ARSubsystems;
using UnityEngine.XR.ARFoundation;

public class ARManager : MonoBehaviour
{
    ARRaycastManager raycastManager;
    ARSessionOrigin arSessionOrigin;

    void Start()
    {
        raycastManager = GetComponent<ARRaycastManager>();
        arSessionOrigin = GetComponent<ARSessionOrigin>();
    }

    void Update()
    {
        if (Input.touchCount > 0 && Input.GetTouch(0).phase == TouchPhase.Began)
        {
            Ray ray = Camera.main.ScreenPointToRay(Input.GetTouch(0).position);
            List<ARRaycastHit> hits = new List<ARRaycastHit>();

            if (raycastManager.Raycast(ray, hits, TrackableType.PlaneWithinPolygon))
            {
                Pose hitPose = hits[0].pose;
                Instantiate(yourVirtualObject, hitPose.position, hitPose.rotation);
            }
        }
    }
}

```

Replace `yourVirtualObject` with the virtual object you want to place in the AR environment.

### Testing Your AR App:
Test your AR app on a real device or an emulator. Make sure to test in a real-world environment to see how your virtual object interacts with the surroundings.

### Additional Resources:
To continue your AR journey, explore these resources:

* [Unity Learn](https://learn.unity.com/)
* [AR Foundation Documentation](https://docs.unity3d.com/Packages/com.unity.xr.arfoundation@5.1/index.html)
* Join the [Unity AR Community](https://forum.unity.com/forums/ar.161/)

Congratulations! You've just scratched the surface of AR development. Keep exploring, learning, and most importantly, have fun creating your AR wonders.
Make Money Online
Tags: tutorial, earn, makemoneyonline, ai
Published: 2024-01-23 07:42:36

[MAKE MONEY ONLINE](https://www.toprevenuegate.com/n5jz8terk?key=ee6d8e2110c4d6516d6f6da7564fbfb5)`




[[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/900rl0jy5ujssohysqdk.jpg)](https://www.toprevenuegate.com/n5jz8terk?key=ee6d8e2110c4d6516d6f6da7564fbfb5)

"Embrace the power within you to turn your aspirations into achievements. The path to financial success is paved with determination, innovation, and hard work. Each step you take towards your goals is an investment in your future. Believe in your skills, stay persistent in your efforts, and view challenges as opportunities for growth. Remember, [the journey to making money is not just about accumulating wealth;](https://www.toprevenuegate.com/n5jz8terk?key=ee6d8e2110c4d6516d6f6da7564fbfb5) it's about unlocking your potential and creating a life of abundance. Seize every moment, stay focused, and let your passion drive you towards the financial success you deserve. 


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/maymi4mn1ilg3xq3us0s.jpg)](https://www.toprevenuegate.com/n5jz8terk?key=ee6d8e2110c4d6516d6f6da7564fbfb5)
LEGACY: Jeff Bezos' Amazon Prime Loophole = Your Ultimate Goldmine!
Tags: ai, software
Published: 2024-01-23 07:22:56


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6vytpy68vop4kh98awhi.jpg)LEGACY Review- Amazon Prime Traffic Tsunami Unleashed with LEGACY! Act Now!
https://samina-review.com/legacy-review/
The world's first AI system designed to harness the immense potential of Amazon Prime for not just traffic, but for a jaw-dropping $293.47 in daily automated commissions!
#LEGACY, #AIRevolution, #AffiliateMarketingMastery, #AmazonRevolution, #LEGACYReview, #Makemoneyonline