teleren/devto huggingface dataset:
Work - Life - Side Project triangle. Can be balanced ?
Tags: help, discuss
Published: 2022-10-16 20:32:47

## Introduction / My background

I am a junior developer, started to work full time (first dev job). I am proactive and currently working on my own project, hosting a practice class and collaborating in an other project.  Moreover I am a mother and wife.

**How I suppose to find the balance?**

I know, I should just say no to some side gigs. But I am this enthusiastic junior, who sees an opportunity jumps right in… 

I know, I am this typical meme below…


![Side project meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7g5wm64422o4hyrc84fr.jpeg)

“Worst” things, once I start something I must take it to the end. I can’t give up or leave it unfinished. 

We will see what future brings and how I will manage all the gigs. But until then I am curious about other’s opinion and advice within the topic. 

## So How do you find the balance between work-life-other projects?

Feel free to share stories, advice or anything related to it😊
javascript scroll on stop
Tags: javascript, scroll, webdev
Published: 2022-10-16 20:11:51

```
var scrollStop = function (callback) {
        // Make sure a valid callback was provided
        if (!callback || typeof callback !== 'function') return;
        // Setup scrolling variable
        var isScrolling;
        // Listen for scroll events
            window.addEventListener('scroll', function (event) {
                // Clear our timeout throughout the scroll
                window.clearTimeout(isScrolling);
                // Set a timeout to run after scrolling ends
                isScrolling = setTimeout(function() {
                    // Run the callback
                    callback();
                }, 66);
            }, false);
        };
```
Working with Dolt Version Control Database
Tags: dolt, database
Published: 2022-10-16 19:59:49

I'm currently exploring the idea of building an application using [Dolt](https://www.dolthub.com/) and [Dlang](https://dlang.org/).

I'd been following along with the getting started docs:

* https://docs.dolthub.com/introduction/installation/application-server
* https://docs.dolthub.com/introduction/getting-started/database

