teleren/devto huggingface dataset:
Components of the blockchain ecosystem
Published: 2022-02-21 12:49:06

Like any other software platform, blockchain has an ecosystem where components are dependent on each other.

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

- **Projects** — The Blockchain ecosystem is currently running with some major projects and more are in the pipeline. Bitcoin, Neo, Stellar are some popular names.

- **Users** — Blockchain users are ordinary people, who make use of the blockchain or cryptocurrency to achieve some results.

- **Exchanges** — Every Blockchain project has a robust ecosystem working under it, that includes a decentralised exchange. Exchanges are developed by the Blockchain team or the community of other developers.

- **Miners** — Blockchain requires a large network of independent nodes around the world to maintain it continuously. In private blockchains, a central organisation has authority over every node on the network. In public blockchains, anyone can set up their computer to act as a node and these computers are called miners.

- **Developers** — Currently there are two types of developers in the blockchain ecosystem: blockchain developers and dApps developers

- **Applications** — Industries, developers and communities build blockchain applications to serve a specific purpose. They are called dApps and are the foundation of Web3.0

## Architectural view

These are the most common layers available with every platform:

- **App layer** — most commonly contains legacy and enterprise apps.
- **Integration platform** — layers with different kinds of protocols, like REST, governance and API management.
- **Blockchain access layer** — features to fetch and write data to the blockchain
- **Analytics** — reporting, dashboard or analytics-based system

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0v03artookdpyyg9cvl5.png)
How To Run Your First CI/CD Pipeline Using GitLab CI/CD? | GitLab CI/CD Tutorial | Part IV

Tags: devops, git, cicd, tutorial
Published: 2022-02-21 12:47:22

{% youtube _FQkAKtlUsM %}

