teleren/devto huggingface dataset:
Join Hacktoberfest 2021 and contribute to QuestDB!
Tags: java, hacktoberfest, opensource, typescript
Published: 2021-10-05 15:16:50

Hacktoberfest 2021 is starting today! For the first time, [QuestDB](https://questdb.io) is participating as an open source project. We're super excited to meet with other open source contributors and maintainers.

For those who're not familiar with Hacktoberfest, it's a month-long online celebration for open source software and communities. By [contributing to open source projects](https://hacktoberfest.digitalocean.com/resources/participation), you can get a special edition Hacktoberfest T-shirt 👕 or choose to plant a tree for our planet. 🌴

Many widely used open-source projects are maintained by a small number of developers or even a single person without any financial incentives. And we rely so much on their perseverance and commitment! Participating in Hacktoberfest is one of our approaches to raise awareness and encourage more people to contribute to open source. To celebrate Hacktoberfest, we put together some hints for you to get started.

## ⛳ Get started

1. Make sure you have a GitHub (or GitLab) account
1. Sign up for the event at
   [Hacktoberfest&#39;s official website](https://hacktoberfest.digitalocean.com/)
1. Go to open source repositories that opt in for Hacktoberfest:
   - **QuestDB Core Project**:
     [https://github.com/questdb/questdb](https://github.com/questdb/questdb)
   - **QuestDB Documentation**:
     [https://github.com/questdb/questdb.io](https://github.com/questdb/questdb.io)
   - Or, look for other open source projects labeled with `hacktoberfest` in their topics
1. If you're new to the project, look for open issues labeled with `good first issues` or `help wanted` to get started
1. Before you commit, don't forget to read `CONTRIBUTING.md` and follow the contribution guideline 👍

## 🎁 Tees, trees and QuestDB swag

Once you reach the [contribution target](https://hacktoberfest.digitalocean.com/resources/participation) of **4 valid pull requests**, you can claim the reward from the official organizer! In addition, if you successfully contribute to QuestDB projects, we offer extra SWAG for you through our [SWAG program](https://questdb.io/community/)!

To make sure that your pull request is valid, please follow Hacktoberfest's [quality standard](https://hacktoberfest.digitalocean.com/resources/qualitystandards).

## ℹ️ Get support and updates

Some questions might appear when you're trying to contribute to QuestDB projects; here are the places to get support and hints from our team:

- QuestDB Community Slack: [https://slack.questdb.io](https://slack.questdb.io)
- GitHub Discussions:
  [https://github.com/questdb/questdb/discussions](https://github.com/questdb/questdb/discussions)
- QuestDB Documentation:
  [https://questdb.io/docs/introduction/](https://questdb.io/docs/introduction/)

Also, don't forget to follow us on social media to receive the latest updates:

- QuestDB Twitter: [https://twitter.com/questdb](https://twitter.com/questdb)
- QuestDB Linkedin:
  [https://www.linkedin.com/company/questdb/](https://www.linkedin.com/company/questdb/)
What is Silo Structure in SEO?
Tags: website, seo
Published: 2021-10-05 15:13:57

In the past few years, many have been promoting this theory that you must have silo structure in order to rank in Google. But do you know what a silo is? What does it mean to have a silo structure? 
According to Wikipedia , a "<a href="https://en.wikipedia.org/wiki/Silo">silo</a>" is a tall cylindrical structure for storing bulk materials. In the world of SEO, it's called a silo structure because it's supposed to use "silos" within your website to promote authority and trust. In fact, in his video below, Danny Sullivan even called the word "silos" when he meant "subdomains." The exact definition from Google reads:

<h1>What is Silo Structure in SEO?</h1>
A silo structure is a way to organize pages on the web so as to channel users from one page within your website to another. In practice, this means organizing the pages on your site according to a user's intent and then arranging your internal linking structure so that a user who navigates through successive pages in a top-down fashion will be led to the relevant destination page without a detour or backtracking.

<h2>Important of Silo Structure in SEO</h2>

The Silo Structure is the important topic in SEO since Google algorithm is development to follow the Content Structure. Table of contents (TOC) is not be considered in this structure because the content has different level such as H-Content (High-quality content) and L-Content (Low-quality content).


I hope you understand what is Silo structure in website? & Important of Silo Structure.

If you want to know about <a href="https://www.blogtriggers.com/2021/09/seo-silo-structure-in-blogger.html">How to add Silo structure in blogger</a>, then you can ask me.
Handling Multiple Lambda functions 
Tags: serverless, cloud, aws
Published: 2021-10-05 15:12:35

Don't do this -
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lrv0std8n6bdo1xawag6.png)

Because it will
Cause these Problems -
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7dkhfnlhb6bq43q7nmgr.png)

Simple Solution -
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x1dwg3zvrvszgkrlhlnv.png)
  

How your architecture should look -
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fs07m6el56f3k22fsd1q.png)

High Level -
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zx4ky9onokyflwaemjyl.png)
Hacktoberfest 2021 - Carbon Diary & Sustainable Guide
Tags: hacktoberfest, reactnative, climatechange, mobile
Published: 2021-10-05 15:06:20

Do you want to contribute to a beautiful __React Native__ app for hacktoberfest 2021? Search no more, help the fight against climate change right now.

### What is NMF.earth? 🌍

It's an app to __understand__ and __reduce__ your __carbon footprint__. Free and open-source, available in 10 languages for both [iOS](https://apps.apple.com/us/app/nmf-earth/id1494561829) and [Android](https://play.google.com/store/apps/details?id=nmf.earth), it's built with Expo, Redux Toolkit and Typescript. You can see the design on [Figma community](https://www.figma.com/community/file/967052407514062912).

The app in numbers :
- 758 commits
- 331 [tests](https://github.com/NMF-earth/nmf-app/runs/3752258911?check_suite_focus=true), 126 snapshots
- 248 stars ⭐️
- 33 amazing contributors 🧑‍💻
- [8 major versions](https://github.com/NMF-earth/nmf-app/releases) since the [first one](https://github.com/NMF-earth/nmf-app/releases/tag/v0.1.0) in April 2020
- 0 crash in prod

### What's in for me? 🎁

In addition to digital ocean gift, I've tagged some issues like this [one](https://github.com/NMF-earth/nmf-app/issues/319) with a _Stickers_ tag. If you complete any of these issues, you will receive a set of 3 gorgeous stickers made by [Jenny Lelong](https://jenny-lelong.com/). Usually you can buy them [here](https://ko-fi.com/s/6f2a17f053), but this time it's on me, from my own pocket, including the delivery.
Note: If you have been working on a large task without the stickers tag, feel free to ask me for some free stickers ;)

### What is the goal of this hacktoberfest?

I would love to finish the [eco-score](https://github.com/NMF-earth/nmf-app/issues/269) feature (scan a bar code from a product to get its carbon footprint) and also complete the [recurring emissions](https://github.com/NMF-earth/nmf-app/issues/254) feature.
Beside these two big features, there is also some smaller tasks like the language change [mechanism](https://github.com/NMF-earth/nmf-app/issues/249), [FAQ](https://github.com/NMF-earth/nmf-app/issues/325) screen and some other tiny [issues](https://github.com/NMF-earth/nmf-app/labels/hacktoberfest) in the backlog.
 
### Contributions

Except if you already have merged some good code in this repo, I won’t assign any issue due to spam and beginners unable to complete a PR without a lot of help from my side - I do this app on my free time. 
However, feel free to leave a comment if you are working on an issue.

Happy hacking ✌️

[Github](https://github.com/NMF-earth/nmf-app) - [Website](https://nmf.earth/)
Real-Time Analytics Podcast Episode 10: Self-service data analytics with Grafbase CEO, Fredrik Bjork
Tags: analytics, database, serverless, podcast
Published: 2021-10-05 14:26:42

Fredrik Bjork has traversed the data space, creating a gaming social network, scaling the RealReal's marketplace and now investing in the data startups. Hear how the data experience has changed with each endeavor and what trends he's must bullish on in this podcast.

Listen to this podcast: https://rockset.com/podcasts/the-rise-of-real-time-analytics/episode10-self-service-data-analytics-in-cybersecurity/
HACKTOBERFEST 2022
Tags: opensource, hacktoberfest, github, community
Published: 2021-10-05 14:23:41


![Hacktoberfest 2022 banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3r5zmxa8r167whpvtzqi.png)Comienza octubre y lo único que vas a escuchar es “Hacktoberfest”,pero...
```	
¿Qué es Hacktoberfest?
```	

Es un evento anual de un mes durante octubre organizado por Digital Ocean por octavo año consecutivo, que anima a los desarrolladores de cualquier seniority a participar en proyectos de código abierto (Open Source).

Digital Ocean fomenta la participación de la comunidad, para que la misma contribuya mediante Pull Requests, participando en eventos y donando a proyectos Open Source.

```	
¿Qué es Open Source?
```

Es todo código fuente que se pone a disposición del público para su posible modificación y redistribución.
Los proyectos Open Source que se alojan en repositorios públicos, se benefician de las contribuciones realizadas por la comunidad de desarrolladores en general y suelen gestionarse a través de Github.

Si queres conocerlo en detalle, podes ver este vídeo del evento que hicimos con [CoDeAr](https://twitter.com/somoscodear?lang=es), en el que charlamos del Hacktoberfest 2020 y algunos proyectos Open Source. 

{% youtube lsgIXVhnLuQ %}
```	
¿Cómo participar? 
```

🔹 Inscribite en [Hacktoberfest](https://hacktoberfest.digitalocean.com/register) 
![Pagina de Inscripcion](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wpidefdzjg2s9lvdykjy.png)


<figcaption> Podes ver tu progreso de PRs desde tu perfil </figcaption>

🔹 Haz al menos cuatro pull requests (PRs) antes del 31 de octubre en cualquier repositorio/proyecto participante alojado en GitHub. 

Podes ver en este post como hacer tu primer PR 😄

{% link https://dev.to/selene_l21/introduccion-a-github-que-es-eso-se-come-1af1 %}


🔹 Tus PRs contarán para tu participación en el evento si están en un repositorio con el hashtag(#) hacktoberfest y una vez que hayan sido mergeados, aprobados por un mantenedor, o etiquetados como aceptados.

El objetivo es contribuir de manera responsable y que se eviten 
[shit pull-requests](https://twitter.com/shitoberfest).

Una vez aprobados todos los PRs tenes la posibilidad de elegir entre dos premios: Una remera de edición limitada o que se plante un árbol en tu nombre.

![Remera del 2020](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9zlng4c53909jd978umu.png)
<figcaption> La remera del 2020 </figcaption>



**¡¡Feliz contribución!! 👩‍💻👩‍💻**
Making TinyMCE draggable with Stimulus
Tags: rails, javascript, stimulus
Published: 2021-10-05 14:13:46

My previous post [Making TinyMCE work with Rails, Turbolinks and Stimulus](https://dev.to/djchadderton/making-tinymce-work-with-rails-turbolinks-and-stimulus-2ooa) looked at how to integrate the full-featured text editor [TinyMCE](https://www.tiny.cloud/tinymce/), which can clash with Turbo/Turbolinks and cause issues, into a Rails app using Stimulus.

Another of TinyMCE's little quirks is that it doesn't like to be moved around the page. I had a form with several text editor fields which I wanted to be able to drag to reorder, but whenever I did so, TinyMCE would break.

The only way to make it behave seems to be to remove TinyMCE from every `textarea` on the page before the drag and reinitialise them all afterwards. A bit of a hassle, but not too difficult with a Stimulus controller.

I used a Stimulus controller I named `drag_controller.js` to take care of the drag and drop using [Sortable](https://www.npmjs.com/package/sortablejs) (install with `yarn add sortablejs`), but other packages may work just as well. This is imported at the top of the controller.

```javascript
import { Controller } from "stimulus"
import Sortable from "sortablejs"

export default class extends Controller {
}
```

Sortable provides hooks for before it starts to drag and after it has finished called `onStart` and `onEnd`, which are perfect for this purpose (if you use another package, they may be named differently).

I therefore added a `connect()` method:

```javascript
connect() {
  this.sortable = Sortable.create(this.element, {
    onStart: this.start.bind(this),
    onEnd: this.end.bind(this),
    // Any other settings
  })
}
```

The `this.start()` method needs to check that `tinyMCE` exists on the page, then, if it does, loop through every TinyMCE instance twice: once to store its settings, then again to destroy it (if you try to do this in the same loop, you will be destroying elements in the array you are looping through, which confuses the loop counter, causing it to skip over some).

```javascript
start() {
  this.settings = []
  if (tinyMCE) {
    tinyMCE.editors.forEach(editor => this.settings.push(editor.settings))
    tinyMCE.editors.forEach(editor => editor.remove())
  }
}
```

These settings contain the ID for each HTML element that should have a TinyMCE instance attached to it, so there is no need to look for them in order to add them back in the correct place; just loop through the settings and initialise each one.

```javascript
end() {
  // Some code to update position numbers of elements for sorting
  this.settings.forEach(setting => tinyMCE.init(setting))
}
```

Just to tidy up, make sure the disconnect method destroys the Sortable (or whatever) instance.

```javascript
disconnect() {
  this.sortable.destroy()
}
```

To be honest, it feels a bit dirty to be manipulating TinyMCE elements in a controller that should just be handling drag and drop, but it works. If you know a better, cleaner way, please let me know in the comments.
Who Are We | Mistrymitra | India's Online Service
Tags: mistryworkers, laborer, constructionworker, plumber
Published: 2021-10-05 13:56:34

An Indians local search engine, Mistrymitra we just made it very simple by having everything all their building needs available for all our valued customers whether it would be looking for a Contractor or Mistry. We provide numerous opportunities for our clients whether it would in the form of employment practices, outdoor work, and the prevalence of temporary and casual labor. We are in charge of hiring labor, monitoring and supervising the workers throughout the contract period, removing them after the job is completed, and bringing them back when a new job becomes available (Lu & Fox, 2001). Friends, neighbors, and relatives are frequently recruited, and because remuneration is based on outcomes, entire families are frequently involved in both of them.

MISTRYMITRA MEMBER BENEFITS:

Visiting our website on daily basis will help you see our new offers and requirements which we have made for our customers.
Just by being a member of Mistrymitra, we help you to connect to your customers.
We offer jobs to our members who are not getting jobs in their working field recently, we do this by getting a job from a huge contractor and offering them jobs in their related field of work.
Fixed prices for a wide range of our clients.
If you need any type of Mistry & contractor's then visit, www.mistrymitra.com. Or contact us directly on +917565997701
5 Awesome sites for every Front-end Developers
Tags: design
Published: 2021-10-05 13:54:17

## 1. Wicked Backgrounds

*Create beautiful backgrounds waves for your designs in few clicks*

https://wickedbackgrounds.com

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/23y7o07cung51zlmu60m.png)

## 2. CSS Layout

*100+ Popular Layouts & patterns made with CSS*

https://csslayout.io

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

## 3. Fancy Border Radius Generator

*Create organic-looking shapes using CSS border-radius.*

https://9elements.github.io/fancy-border-radius/

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

## 4. Free 3D icon

*Huge collection of free, beautiful, trending 3D icons.*

https://free3dicon.com

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

## 5. FontSpark

*Discover Better fonts for your designs.* 

https://fontspark.app

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

*If you liked this Post, Share the post and help others.*

*Follow me at https://twitter.com/AbedinDevsWeb for more tricks and tips on Web.*
Added edit blog,top story and make private feature to @dsabyte
Tags: webdev, javascript, beginners, react
Published: 2021-10-05 13:38:59

Now, you can edit any blog and make it private so it will be visible to you only. 

- to write -> https://www.dsabyte.com/blogs/write/sa
- to edit -> https://www.dsabyte.com/blogs/my
- to make private -> https://www.dsabyte.com/blogs/my

Just click on layers icons and select the operation that you want to make it private or edit.


Now, you can see the blogs written by any author
https://www.dsabyte.com/615363ee22f5813e114d4c33/blogs


View any author profile 
https://www.dsabyte.com/615363ee22f5813e114d4c33 

# Thanku
Introducing Tabulamax
Tags: showdev, sql, knex, svelte
Published: 2021-10-05 13:37:10

I’ve built a simple tool to quickly design database tables and generate code snippets for migrations (SQL, Knex.js).

It’s open source, made with Svelte.

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

Live: https://www.tabulamax.com/
Repo: https://github.com/tabulamax/app
Micro Frontends - foundations
Published: 2021-10-05 13:35:49

{% youtube 1p0n1HPKVxI %}
Let's talk about Micro Frontends. Why is the topic useful? It gives a different approach to how to deal with the modularisation in our apps, so it's worth knowing how to deal with it in different ways. 

What will you learn about?

🟣 Software architecture
🟣 Monolith architecture 
🟣 Distributed architecture 
🟣 Micro Frontends
🟣 Why might we use that?
🟣 The Vanilla Example

You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/micro-frontends-foundations-experts-zone-1)
Learn  Array Destructuring
Tags: javascript, array, destructure
Published: 2021-10-05 13:35:36

##👏 #mustknow
Learning JS or React? Learn to deconstruct arrays using the [destructuring assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) syntax.
<br>
###### Example curtesy [MND Web Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment)
```
({ a, b } = { a: 10, b: 20 });
console.log(a); // 10
console.log(b); // 20
```
EF Core: DbContext
Published: 2021-10-05 13:34:29

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/19pzrahbsznzroa69pmy.JPG)

The DbContext class is an integral part of Entity Framework. An instance of DbContext represents a session with the database which can be used to query and save instances of your entities to a database. DbContext is a combination of the Unit Of Work and Repository patterns.

DbContext in EF Core allows us to perform following tasks:
1. Manage database connection
2. Configure model & relationship
3. Querying database
4. Saving data to the database
5. Configure change tracking
6. Caching
7. Transaction management

To use DbContext in our application, we need to create the class that derives from DbContext, also known as context class. This context class typically includes DbSet<TEntity> properties for each entity in the model. Consider the following example of context class in EF Core.
```
public class SchoolContext : DbContext
{
    public SchoolContext()
    {
  
    }

    protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
    {
    }

    protected override void OnModelCreating(ModelBuilder modelBuilder)
    {
    }
    //entities
    public DbSet<Student> Students { get; set; }
    public DbSet<Course> Courses { get; set; }
} 
```
In the example above, the SchoolContext class is derived from the DbContext class and contains the DbSet<TEntity> properties of Student and Course type. It also overrides the OnConfiguring and OnModelCreating methods. We must create an instance of SchoolContext to connect to the database and save or retrieve Student or Course data.

The OnConfiguring() method allows us to select and configure the data source to be used with a context using DbContextOptionsBuilder. Learn how to configure a DbContext class at here.

The OnModelCreating() method allows us to configure the model using ModelBuilder Fluent API.
Nvim Remaps Like a Boss
Tags: vim, linux
Published: 2021-10-05 13:33:11

---
tags: 
    - vim
    - linux
title: Nvim Remaps Like a Boss
status: published
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h1c4rp8airo71gq66e12.png
published: true
---

I've slowly adding more and more lua functions into my neovim configuration,
and recently I noticed a pattern for a class of functions that reach out to run
shell commands that can be abstracted away.

{% youtube 8m5ipBuopPU %}

## Telegraph.nvim

Check out the project [readme](https://github.com/WaylonWalker/Telegraph.nvim)
for the most up to date details on the plugin itself.

## Motivation

I want a simple way to make remaps into shell commands that can open new tmux
windows, popups, or just run a command with context from the editor.

For example I want to make remaps to do things like open the current file in lookatme.

``` vim
# vim :terminal
nnoremap <leader>s <cmd>Telegraph pipx run lookatme {filepath} --live-reload --style gruvbox-dark<cmd>

# tmux session
nnoremap <leader><leader>s <cmd>lua require'telegraph'.telegraph({cmd='pipx run lookatme {filepath} --live-reload --style gruvbox-dark', how='tmux'})<CR>

# tmux popup
nnoremap <leader><leader>S <cmd>lua require'telegraph'.telegraph({cmd='pipx run lookatme {filepath} --live-reload --style gruvbox-dark', how='tmux_popup'})<CR>
```

The main goal here is that remaps become one liners that can just be put
directly in my `init.vim` without creating a whole new lua module for each
shell command I want to bind.

## how

`telegraph` takes in a `how` argument to determine where to tun the command.j

* `term`(default) runs command in the built in terminal
* `tmux` runs command in a new tmux session and joins it.
* `tmux_popup` runs command in a tmux popup window.
* `tmux_popup_session` runs command in a tmux session and displays it in a popup
* `subprocess` runs command in a subprocess

## Format strings

The current set of format strings that can be used with telegraph.  Placing
these in braces `{}` within your command will get rendered into something with
context from the editor.

* `cword` - the current word under the cursor
* `cWORD` - the current BIG Word under the cursor
* `cline` - the current line under the cursor
* `filepath` - the filepath of the current file
* `filename` - the filename of the current file
* `parent` - the parent directory of the current file
* `current_session_name` - name of the current tmux session
* `cwd` - the current working directory

## Give it a ⭐

Check out the [repo](https://github.com/WaylonWalker/Telegraph.nvim) and give
it a star if its something that interests you.