teleren/devto huggingface dataset:
Graph and Trees - Basic
Tags: programming, beginners, tutorial, computerscience
Published: 2022-11-08 17:03:52

# Graph

A graph is a non-linear data structure composed of nodes and edges. The nodes are also known as vertices; edges are lines or arcs connecting any two nodes in the graph. There are two types of representation techniques for a graph. Those are:

- **Matrix:** Even though we won't be using it frequently, it's still helpful to have some familiarity with it.
- **List:**
    - Arrays of Vectors
    - Vectors of Vectors

### Vertices and Edges


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

This is a graph with five **Vertices**. We can also call them **Nodes**. If we connect the vertices with lines, then the lines will be called **Edges**.


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

Basically, all the edges above are bidirectional. It means that we can go from `1` to `3` and also from `3` to `1`. We can make an edge unidirectional by giving it a detection using an arrow.


![Graph](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1bsk5z97alshbwlnd4kz.png)


# Tree

A tree is a graph that has no cycles in it.


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

This is not a tree because there is a cycle between `1`, `2`, and `3`. If we remove that edge, then it will become a tree.


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

If a tree has `n` nodes, then the number of edges it will have is `n-1`.
Luos brings open-source microservices to embedded design
Tags: article, opensource, startup, luos
Published: 2022-11-08 16:35:48

Saumitra Jagdale from EE Times interviewed Nicolas Rabault on how Luos works, why they chose the microservices approach and what the business model looks like. 