And the key thing I missed was the relationship between the server and the Dolt database. Dolt provides a [command-line tool](https://docs.dolthub.com/introduction/getting-started/git-for-data) where you can initialize a database in any folder, just like with git.

Utilizing the SQL interface requires that the Server be started with the database directory as the working directory. This can be as simple as:

```
$ mkdir newdb
$ cd newdb
$ dolt init
$ dolt sql-server
```

Or as complicated as

```
$ sudo useradd -r -m -d /var/lib/doltdb dolt
$ cd /var/lib/doltdb
$ sudo -u dolt dolt config --global --add user.email doltServer@company.com
$ sudo -u dolt dolt config --global --add user.name "Dolt Server Account"
$ cd /var/lib/doltdb
$ sudo -u dolt mkdir -p databases/my_db
$ cd databases/my_db
$ sudo -u dolt dolt init
$ sudo -u dolt /usr/local/bin/dolt sql-server -u root
```

I started with the second one here which is really about standing up the machine as a Database Server, The first option would have been perfect for my personal usage.

Once the server is up and running I could build a simple D application to connect:

```
$ dub init
$ sudo apt install default-libmysqlclient-dev
$ dub add arsd-official:mssql
$ gvim source/app.d
```

```d
import arsd.mysql;

void main() {
    auto db = new MySql("127.0.0.1", "root", null, "getting_started");
}
```

The connection needed to use the loopback IP as it would not work specifying localhost. It will launch the server on 3306 which is default SQL, but it can be changed with `-P`

```
$ dolt sql-server -P 63444
```

```d
new MySql("127.0.0.1", "root", null, "getting_started", 63444);
```

Enjoy.
React, the Humble - Write once, render in Web and Native
Tags: javascript, react, reactnative, programming
Published: 2022-10-16 19:41:58

Using the Humble Object pattern to render React in both web and native environments. 

## What is the Humble Object?

Usually used for testing, you split the logic from the GUI and make the GUI humble.

This separation makes it easier to test the logic since you don't need to worry about the GUI and how to call the functions through it.

This also makes it easier to render the same logic in different components, even if different engines will render those components.

## POC

I made this as a proof of concept, could I write a custom hook and use that same hook in both web and native?

YES!

Being a POC I didn't really care about things like linting, testing, or even how it would scale from there.

While I personally think it would be better to have all components next to each other, it would definitely make the work harder in the long run.

Here’s the link: [https://github.com/Noriller/react-reusability-poc](https://github.com/Noriller/react-reusability-poc)

(The how-to test it yourself is in the README)

### Making it better

Each meta-framework (think expo for mobile, and any of cra, vite, next, remix, redwood… for web) has its own dependencies, configuration, and whatever else it needs.

To account for that and still be able to do things, I believe a monorepo is the way to go. Each of the logic, web, and mobile would go to its own folder and have whatever it needs there.

And even in different folders, the basic of having the logic agnostic of the render would still be there and make it possible to reutilize code, multiplying the time of the developers.

## Write once, render anywhere

Web, Native, VR, TV… while this POC only covers Web and Native, considering all that changes is only the renderer, then you could have a monorepo covering all that.

For good or evil, this also means you could have someone working on the logic, another on the web, and a third on the mobile.

---

Cover Photo by [Ivan Diaz](https://unsplash.com/es/@ivvndiaz?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/king?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)

[![buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dpyuipxkz78yzlriqai0.png)](https://buymeacoffee.com/noriller)
Hacktoberfest Week 2 (Pt. 1)
Tags: hacktoberfest, opensource
Published: 2022-10-16 19:24:35

To start this week off, I came across the [AdonisJS Framework](https://github.com/adonisjs). Up until now, the only framework that I was really familiar with was Express.js, but I alway sknew that others existed but never really looked into them. 

There are certain benefits to AdonisJS in that it is considered to be "fully featured", whereas Express.js may be seen as more barebones. 

With Express, you often have to use various npm packages to get the same level of functionality that Adonis offers straight out of the box.

This includes:
1. Authentication
2. ORM
3. Templating

I saw a few issues in their [documentation repo](https://github.com/adonisjs/docs.adonisjs.com), and I figured I'd fix two simple issues and count them towards 1 for my Release 0.2 (in my OSD600 class). 

The issues I fixed were:

1. [Issue 147](https://github.com/adonisjs/docs.adonisjs.com/issues/147)
2. [Issue 180](https://github.com/adonisjs/docs.adonisjs.com/issues/180)

Admittedly, these were very simple issues to fix (just fixing up some erroneous references to some functions), but I still felt as though they were important to fix to prevent confusion for new users of the framwork. 

The PRs I filed were:
1. [PR 189](https://github.com/adonisjs/docs.adonisjs.com/pull/189)
2. [PR 191](https://github.com/adonisjs/docs.adonisjs.com/pull/191)
Better Utilization Of EBS Snapshot for Multiple EC2 Instances ?
Tags: aws, ebs, ec2, docker
Published: 2022-10-16 18:39:30

---
title: Better Utilization Of EBS Snapshot for Multiple EC2 Instances ?
published: true
description: 
tags: AWS, EBS, EC2, Docker
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

- EBS is something Like External Hard-Drive or SSD, that is used to handle External Data things.
- Most Coolest Thing is we can Attach Multiple EBS to a single Instance that is seated in the same Availability Zone 
- But the main point is how to Architecturized the Efficient EBS so Anyone Use Very Efficiently in Various Instances without Duplication of Volume
- I Attached the Efficient SC of EBS Architecture.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vbv0okgqwz4mxbfnzgc0.png)
- In Above Image First I created the 10 GB of Snapshot, then After I Architecture the Memory that will be changed and Not Changed.
- In Not Changed Memory Referenced with the Memory Snap A, Then After I make Difficult Model. In that Model, I Add an Extra 2 GB of Memory.
- In that Memory, I Attached two reference Snap respectively 6 GB and 4 GB, and Boom..............!
- I successfully Architecturized those memories without repetition. so thing thing save customer cost.
5 helpful websites to gain design inspiration for your upcoming Mobile Apps
Published: 2022-10-16 17:24:19

Whether you’re a developer or designer, it can be tough to find the right design inspiration for your next app. Luckily, there are a few helpful websites that can help you out.

[Design Vault](https://designvault.io/apps/): Design Vault is a growing library of UI patterns & design inspiration from the world's most popular apps and websites. I hope designers, developers, and product managers will find it useful.

[Mobbin](https://mobbin.com/browse/ios/apps): The world’s largest mobile app design reference library. Mobbin is a hand-selected collection of the latest design patterns from mobile apps that reflect the best in design.

[Theappfuel](https://www.theappfuel.com/): The one-stop station for app builders. UX, Growth, Design. All in one place. Understand why the best apps succeed. Save time on the benchmark. Focus on the product.

[Behance](https://www.behance.net/): Behance is a great place to find inspiration for all types of design projects, from websites to mobile apps. You can browse through portfolios of designers from all over the world, or search for specific types of design (e.x. vector art). All of the designs on Behance are user-generated, so you can be sure that you’re getting high-quality work.

[Dribbble](https://dribbble.com/): Dribble is a great platform for designers and developers to share their work with each other and get feedback. There are tons of great designs and apps on there, and it’s a great place to find some inspiration for your next project. Sign up for an account and start liking your favorite designs.

I Appreciate your reading.. Happy reading 🚀 Follow us on [Instagram](https://www.instagram.com/digitalhole/)
Python
Published: 2022-10-16 18:25:07

command line:
``exit()``
``x=y=z=5``

The discard() method removes the specified item from the set. This method is different from the remove() method, because the remove() method will raise an error if the specified item does not exist, and the discard() method will not.

use "while True:" to restart the .py

when you define the function, () is called parameter. when you call the function, () is called argument value, arguement = argument value, no space between =.

strings are immutable, lists are mutable. str.replace(), tuple is an immutable version of list.

A set is a collection which is unordered, unchangeable*, and unindexed.

* Note: Set items are unchangeable, but you can remove items and add new items.

The == operator compares the value or equality of two objects, whereas the Python is operator checks whether two variables point to the same object in memory. In the vast majority of cases, this means you should use the equality operators == and !=, except when you’re comparing to None.
Day 528 - Teaching Kids Programming - Maximum Ascending Subarray Sum (Greedy Algorithm)
Tags: python, algorithms, youtube, programming
Published: 2022-10-16 18:19:59

{% embed https://youtu.be/X1_0oaCWUwk&list=PL0tRUxz8YTPSnMC2Rc17zE8DcQcyOlc4A&index=528 %}

[Blog](https://helloacm.com/teaching-kids-programming-maximum-ascending-subarray-sum-greedy-algorithm/)

[Youtube Channel](https://youtube.com/c/DoctorLai)
new one in my frame wall!!!
Published: 2022-10-16 18:09:51


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5m5rhxq354wftqyz3gjh.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9pes849pytya90d7da9m.png)****
Looking for a new job opportunity or team or client!!
Tags: webdev, react, career, programming
Published: 2022-10-16 18:00:41

Hello everyone!
I am Dennis from Canada and full stack & Blockchain Developer having 6 years of experience.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a9wngbouh8d1o9qul9yb.gif)
**This is my website: https://dennis-stephens.vercel.app**

Now I am looking for a new job opportunity or team or client!

If you are interested in, please contact to me.(You can find my all contacts in my website)
Síndrome do Impostor
Tags: desenvolvimento, sindromedoinspostor, frontend, motivacao
Published: 2022-10-16 17:53:44

Quantas vezes sem perceber, nos autossabotamos. Não acreditamos em nossa capacidade e permanecemos no mesmo lugar, unicamente por acharmos que não somos suficientemente capazes ou que ainda não aprendemos o bastante?! 

Construímos em nossas mentes uma imagem de insuficiência ou incompetência.

Se este é o seu caso, observe o quanto você se dedicou, coloque-se na postura daquilo que você almeja alcançar, aja como tal, desconstrua a imagem de fracasso, e no lugar, construa uma imagem de alguém que estuda, que busca conhecimento, que se dedica e que por isso, sim, é capaz e merecedor!
A primeira pessoa que deve ser convencida da sua capacidade, é você mesmo! Como convencer os outros de que você é capaz, se nem você mesmo acredita nisso?!

Levante a cabeça, alguns "Nãos" não podem fazer você desistir e descartar o tempo dedicado à sua capacitação.

IMPORTANTE: NÃO SE COMPARE!

Inspire-se nos outros, mas jamais use o sucesso de alguém para depreciar-se.

VOCÊ É CAPAZ! ACREDITE EM SEU POTENCIAL!

Caso não consiga sozinho, busque ajuda profissional.

Você tem valor!

Pri :)
opal boulevard phạm văn đồng
Published: 2022-10-16 17:52:31

Bất động sản là loại hình sản phẩm có giá trị chính vì thế để có thể đưa ra quyết định mua bán đất thì khách hàng sẽ phải đắn đo rất nhiều, để khách hàng có thể nhanh chóng đưa ra những quyết định đầu tư mua đất thì sự tư vấn của  [opal boulevard phạm văn đồng](https://www.nhatot.com/du-an-opal-boulevard-thanh-pho-di-an-pj1054221343) và các đơn vị cung cấp bất động sản là rất quan trọng.Vì thế mời bạn tham gia đội ngũ của chúng tôi để tìm hiểu thêm về các BĐS .click ngay nhé 
https://www.nhatot.com/du-an-opal-boulevard-thanh-pho-di-an-pj1054221343	
#duanopalboulevardbinhduong #duanbatdongsan #muabanopalboulevard #chothueopalboulevard #nhatot
5 tips to improve software development and release process
Tags: productivity, programming, career, webdev
Published: 2022-10-16 17:47:07

Every software engineering team follow specific development practices to build and release software.

Here are 5 tips to improve the software development and release process.


## 1) Stop using pull requests and code reviews

If you write tests, you don't need code reviews. Leave pull requests and code reviews where they belong so to open-source projects.

You can still rely on disciplined pair programming.

## 2) Use Trunk Based Development

Trunk Based Development is a version control management practice where developers merge small, frequent updates to a core “trunk” or main branch.

Stop leaving those branches open for days, weeks, or months. Stop making it hard to merge changes between branches.

Push small changes at a time.

## 3) Write tests

Writing tests is the most powerful weapon to protect your application from bugs.

Cover every surface of your application through unit tests, e2e test etc..

## 4) Setup a CI/CD pipeline

Let the CI/CD pipeline take care of building your application, executing tests and deploying it.

Automate as much as possible.

## 5) Trust your team

Last but not least, trust your team.

Every team member should trust each other and feel autonomous.


_Follow me on Twitter if you enjoyed this blog post_ [@fabri.lallo](https://twitter.com/FabriLallo)
Angular Dependency Injection Understood I - No needles involved, no worries
Tags: angular, typescript, javascript
Published: 2022-10-16 17:27:46


Understanding what dependency injection is outside of angular (DI onwards in the article)  will help us gain a broader perspective of how it works and provide us knowledge on why it is important and how to leverage it inside angular, so the first question is:

###What is dependency injection?

**DI** is in fact a programming design pattern in object oriented languages that allows classes to use dependencies without needing to know anything about them. It aims at a greater separation of concerns, decoupling the link between client class and the dependency.

For instance, normally in an OOP language such as Typescript one would pass dependencies the following way:


![Instantiate new Object](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2k15que0t1ci81v00mrq.png)
<figcaption align = "center"><b>Traditional dependency instantiation</b></figcaption>

Basically the class (client) would need to instantiate the new object (service) with the keyword **_new_** with all the properties the new object constructor would need, so the service is hard coded inside the client, creating a tighter coupling between the two classes.

However using **DI** the dependency the client does not build the service itself, it only needs to declare the interfaces of the services it uses


![Dependency Injection Constructor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6c0hhjxgutwg842vqs7.png)
<figcaption align = "center"><b>Dependency Injection</b></figcaption>

#### Enter the Injector
The heavy lifting in DI is done by an object called injector who is the responsible to provide the new object to the receiving class and keep track of the object graph and each objects implementations.

This pattern allows for greater modularity and code reusability since each class worries only of itself and not so much about how its dependencies are constructed 

#### What about angular?

Since we know that in angular we aim to create code that is very reusable and modular it makes total sense that the angular team opted in for this design pattern as it supports this vision of modular and reusable components code.

Angular also uses injectors to provide the dependencies, actually the `providedIn:'root'` that we normally see in services is referencing to the root injector, which takes care of dependencies that need to be available in the whole application.

We'll see more about that in the next chapters of this series about dependency injection. For now a small recap:

#### Takeaways

1. Dependency injection is a design pattern that aims to have greater code reusability and modularity
2. There are 3 main actors in this design: Client, Service and Injector
3. The design fits perfectly in angular where client, service and injector are integrated within the framework in order to enhance the modularisation and reusability of its elements (services, components, directives and pipes)
Spotlight: NextSketch Issue Tracker
Tags: news, help, community
Published: 2022-10-16 17:01:27

Hello!

We're starting a new series called Spotlight where we shed some light on lesser known parts of NextSketch. Today, we're shining some light on the issue tracker, which is at https://github.com/skyloft7/NextSketch-Issues/issues

There's also a built in button in 2022.1.1 that takes you to the issue tracker.

![NextSketch Issue Button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/07g8zol5gfclhwpr88a0.png)

If you find something that doesn't seem quite right in NextSketch, feel free to traverse the issue tracker and file a new bug report if it isn't there already. I'll be periodically updating the tracker with issues if I find them.

If you'd like, take a minute to comment on what the next Spotlight post should be about.

Happy Sketching!
Open Discussion: Why People Prefer Axios over Fetch?
Tags: javascript, webdev, productivity, node
Published: 2022-10-16 17:00:42

Hello community!  I come with what I consider an interesting question because I continue to see the **Axios** library referred a lot everywhere, even in simple samples, as opposed to the standardized `fetch()` function which is now also available in NodeJS v18.

My question for you all is:  *Why do you (or others, in your opinion) continue to prefer Axios over `fetch()`?*  I am no front-end developer, so pardon my ignorance if it is a big thing I am unaware of.  Yes, I do my backend mostly in ASP.net.

I'll try to compile all your answers here by editing regularly as people respond.

Thank you!

---

# Results

Ok, so let's start tabulating things:

| Feature | Fetch | Axios |
| - | - | - |
Master configuration (headers and such) | :x: | :heavy_check_mark: |
People used to Axios | :x: | :heavy_check_mark: |
| No extra library (still needs wrapper) | :heavy_check_mark: | :x: |
| No installation | :heavy_check_mark: | :x: |
| XSRF | :x: | :heavy_check_mark: |
| Download progress | :heavy_check_mark: | :heavy_check_mark: |
| Upload progress | :x: | :heavy_check_mark: |
| 1-step JSON response | :x: | :heavy_check_mark: |
CSS Selectors
Published: 2022-10-16 16:59:35

what is CSS selectors ?

CSS selectors are used to "find" (or select) the HTML elements you want to style.

We can divide CSS selectors into five categories:

**-Simple selectors (select elements based on name, id, class)**

![Simple CSS Selectors](https://blog.openreplay.com/static/c45fd938ad466d46d60dd72c9c18fd85/6050d/hero.png)

**Basic selectors**

They select element/id/class. They are also used most often and easiest to remember.

**_Id selector_**: `id` It selects a given element.

```
<div id="app">
  <div class="container">
    <p class="hello">Hello</p>
  </div>
</div>
```

**_Element selector_**: `element_name` It selects any given element.

```
p { color: blue; }
div { color: magenta; }
```

**_Class selector_**: `.class` It selects all element containing given class name.

```
.hello {
  color: red;
}
```

**_ID selector_**: `#id` It selects the element containing given HTML ID.

```
#app {
  color: red;
}

```
**_Universal selector_**: `*` It selects all elements.

```
* {
  color: yellow;
}
```

**The CSS Grouping Selector**

The grouping selector selects all the HTML elements with the same style definitions.

Look at the following CSS code (the h1, h2, and p elements have the same style definitions):

```
h1 {
  text-align: center;
  color: red;
}

h2 {
  text-align: center;
  color: red;
}

p {
  text-align: center;
  color: red;
}

```

**Attribute selectors :**

This group of selectors gives you different ways to select elements based on the presence of a certain attribute on an element:

```
a[href="https://example.com"]
{
}
```

I hope this blogs helps to understand CSS selectors.
HACKTOBERFEST 2022
Tags: hacktoberfest
Published: 2022-10-16 16:54:45

Participate for 'HACKTOBERFEST 2022'. Did you guys know about the Fest?

Check here for more info,
[www.hacktoberfest.com](www.hacktoberfest.com)

Dm me for more info : Instagram [@seasonsixty](https://www.instagram.com/seasonsixty/)