This video explains how to configure a CI/CD pipeline with GitLab CI/CD using  LambdaTest. 
[Start FREE Testing](https://accounts.lambdatest.com/register?utm_source=YouTube&utm_medium=YTChannel&utm_campaign=Video&utm_term=_FQkAKtlUsM) 
Run Selenium Tests In GitLab CI -: https://bit.ly/3C82MK2
#crossbrowsertesting #lamdatesttunnel #vm #seleniumscripts #remotebrowsers #localtunnel #CICDpipeline 

This tutorial series answers the following 🎯 

◼ How do I run a GitLab pipeline?
◼ What is CI CD pipeline in GitLab?
◼ How do you run CI CD pipeline?
◼ How do I run a GitLab pipeline locally?

The project that we’ll be using for this GitLab CI/CD tutorial is the HourGlass 2018 [ https://github.com/psych0der/Hourglass ] which is a MERN(Mongo Express React & Nodejs) stack application. It’s a simple time management application of that time. As best practices change every month. Some of these might have been updated, but most of these are still relevant. It is a full production scale and production style development repository.

Testing web-application URL: http://hourglass.surge.sh/

✌🏻Start LambdaTest GitLab Integration Today  -: https://bit.ly/3kaSO4g
Environment Variables, Cached Dependencies, Triggers & Parameters in GitLab CICD | Tutorial Part III
Tags: git, cicd, tutorial, devops
Published: 2022-02-21 12:42:11

{% youtube VLgqN7DTP0U %}

This video explains the Environment Variables, Cached Dependencies, Triggers, and Parameters in GitLab CI/CD. [Start FREE Testing.](https://accounts.lambdatest.com/register?utm_source=YouTube&utm_medium=YTChannel&utm_campaign=Video&utm_term=VLgqN7DTP0U)
Run Selenium Tests In GitLab CI -: https://bit.ly/3C82MK2

Want to get started with CICD? Well, here is a detailed CI/CD Tutorial by LambdaTest answers the following -:

◼ What triggers a Gitlab pipeline?
◼ How do you trigger CI CD pipeline?
◼ What is Gitlab trigger?
◼ How do you declare a variable in Gitlab CI Yml?
◼ What is the environment in Gitlab CICD?
◼ How do you set environment variables in Gitlab?
◼ How do you set environment variables in Gitlab CI Yml?
◼ Where are Gitlab environment variables?
◼ What is cache in GitLab CI?
◼ What is CI CD pipeline GitLab?
◼ What are artifacts in GitLab CI?
◼ Does GitLab have CICD?
Recursion | Count the number of Zeros in a number
Published: 2022-02-21 12:38:38

```
public class CountZeros {

	
	public static int countZeros(int n) {
		if(n==0) {
			return 1;
		}
		else {
			return countZero(n);
		}
	}

	public static int countZero(int n) {
		
		if(n<10) {
			
			if(n==0)
			{
			return 1;}
			else {
				 return 0;
			}
		}
		else {
			int temp = n%10;
			n = n /10;
			if(temp==0) {
				return 1 + countZeros(n);
			}
			return countZeros(n);
		}
		
		
	}
		
	public static void main(String ... args) {
		
		System.out.println(countZeros(110110));
		
	}
	
}
```
Revealing Your Hidden Folders In Windows 10
Tags: windows10, opensource, webdev, growthhacker
Published: 2022-02-21 12:32:11

## Unlock GOD MODE 

Are you in your Software Engineering journey? Or just want to have access to some hidden files and folders within your computer in Windows 10? Either way, I got you.

This can be done several ways. In my experience there is more than one way to get to Walmart from my house. But here is one quick way to change your folder options from hidden to GOD MODE.

---

## Super Simple Instructions

- Hit your **START** or **WINDOWS KEY**
- After type **FILE OPTIONS** 

You then should see an option called **FILE EXPLORER OPTIONS**, click on that. Then you will see a window like the picture below:

![File Explorer Options - General Tab](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79viwkddz701ngrwcw51.jpg)

- Next Click on the **VIEW** tab inside File Explorer Options window
- With the **VIEW** tab selected, look down midway for `show hidden files, folders and drives`
- Next click **SHOW HIDDEN FILES, FOLDERS AND DRIVES**
- Click **APPLY** and hit **OK**

![![File Explorer Options - View Tab](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79viwkddz701ngrwcw51.jpg)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o2anabs9r7oy9rj5umcd.jpg)

---

## GOD MODE BEGINS

---

I hope this helps you!

J
How to Become A Production Hero as Developer with Refine in 2022
Tags: javascript, admin, antdesign, react
Published: 2022-02-21 12:30:37

---
canonical_url: https://refine.dev/blog/how-to-become-a-production-hero-refine-2022/
---


With 2022, a new future in our careers as software developers. We will meet new technologies this year and continue to pursue innovations as before.


### Production Oriented Approach 🧰 

`{ Production }`

Developing is often a real challenge. It is necessary to follow the innovations and use all these in the right place at the right time and again in the right way. Sometimes all these prevent us from producing or slow down our production process. It is our responsibility to ensure that technology serves us in a development environment where we prioritize production.

### Is speed everything?

So is speed exactly everything?

3 main components affect production in traditional production methods.

Speed 💨
Quality👌 
Time ⌛

Can you imagine what a development environment would be like where we provided all 3 components at the same time?

### Briefly Refine

A React-based <u>headless</u> framework for building data-intensive applications in no time.

#### What gives us Refine?

The word headless is underlined above. So Refine drop you into UI heaven, meanwhile, you can also use Antd library support.

#### Routing

- React Router
- React Location
- Next.js Router

	

#### Data Provider

- Rest API
- GraphQL
- NestJs CRUD
- Airtable
- Strapi
- Strapi v4
- Strapi GraphQL
- Supabase
- Hasura
- Appwrite
- Firebase
- Altogic
	

#### State Management

Refine uses React Query for all state management processes.

#### Authentication & Authorization

Authentication and authorization processes are performed with the auth provider.

#### i18n

Internationalization...

Yes, of course.Both for React and Next.

#### Realtime

Realtime support to your app via liveProvider, there's even an [example](https://refine.dev/docs/examples/live-provider/ably/) made for you with Ably.


### What makes Refine Unique?

Refine stands out with its wide _**routing**_, **_access control_** options, supporting the ability to use _**any UI Framework**_ and **_NextJS SSR_** support when compared to  React Admin, retool, adminBro.

### Look at your productivity without worrying about is everything on the way

As you can see, you can find all the support you need to develop a data-intensive application in Refine. The best part is Refine is open-source. All you have to do is focus on your idea and project and experience the confidence of developing with React-based Refine.

If you want to take a closer look at [Refine](https://refine.dev/)

If you say you don't want to be alone while developing a product, the community is ready to meet you. Click for the [Discord link](https://discord.com/invite/UuU3XCc3J5).
Introduction to data structures and algorithms with python
Tags: beginners, python, datastructures, algorithms
Published: 2022-02-21 12:30:32

**List**
A list in python is a built-in data type which is used to store multiple items in a single variable. Lists are created using square brackets.
List items are ordered, changeable and allow duplicate values. List items are indexed; the first item has index 0 the second item has index 1.

**Dictionaries**
Dictionaries are used to store data values in Key:Value pairs. Dictionaries are ordered, changeable and do not allow duplicates.
Dictionaries are written with curly brackets and have keys and values.
Items in a dictionary can be referred to by using the key name.

**Tuples**
Tuples are used to store multiple items in a single variable. A tuple is one of four built-in data types in python used to store collections of data. A tuple is a collection which is ordered and unchangeable. A tuple is written with round brackets.
Tuples are ordered and changeable and allow duplicate values. Tuple items are indexed; the first item has index 0 the second item has index 1.

**Sets**
A set in python is another type of built-in data type. Sets are used to store multiple items in a single variable. A set  is a collection which is ordered and changeable and indexed. 
NB: Set items are unchangeable but you can remove items and add new items.
Sets are written with curly brackets.

**Queues**
A queue is a linear data structure which means that data elements are stored in a sequential manner. A queue uses a First In First Out (FIFO)  method of storage that means the last recently added item is removed first. For example; in any queue of consumers for resources, the consumer that came first is served first. 

**Stack **
A stack is another linear data structure that is very similar to a queue. It however follows the Last In Last Out  (LIFO) method of storage; that is, the last item that goes in is the first item that goes out. An example of stack is when plates are arranged on a shelf. Stacks can be implemented in browsers where the last opened tab will be the top most item in the history.

**Linked list**
A linked list is a sequence of data elements, which are connected together via links. Each data element contains a connection to another data element in the form of a pointer. They are implemented using the node concept. A node object is created and then another class is created to use this node object. Appropriate values are passed through the node object to point to the next data elements.
How to install OpenStack with Kayobe
Published: 2022-02-21 12:13:49

---
title: How to install OpenStack with Kayobe
published: true
description: We look into installing OpenStack using Kayobe. OpenStack is a compute cluster solution with a lot of different services that could handle many task such as storage, network, compute and orchestration.
tags:
cover_image: https://i.ytimg.com/vi/teWgCm6Aq1c/maxresdefault.jpg
---

{% youtube teWgCm6Aq1c %}

We look into installing OpenStack using Kayobe. OpenStack is a compute cluster solution with a lot of different services that could handle many task such as storage, network, compute and orchestration.
How To Create Bootable USB Drives With Linux Disks Application
Tags: uncategorized
Published: 2022-02-23 05:05:42

---
title: How To Create Bootable USB Drives With Linux Disks Application
published: true
date: 2022-02-21 11:11:44 UTC
tags: Uncategorized
canonical_url: https://fossnaija.com/create-a-linux-bootable-drive-with-disk-app/?utm_source=rss&utm_medium=rss&utm_campaign=create-a-linux-bootable-drive-with-disk-app
---

Creating a [bootable](https://fossnaija.com/how-to-make-bootable-drives-ubuntu-startup-disk-creator/) (installation) USB drive is one very important process in the installation of Linux on a computer. Though there are many ways this can be done as we’ve [previously shown](https://fossnaija.com/how-to-make-bootable-drives-ubuntu-startup-disk-creator/), in this video we’ll be showing you how you can create a bootable drive using the [Linux](https://fossnaija.com/?s=linux) Disks application (or utility) bundled with Linux out-of-the-box.

ENJOY!!!



{% youtube Ld_rrZS9neo %}

**Happy Linux!**

The post [How To Create Bootable USB Drives With Linux Disks Application](https://fossnaija.com/create-a-linux-bootable-drive-with-disk-app/) appeared first on [Foss Naija](https://fossnaija.com).
Create an Angular Rich Text Editor Using Angular CLI
Tags: angular, webdev
Published: 2022-02-21 10:44:42

See how easily you can create and configure the [Angular Rich Text Editor](https://www.syncfusion.com/angular-ui-components/angular-wysiwyg-rich-text-editor) component of Syncfusion. This video explains how to edit and format HTML and Markdown content using the Syncfusion Angular Rich Text Editor component. It also explains a few of the important features of Rich Text Editor, like how to customize the toolbar, add HTML elements, and retrieve formatted HTML content. 

Download a getting started example from GitHub: https://github.com/SyncfusionExamples... 

Product Overview: https://www.syncfusion.com/angular-ui-components/angular-wysiwyg-rich-text-editor

{% youtube wrod5Rzg85o %}
Find minimum in rotated sorted array in Python(code and explanation)
Tags: python, algorithms, leetcode, beginners
Published: 2022-02-21 10:42:02

**Problem statement**
Suppose an array of length n sorted in ascending order is rotated between 1 and n times. For example, the array nums = [0,1,2,4,5,6,7] might become:

[4,5,6,7,0,1,2] if it was rotated 4 times.
[0,1,2,4,5,6,7] if it was rotated 7 times.
Notice that rotating an array [a[0], a[1], a[2], ..., a[n-1]] 1 time results in the array [a[n-1], a[0], a[1], a[2], ..., a[n-2]].

Given the sorted rotated array nums of unique elements, return the minimum element of this array.

You must write an algorithm that runs in O(log n) time.

Example 1:

```
Input: nums = [3,4,5,1,2]
Output: 1
Explanation: The original array was [1,2,3,4,5] rotated 3 times.
```

**Intuition**
From the question we can easily understand that it is a Binary Search question(Hints - _Sorted and expectedTime Complexity-logn_).
But we cannot directly apply it.

**Implementation**
So if the array is rotated then we can say that now the entire array is divided into two different sorted arrays.
for eg.

```
[6, 7, 8, 1, 4]
0 1 2 3 4
```
from index 0 to 2 the array is sorted and from index 3 to 3 the array is sorted.
But from index 2 to 3 the array is not sorted.
Also we can say that if any number from array is greater than its first element than it is sorted.Then we will look for our number in right part of array i.e

```python
l = mid + 1
```
And if any number is less than its first element than it is not sorted from first index to mid.Then we will look for our number in left part of array i.e

```python
h = mid - 1
```
Also in the array the smallest number will be the number that is smaller than both its previous and next element
Hence we will check

```python
 if nums[mid] < nums[mid-1]:
         return nums[mid]
 if nums[mid+1] < nums[mid]:
         return nums[mid+1]
```
**Code**

```python
class Solution:
    def findMin(self, nums: List[int]) -> int:
        if len(nums) == 1:
            return nums[0]
        
        l, h = 0, len(nums)-1
        
        if nums[h] > nums[0]:
            return nums[0]
        while l <= h:
            mid = (l+h)//2
            
            if nums[mid] < nums[mid-1]:
                return nums[mid]
            if nums[mid+1] < nums[mid]:
                return nums[mid+1]
            
            if nums[mid] > nums[0]:
                l = mid + 1
            else:
                h = mid - 1
```
**Time Complexity**
O(logn) as we are using binary search itself with some changes.

**Space Complexity**
O(1) No extra space required similar to binary search.
packagemain #23: Fuzz Testing in Go
Tags: go, testing, fuzz, fuzzing
Published: 2022-02-21 10:28:36

---
title: packagemain #23: Fuzz Testing in Go
published: true
description: Fuzzing or fuzz testing is a method of giving random unexpected input to your programs to test for possible crashes or edge cases. Fuzzing can shed a light on some logical bugs or performance problems, so it's always worth adding to a code where stability and performance matter. In this video we’ll review recently added fuzz testing support in Go 1.18.
tags: go, golang, testing, fuzz, fuzzing
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0a8e89j8b5ey48toek8s.png
---

{% embed https://youtu.be/w8STTZWdG9Y %}
How (Not) to Bundle a Component Library in Vue 3
Published: 2022-02-11 14:01:28

## Diary of a Broken Dev: Entry #1
Hello, I refuse to introduce myself any further even though this is my first official post. The topic at hand today is to make sense of the last 3 days at my current job, and (hopefully) justifying why they pay me.

### isCE: Not a Boolean Failing to Adhere to Semantic Variable Declaration
Narratives are unimportant, what matters is that our custom component library was refusing to play nice. After building it and attempting to import it into any other project, regardless of configuration, we were met with the following error:

> Uncaught TypeError: Cannot read properties of null (reading 'isCE')

Well isn't that grand? Googling for possible [leads](https://github.com/vuejs/core/issues/4344) led nowhere fast. We were pretty much on our own in the vast open (shit) sea without a mast.

### Not All Build Configurations are Created Equal
Poring over the [Vue CLI](https://cli.vuejs.org/guide/build-targets.html#app) docs led me to an ambiguously worded statement.

> Note on Vue Dependency

> In lib mode, Vue is externalized. This means the bundle will not bundle Vue even if your code imports Vue. If the lib is used via a bundler, it will attempt to load Vue as a dependency through the bundler; otherwise, it falls back to a global Vue variable.

> To avoid this behavior provide --inline-vue flag to build command.

Like any able-minded individual, I did what was only natural: contact my brother who is a linguist and has a background in programming. He confirmed that the statement was, in fact, worded ambiguously. Being that he is a non-prescriptivist, he went on to explain the importance of context and the democratization of language. This led me much closer to a solution than the previous 48 hours did.

### If it Makes Sense But Doesn't Work, You're a Programmer
I actually just ended up removing the `--inline-vue` flag, created a vue.config.js file and added the following:

```
configureWebpack: {
  output: {
    libraryExport: "default",
  },
}
```
What does this do? Fuck if I know. At this point, I couldn't care less. After that, in the host project, I created another vue.config.js file and code-bae'd some:
```
module.exports = {
  chainWebpack(config) {
    config.resolve.alias.set("vue", 
    path.resolve("./node_modules/vue"));
  },
};
```
Fortunately, I actually know what this does. This is something-something prevents double Vue import.
## Takeaways and Lessons Learned
Hope management doesn't see this devlog and fire me, such that I might save enough money to buy a farm and stop doing this to myself for a living.
Python Data Structures and Algorithms
Tags: python, datastructure, lists
Published: 2022-02-21 10:08:35

A data structure is a naming convention for storing and organizing data. An algorithm, on the other hand, is a set of instructions for solving a certain issue. We can develop efficient and optimized computer programs by learning data structures and algorithms. Some of these data structures include lists, dictionaries, tuples, sets, queues, stacks, linked lists, among others. Lists, tuples, sets, and dictionaries are the four types of built-in data structures.
Lists.
A list is defined by square brackets and contains comma-separated data. The list is ordered and mutable. It can include a variety of data kinds. An example is:
grades = ['A','B','C','D',’E’]
The allocated index can be used to access list items. The starting index of a list in Python is 0 and the ending index is N-1 (if there are N entries).

Tuples.
A tuple is another example of a container. It's an immutable ordered sequence of items data type. Because you can't add or delete members from tuples, or arrange them in a certain order, they're immutable. Tuples are created in Python by inserting a sequence of values separated by a 'comma', with or without the use of parenthesis for data grouping.

Sets.
A set is an unordered and mutable collection of distinct items. It can help us swiftly delete duplicates from a list. Sets are mostly used for membership checks and removing duplicate items.

Dictionaries.
A dictionary is a data structure that is both mutable and unordered. It allows for the storage of two objects (i.e. keys and values). Python Dictionary indexing is done with the aid of keys. These can be of any hashable type, i.e. an object that does not change over time, such as strings, integers, tuples, and so on. Dictionaries are created using curly braces {}. E.g:
Dict = {'Name': 'Students', 1: [1, 2, 3, 4]}

Linked Lists.
A linked list is a linear data structure in which the entries are not kept in memory in the same order. A linked list's items are connected via pointers. A pointer to the first node of a linked list is used to represent it. The head is the initial node in the chain. The value of the head is NULL if the linked list is empty. A linked list is made up of two parts: data, and the pointer to the next node.