⏩ Read the full article [here](https://www.eetimes.eu/luos-brings-open-source-microservices-to-embedded-design/)

💬 The CEO’s vision is to see microservices become “a reflex for developers when it comes to hardware development, and to see Luos and the underlying technology deployed in a wide variety of industries.”
Solution of Android resource linking failed in React Native
Tags: reactnative, android, reactnativeandroid
Published: 2022-11-08 16:33:30

## ERROR
`Android resource linking failed` error raises by some forms like:
- `AAPT: error: resource android:attr/lStar not found`
- `error: method does not override or implement a method from a supertype @Override`
- `AAPT: error: resource android:attr/lStar not found.`


## EXPLANATION

It often raises due to transitive dependencies for old RN projects.

However, upgrading react-native version is broken. because each installed package with npm or it's dependencies could be using newer version of react-native or even the latest one.
(check this `'com.facebook.react:react-native:+'` in android/app/build.gradle)
So, endless problems can bomb when you try to change packages to your current RN version.

Any way, upgrading existing projects is expensive Dude! 😌

## SOLUTION
Don't change versions... 
Add the following block to the end of android/build.gradle file

```
subprojects {
    configurations.all {
        resolutionStrategy {
            force 'com.facebook.react:react-native:${YOUR_RN_VERSION}'
        }
    }
}
```
And that's it! 😃

Happy Coding 😍
Happy Buildin 😌
Realm SwiftUI Template App
Tags: realm, swiftui, swift, mobile
Published: 2022-11-08 16:29:25

I regularly spin up new Realm SwiftUI client applications to test new features and play with different proof-of-concept app ideas. I love using Realm with SwiftUI, but there's a bit of boilerplate involved in even a basic project that has a list view, a detail view, an edit view, and a create view. 

To shortcut this, I've created a [local-only Realm SwiftUI template app](https://github.com/dacharyc/realm-swiftui-local-client) based on [the Device Sync task tracker app](https://www.mongodb.com/docs/atlas/app-services/reference/template-apps/). This iOS SwiftUI App has all of the Device Sync logic stripped from it, and persists data locally to the device using free, open-source [Realm Database](https://www.mongodb.com/docs/realm/) via the [Swift SDK](https://www.mongodb.com/docs/realm/sdk/swift/) and some of its [SwiftUI property wrappers](https://www.mongodb.com/docs/realm/sdk/swift/swiftui/).

Styling and models are minimal to support adapting this to any type of list-style app you might want to quickly PoC.

The GitHub repo is: [https://github.com/dacharyc/realm-swiftui-local-client](https://github.com/dacharyc/realm-swiftui-local-client) - feel free to fork and use this as a quick start for your own Realm SwiftUI PoC apps. Happy building!

![Item List View](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qo5c2vat2wqml633wfpn.jpg)

![Create Item View](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cr2u87yxa5weq04kn39h.jpg)

![Update Item View](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rqt0jhlz1lcz3whuaw95.jpg)
Devart participates in .NET Conf 2022!
Tags: devart, dotnetfdn, dotnetconf
Published: 2022-11-08 16:18:29

---
title: Devart participates in .NET Conf 2022!  
published: true
description: 
tags: devart, dotnetfdn, dotNETConf
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-11-08 16:16 +0000
---
Online conference with live-streamed tech talks, online discussion, and community events for everyone in the .NET community from beginners to seasoned engineers.

November 8-10, 3 days of free dotnet developer content streaming live around the globe. 
You can join the event here:  https://www.dotnetconf.net/
React.js VS Angular
Tags: react, javascript, angular
Published: 2022-11-08 16:11:26

## What is React?
React is a JavaScript **library** developed by Facebook which allows you to build **UI components**. It facilitates the creation of interactive User Interfaces. It also makes the code easier to understand and launch. React Java Script framework uses **server-side rendering** to provide a flexible, performance-oriented solution.

## Angular vs React:

- AngularJS is an open-source platform developed by Google, while ReactJS is
- an open-source library developed by Facebook.
- **Angular JS** is a TypeScript-based web application framework, whereas 
- **React JS** is a JavaScript-based library.
- While talking about React JS vs Angular, Angular is a JS framework built using
- TypeScript, whereas React JS is a JS library built using JSX.
- **React.js** is mostly used to build interactive UI components with frequently
- variable data, whereas Angular.js is used to build complex enterprise apps like
- **progressive web** apps and **single-page apps**.
- While comparing **Angular JS** vs **React JS**, Angular JS is used to build singlepage applications using HTML and TypeScript. React JS is commonly used to
- create user interfaces for single-page applications from isolated components.
- The actual difference between React and Angular is their learning curve –
- **Angular** is steeper, while **React** has a moderate learning curve.
- **Angular** is a part of the MEAN stack and is very compatible with many code
- editors. It’s also considered to develop dynamic websites and web apps. On the
- other hand, **React** is widely used to develop reusable HTML elements for front
- end development

## DOM vs Virtual DOM:
Incremental **DOM** – when a new DOM is created, it compares it to the previous one and applies the differences to the “actual” DOM, only allocating memory if necessary.

**Virtual DOM** – anytime the DOM changes, a new virtual DOM is created, compared to the previous one, and only the differences are modified in the “real” DOM.

## Oneway Data Binding vs Two way:
Supports both one way and two way  data binding ,two-way data binding means that if we modify the UI input, the model state will change, and vice versa.

One-way data binding means that a UI element can’t affect a component’s state.

## Library vs Framework:

A **library** performs specific, well-defined operations.

A **framework** is a skeleton where the application defines the "meat" of the operation by filling out the skeleton. The skeleton still has code to link up the parts but the most important work is done by the application.
Flutter-like cross-platfrom apps using Python😲!!
Tags: python, apps, flutter, crossplatform
Published: 2022-11-08 15:30:11

# ✨Introduction


> **Cross platform apps with python.**


> Flet is mainly a UI framework powered by flutter which can help you make cross platform GUI apps with python or any other language.

You can now make flutter apps with just python with the **Flet Framework**!! How cool is this! It's a new way to make flutter apps easily. You don't need to use dart language to make flutter apps anymore. You can write and make widgets with the python single file code!! Don't need to download flutter SDK, make an environment and huge file structure. You can now just install the python and **flet packages** on your machine and you're ready to go.

> The app can be run on Browser, Android/IOS, Windows/macOS/Linux

# 🌟Features
Flet UI is built with Flutter.
![Screenshot 2022-11-08 205211.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1667919228795/XcyoKdMwF.jpg)

# 📂Basic Structure
First, install flet with the command
 ```
pip install flet
```

 A basic app structure to start a blank window. It is so easy to write code in Flet.  A single-based file setup.


```python
# app.py
import flet
from flet import Page

def main(page: Page):
    # add/update controls on Page
    pass

flet.app(target=main)
```

On the other hand, a basic flutter app structure is like this:

![WhatsApp Image 2022-10-15 at 10.05.11.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1667919914661/yfyDhf7A5.jpg)

# 🖥Basic app with  Flet

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1667920566290/vl1qqHCXs.png)

# Conclusion
It is very simple to start with and make your cross-platform apps easily with python very quickly. Concepts are very similar to flutter. But you can write apps with widgets only using simple python code. Get started with [Flet](https://flet.dev/). Run your code on any platform.
How I Promote My Website?
Tags: tutorial, beginners, webdev, wordpress
Published: 2022-11-08 15:13:20

**I started my website back in 2018** but I was not as successful as today. I spent hours and hours learning and growing it but finally, everything flopped.

It's not easy to build a WordPress website as it is assumed and I have been developing several high-end websites for my clients through **[freelancer](https://manipathak.com/what-is-freelancing/)**.

**I am a 5-start-rated freelancer at Freelancer.com and earn about $1000 to $3000 every month and it's possible.
**
How to earn at Freelancer - Learn in detail here.

Anyway, I was on my website.

Out of curiosity and willingness to build my own business, I started a blog website name "**Manipathak.com**".

Here, I talk about SEO, digital marketing, blogging, web development, and making money online.

Great, if you are still reading.

## How I Promote My Websites?

Well, it's easy to promote it now for FREE.

Though I use both paid and free methods to get more and more traffic, new services request, and for making money.

1. Answer questions on Quora to get traffic.
2. Run paid ads on Google to drive traffic and generate leads.
3. Promote on social media groups and pages including Pinterest.
4. Create and publish videos on YouTube.
5. Email marketing to drive traffic.
6. SEO and content marketing and guest blogging and posting.
7. Collobodarting with fellow creators.
8. Join and post my articles in new communities. 
9. Messing with my friends, clients, and followers.
10. User automation tools such as buffer.

Sounds good?

## Summary

As a web developer, blogger, or content marketing expert, you always need the audience to read, share and contribute to your work (Mission).

A significant aim is achieved by working, collaborating, and helping in a great community for a loyal audience.

It makes me a lot of money to help entrepreneurs and bloggers.

This all could be possible When I started a [blog website](https://manipathak.com/how-to-create-a-blog/).

This is all for today, feel free to comment below.

Thanks for your time.
Top 7 Featured DEV Posts from the Past Week
Tags: top7
Published: 2022-11-08 15:00:08

---
title: Top 7 Featured DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week
tags: icymi 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week._ 

## Searching for Retro Games with Xata

Build a full stack web app that allows you to search a collection of retro games data to find the old-school console games of your dreams with this tutorial from @anjanavakil.

{% embed https://dev.to/anjanavakil/searching-for-retro-games-with-next-13-xata-4e5g %}


## Implementing Clean Architecture in Go 

In this article, @bohdanstupak1 takes a look at how clean architecture is implemented in Go, along with some additional topics like containerization and implementing OpenAPI specs with Swagger.

{% embed https://dev.to/bohdanstupak1/implementing-clean-architecture-in-go-5417 %}


## When Rust Takes Over the Terminal 

Recently there has been a surge of command line tools and utilities written in Rust, many of which are intended to replace standard Unix commands. Let's dive in with @deepu105!

{% embed https://dev.to/deepu105/rust-easy-modern-cross-platform-command-line-tools-to-supercharge-your-terminal-4dd3 %}


## Tips to Become a Great Software Engineer

What is the difference between somebody who can write code and a great software engineer? @jamielivingstone talks through the nuances in this article. 

{% embed https://dev.to/jamielivingstone/tips-to-become-a-great-software-engineer-10gf %}


## Project Folder Structuring (NodeJS/ExpressJS) 

@mr_ali3n has tried several project structures over the years, finally landing on the one they think works best for NodeJS or ExpressJS projects.

{% embed https://dev.to/mr_ali3n/folder-structure-for-nodejs-expressjs-project-435l %}


## Tips for Faster Page Loading

Website conversion rates drop by an average of 4.42% with each additional second of load time up to 5 seconds. If you want to grab your audience’s attention, follow these steps from @koustav to get your site loading faster.

{% embed https://dev.to/koustav/html-css-features-tips-for-a-10x-fast-page-loading-speed-4jop %}


## Taking a Look at Mastodon 

With Twitter’s future looking grim, folks are looking for other places to go. The talk of the town seems to be Mastodon, so let’s take a brief look at the platform with @evertp.

{% embed https://dev.to/evertp/taking-a-look-at-mastodon-398n %}


_That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!_
Video: AI Builder – Creating a Custom Image Recognition Model
Tags: development, aibuilder, flow, imagerecognition
Published: 2022-11-10 20:07:26

---
title: Video: AI Builder – Creating a Custom Image Recognition Model
published: true
date: 2022-11-08 15:00:00 UTC
tags: Development,AIBuilder,flow,imagerecognition
canonical_url: https://barretblake.dev/2022/11/video-ai-builder-creating-a-custom-image-recognition-model/?utm_source=rss&utm_medium=rss&utm_campaign=video-ai-builder-creating-a-custom-image-recognition-model
---

This time I take you on a tour of using AI Builder in Power Automate to create a custom image recognition model to identify gaming dice.

<iframe title="AI Builder - Creating a Custom Image Recognition Model" width="700" height="394" src="https://www.youtube.com/embed/eNHoGpDM_3w?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

The post [Video: AI Builder – Creating a Custom Image Recognition Model](https://barretblake.dev/2022/11/video-ai-builder-creating-a-custom-image-recognition-model/) first appeared on [Barret Codes](https://barretblake.dev).
Function with dynamically typed parameters, in Typescript.
Tags: typescript, beginners, programming
Published: 2022-11-08 14:52:00

### In Typescript, how to create a function that returns the type that itself receives?

* If we don't explicitly set the parameter the function returns an 'any' type.

* If we set it, the function returns the fixed type in the parameter.

So, how to handle it? Let's see.

---

In the below example, we declare a function that receives a parameter and returns the parameter itself. This parameter was not explicitly set, so when we call the function, the returned value has an 'any' type.


![example.ts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y2pkjsk2k6ju9prilnga.png)

But, wait... We passed a number as a parameter to our function and this function just returns this parameter, so, the value should be a number, right? Well, unfortunately, the Typescript "doesn't understand" it in this way.

To handle with this, we can use **Generics** of Typescript.

---

### Generics in Typescript

Okay, so we will use Generics, but what is Generics?

The Typescript documentation explains Generics as: 
> "(...) being able to create a component that can work on multiple types rather than a single one."

Refactoring the code, our function now received the _type variable_ **Type**, a kind of variable that works on types rather than values. This **Type** allow us to capture the type that the user inform. And in this example, we declare this **Type** as the type of the return of the function.

![example.ts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1b9iwifnqz9autmvyu7b.png)

So, if we pass a number to our function it will return a number, if we pass a string it will return a string, if we pass an object with some attributes (like as example above), it will return the object with the typed values. The same goes for array and other types.

---

### Concluding

In this way, our function will apply types regardless of what we pass as a parameter. This allows us to create functions that can be used in different contexts, turning the function more reusable.

It is worth mentioning that, despite this feature of Typescript, it is always interesting to try to be declarative in your typing. So, this is a feature to use with prudence.

---

#### References

* [Typescript Documentation](https://www.typescriptlang.org/docs/handbook/2/generics.html)
* [Understanding Typescript Generics - Eng](https://betterprogramming.pub/typescript-generics-90be93d8c292)
Creating a UUID in Step Functions
Tags: aws, stepfunctions, serverless
Published: 2022-11-08 14:32:14

In a recent project I wanted to generate a UUID in a StepFunction. Using the new [intrinsic functions](https://docs.aws.amazon.com/step-functions/latest/dg/amazon-states-language-intrinsic-functions.html) this should be possible without using a Lambda! While this is pretty awesome I ran into an issue. I wanted to generate a UUID and set it in the _root_ of the state _while keeping the existing state_.

Example Input:

```
{
  "Comment": "Step Functions is awesome!"
}
```

Desired Output:

```
{
  "Comment": "Step Functions is awesome!",
  "UUID": "42e6272f-8f63-4154-9719-2845e0952b9f"
}
```

It is not possible to return a scalar value from a variable or function in a Pass type. I can trace this back to this sentence in the [documentation](https://docs.aws.amazon.com/step-functions/latest/dg/input-output-inputpath-params.html#input-output-resultselector):

> The ResultSelector field lets you create a collection of key value pairs, where the values are static or selected from the state's result.

It clearly states ResultSelector can only create key value pairs, not a scalar (based on variable input).

During my quest I decided to ask around on the [AWS NL User Group](https://awsug.nl/) [Slack channel](https://awsugnl.slack.com/join/shared_invite/zt-dau5xd53-IHC~vOcUAl6VwQepbfS12A#/shared-invite/email). Pretty quickly friendly community member [Tomoharu Ito](https://twitter.com/haruharuharuby) started experimenting and came with a great solution. Unfortunately it requires 2 steps but it gets the job done. Funnily enough, this also uses one of the new intrinsic functions. After a small bit of optimizing on my end, this is the end result:

```
StartAt: GenerateUuid
States:
  GenerateUuid:
    Type: Pass
    Next: Merge
    Parameters:
      Original.$: "$"
      New:
        UUID.$: States.UUID()
  Merge:
    Type: Pass
    End: true
    Parameters:
      Merged.$: States.JsonMerge($.Original, $.New, false)
    OutputPath: "$.Merged"
```

Even though 2 steps are required, I prefer this over a single Lambda function since we don't have any invocation cost and also it saves us the maintenance of this Lambda function.

Hopefully this is helpful to others running into the same issue.
Docker Certified Associate Exam most effective
Published: 2022-11-08 14:27:36

[Docker Certified Associate Exam](https://dumpsarena.com/docker-certification/docker-certified-associate/) It is the most effective IT certification protecting the whole containerization talent spectrum from writing Docker documents to dealing with Kubernetes Clusters, It has a completely unique examination sample regarding a mixture of Multiple Choice and Multiple Response questions, Multiple Response questions require applicants to offer the ideal reaction now no longer most effective for the proper solutions however additionally for the incorrect ones, This method DCA Certificate holders are [Docker Certified Associate Exam](https://dumpsarena.com/docker-certification/docker-certified-associate/) probable to be extra assured and informed than others with their theoretical standards and realistic understanding. DCA Exam Prep Course Special assessments require unique instruction and this route is precisely what you want. This route is a meticulous blend of theoretical motives and realistic demonstrations. It has been assisted through our in residence DCA professional. Her guides have taught Docker to over 70000 college students and he or she has additionally authored a ee-e book on Containers! 

Get 25% Special Discount ……..>>>>>>>>> https://dumpsarena.com/docker-certification/docker-certified-associate/