teleren/devto huggingface dataset:
Devblog 2
Tags: supremeobsidian, minecraft, spigot, java
Published: 2020-10-28 16:21:32

# What's new this week in SupremeObsidian.
This week, we've made a lot of progress on World Generation, Spells, and new custom player inventories. We also started work on several professions, blacksmiths, etc.

## Fisher

### Spells
This week I worked on spells a good bit. We now have flags for our spells so we can give spells instant cast for example. We can add more as we go if we need some other kind of spell flag.

The Spells inventory does look rather nice now that we've gotten the new items being used along with the placeholder blank items in.

![spells menu work](https://dev-to-uploads.s3.amazonaws.com/i/2p7gfdvhcmd2xwtrlfrl.png)

### New inventory system

We also implemented a custom inventory system for different types of items that the player will be able to store in the inventory to change different attributes, such as their stats, their skill in certain professions, or even change certain combat mechanics or values in combat.

It looks very nice with the slots showing what should go into those slots, and only accepting certain types of items into the slot.

![new inventory system](https://dev-to-uploads.s3.amazonaws.com/i/laqo1zul5nk3x39b6xd6.png)

## Async

### More biomes

This week we've implemented new biomes into KUAI, and they are looking great. There are still some more schematics to implement for roads in forests, etc, but the ocean biomes are just looking **chef's kiss**

![forest](https://dev-to-uploads.s3.amazonaws.com/i/5zoz6ukxv4sp3dvhq2xp.png)

![ocean](https://dev-to-uploads.s3.amazonaws.com/i/wii5se07kwse9904gcpc.png)

## Kennedy
I asked Kennedy to send me what he'd been working on this week, and I got
![Headaches](https://dev-to-uploads.s3.amazonaws.com/i/1cj49o1ba2kdszpmxhg5.png)

# Closing

Stay tuned for next week's progress on Quest, by SupremeObsidian.
Smarter & Faster Angular Development with Nx
Tags: angular, nx, javascript, webdev
Published: 2020-10-28 16:17:16

---
canonical_url: https://blog.nrwl.io/smarter-and-faster-angular-development-with-nx-6ccca0fe18d1
---

[Nrwl](https://nrwl.io) Architects [Juri Strumpflohner](https://twitter.com/juristr) and [Isaac Mann](https://twitter.com/MannIsaac) presented **Smarter & Faster Angular Development with Nx**, a free, live [EnterpriseNG](https://ng-conf.org) webinar for Angular developers in October, 2020. In case you missed the stream — or if you tuned in live but want to review the content again — the video and slides are available below.

# What you will learn:

* Driving good architecture with [Nx](https://nx.dev) using monorepo development: how Nx helps solve problems that developers face when structuring projects
* How Nx provides modern tools and improved developer experience (to learn more about [how Nx modernizes Angular, you can also check out this blog post](https://blog.nrwl.io/modern-angular-39b3f360f3d9))
* Scalability and increased development and build speed with Nx
* Demos!
* Q&A

You can **watch the full webinar** for free below 👇, or [**view the slides** by clicking here](https://docs.google.com/presentation/d/1vbRSFpV9jv_9rOo6naMDZn1Nhu1mnAudcRZkveQgoWs/edit).

{% youtube LEqJ1xKf_1w %}
npm7 Highlights in 1min
Tags: npm, node, javascript, cli
Published: 2020-10-28 15:42:20

---
title: npm7 Highlights in 1min
published: true
description: Slide deck demo showing the major new and changed features in npm7.
tags: npm, node, javascript, cli
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/hq4h971x7uc3lugwyrub.jpg
---

Hey folks!

I presented at a GitHub virtual meetup a quick demonstration of the highlights in **npm7** and thought it would be nice to add bullet points and make it a quick visual reference for folks who want a 1min tour of how the new (and tweaked) features look like.

[Click here](https://speakerdeck.com/ruyadorno/npm-v7-highlights) (or at the image below) in order to see the slides over at SpeakerDeck 😊

[![See slides at SpeakerDeck](https://dev-to-uploads.s3.amazonaws.com/i/4axdj76h0lz1mmfns2wl.png)](https://speakerdeck.com/ruyadorno/npm-v7-highlights)

---

Also dropped the link on Twitter:

{% twitter 1321421455654031360 %}

Hope you find it useful 😃
You're using Vim Wrong - Relative Line Numbers
Tags: vim, javascript, productivity, theory
Published: 2020-10-28 16:12:16

Learning Vim starts off as a daunting task. Setting up your colors, tab key to spaces, space count, configuring your linter, and on and on to infinity. These are all important steps in your journey to learning vim. Just make sure you don't overlook _Relative Line Numbers_. 

The relative line numbers setting allows you to jump exactly where you want without having to do a mental addition or subtraction. The strategy is to look at the line number column, jump to the line you want to edit using a command like _10k_, jump to the part of the line you want to change, and perform the edit.

![relative](https://media.giphy.com/media/iJ7kN1tWP0gTpF11HI/giphy.gif)

This defeats having to look at the line number column and for example, calculate the difference between 16 and 9 in your head then execute the _7k_ command to jump there. For those who aren't using Vim, it completely blows bashing your arrow keys like you're playing snake to get the location you want to edit.

![arrows](https://media.giphy.com/media/H6uASXP5nD6Bn36oA5/giphy.gif)

The beautiful thing with learning more Vim mechanics is it compounds with the rest of the efficiencies you pick up throughout your programming journey. As it becomes deeper ingrained in your muscle memory you are able to chop up your code in every which way with ease. You experience less fatigue from typing and have more energy to organize and refactor your rough draft implementations.

![snake](https://i.imgur.com/ADcgPac.jpg)

Do you use relative line numbers when you use Vim? Do you know of a more effective way to write code that allows for more lines of code written for the effort you exert? Let me know!
Know your tools: $SELECTION$ in Intellij IDEA
Tags: intellij, knowyourtools, livetemplates
Published: 2020-10-29 09:39:11

---
title: Know your tools: $SELECTION$ in Intellij IDEA
published: true
date: 2020-10-28 15:55:39 UTC
tags: intellij,knowyourtools,livetemplates
canonical_url: https://le0nidas.gr/2020/10/28/know-your-tools-selection-in-intellij-idea/
---

I have used and created [Live Templates](https://www.jetbrains.com/help/idea/using-live-templates.html) before but I didn’t know about the special keyword `$SELECTION$`. I found out after reading [IntelliJ IDEA / Android Studio Tricks: Surround With](https://ivanmorgillo.com/2020/10/21/intellij-idea-android-studio-tricks-surround-with/) by Ivan Morgillo.

In short, when a template gets invoked, `$SELECTION$` gets replaced by whatever is selected at that moment.

I won’t go into details about creating a new template. You can read all about it at Ivan’s post. But when you learn how to create one then add the following:

![](https://le0nidasgr.files.wordpress.com/2020/10/repeat-template.png?w=762)

This way you can do something like this:

![](https://le0nidasgr.files.wordpress.com/2020/10/kazam_vblevlm4.gif?w=496)

PS: the `$END$` keyword is another special one that pinpoints where the cursor will stop after adding values for an invoked template
Hacktoberfest Challenge done and dusted
Tags: hacktoberfest
Published: 2020-10-28 15:54:55

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### Hey there! 
I'm Ayan Biswas, a Web Developer and Electronics enthusiast.
This month I completed the #Hacktoberfest challenge. It's not too late to leave your mark! Get started by registering at https://hacktoberfest.digitalocean.com 
@digitalocean

### Background
Currently I am Pursuing my Bachelors in Electronics and Telecommunication Engineering at Jadavpur University,Kolkata ,IN

I will be graduating in the year 2023 (expected).

I enjoy to solve puzzles and also I am currently in my bachelors level so i love to make small electronics circuits also and also I built this websites in my leisure. I can use the power of Cloud Computing (particularly GCP) to deploy and scale software and IT infrastructure at scale. Have worked with React, JavaScript, CSS, HTML5, PHP, MySQL, UI/UX design and many other tools to create cool and good websites.I also have interset for the various upcoming defence technologies that are been adopted by govt for defecnce Sectors.

### Progress

I have completed my journey in the open source foundation indeplot , you also are most welcome to work in this awesome organization here is the link https://github.com/indeplot/

### Contributions

Here are the list of PRs which i have done and they are accepted a contributio  towards the completion of the Hacktoberfest challenge.
https://github.com/indeplot/indeplot/pull/4
https://github.com/indeplot/indeplot/pull/5
https://github.com/indeplot/indeplot/pull/12
https://github.com/indeplot/indeplot/pull/13


### Reflections
It was a nice experience in the development of the open source community alongwith hacktoberfest and the indeplot organization
Minha participação para a hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-10-28 15:43:15


Sou novo no dev.to já conhecia ele através de pesquisas, já tive a oportunidade de ler diversos artigos interessantes. Porém este ano resolvi criar a conta devido ao Hacktoberfest organizada pela digitalOcean.

Sou novato em programação e também em código aberto, mas sempre existiu em mim essa vontade de contribuir com o código aberto.

Eu conheci a Hacktoberfest através do twitter, bem no começo e fui pesquisar melhor sobre, e achei muito interessante a iniciativa da digitalocean, acredito que estimula muito novas pessoas e desenvolvedores a ingressarem no mundo do código aberto.

As minhas contribuições este ano foram para repositórios feitos pelos participantes, deste criação a organização de código, também contribui para o projeto que armazenava os participantes e suas informações.

### Reflexão

A hacktoberfest me fez pesquisar bastante, e estimular esse espirito de companheirismo e contribuições. Acho incrível pensar que a comunidade toda trabalha e ajuda o código aberto, tornando cada vez mais uma comunidade unida.
One Drive com problemas de sincronização
Published: 2020-10-28 15:37:51

##Quando usuários estiverem com problemas de sincronização no One Drive.


- Abra uma caixa de diálogo Executar pressionando a tecla Windows Pressione a tecla Windows e R.
- Digite o comando abaixo e pressione OK. Uma janela de Comando pode aparecer durante breves instantes.

```
%localappdata%\Microsoft\OneDrive\onedrive.exe /reset
```


- Se caso o seu OneDrive não voltar automático execute o comando abaixo:

```
%localappdata%\Microsoft\OneDrive\onedrive.exe
```

- Na parte de configurações do OneDrive deixar a opção abaixo marcada.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/37gsydztajqjxlqxnunp.jpg)
Weavrs n' Makrs @Hacktoberfest 2020
Tags: hacktoberfest, opensource, inclusion, content
Published: 2020-10-28 15:36:05

Hacktoberfest™️, a celebration of and for the open source software community, is one of the most popular and far-reaching activities in the open source world. 

At [Weavr](http://Weavr.ai), we acknowledge the ways we’ve benefited from free and open source software. As members of a community, we believe it’s important that we contribute value in equal or greater amounts than what we extract. Luckily, Hacktoberfest gives everyone an opportunity to contribute. 

In 2020, Weavr team is committed to make a meaningful contribution to the health of the global open source community. 

We’re kick starting this new initiative -- **Weavrs n' Makrs** -- officially on this Hacktoberfest on October 30th, 2020, which will continue to evolve in the coming months.

We aim to create an especially welcoming and supportive environment for people to learn about open source, discover some super awesome open source projects, and begin mapping their path to their first contribution(s) -- and not just by code but via adding the most relevant content for the code.

Weavrs n’ Makers is designed to be accessible and inclusive to folks of all levels of skill and interest.
1. Open Source Maintainers
2. Technology Creators
3. Developer Relations
4. Tech Content Writers

Participants in Weavrs n’ Makers are invited to sign up for a Weavr account (free) and create [Weavr Boards] (http://www.weavrbaords.com) or contribute to others’ Boards) like this one from *Okteto ["Kubernetes for Developers"](https://weavrboards.com/okteto/board/kubernetes-for-developers)*. 

We will start listing the recommended Boards on [Weavr.ai -Hacktoberfest Page](https://weavr.ai/hacktoberfest) on the day of the event and in subsequent weeks/months.
For this community initiative, feedback, questions and/or recommendations are truly appreciated. Please send a note to collab@weavr.ai

**About Weavr Boards:**
Weavr Boards makes it fun to discover tech knowledge from publicly available resources from the internet; curate the most relevant, respectable information; and create a “Board” from which others can build their knowledge about technology topics -- from general topics like “open source software,” to topics specific to open source projects like [“Project Drawdown”](https://github.com/ProjectDrawdown)
All-in-one JAMstack Low-code App Builder
Tags: javascript, aws, design, ux
Published: 2020-10-28 15:31:33

Hey everyone, I'm Gabriel. My co-founder and I built this tool for ourselves and we're using it to deliver some freelance projects:

[https://abstra.app](https://abstra.app?ref=devto)

We use it to build JS SPAs which are connected to an API or DB (that we can create and manage through the editor), and when you hit "Release" it goes straight into CloudFront. If you don't use the DB feature, then it is 100% isolated and the source code can be just copied and deployed elsewhere too.

It's still rough around the edges but we're working hard to improve it, could you please share any feedback with us? It's extremely helpful and usually goes straight into our backlog hahah

Thanks!! :)
What do you prefer, Magic Mouse or Magic Trackpad?
Tags: discuss, magicmouse, magictrackpad
Published: 2020-10-28 15:14:59

---
title: What do you prefer, Magic Mouse or Magic Trackpad?
published: true
description: Discussion about 
tags: discuss, magicmouse, magictrackpad
//cover_image: https://direct_url_to_image.jpg
---

Hi fellows, I'd like to know your thoughts about which of these peripherals are more productive while ergonomic. I've been using the keyboard and trackpad directly on my Macbook. 

But now I got the keyboard and mouse which I think is great but I don't really feel that comfortable with the mouse like I was with the trackpad.

So, what you think? Are you team #MagicMouse or #MagicTrackpad?
Adafruit IO 對 API key 的保護
Tags: iot
Published: 2020-10-28 15:11:38

今天測試 adafruit IO 時發生詭異的事情，明明在本機上測試都可以上傳資料，可是把網頁移到 github.io 上身份認證就是不會過，而且再回到本地端測試也失敗了，但是重新產生金鑰本地端測試就又可以，再移到 github.io 上又不行，百思不得其解。

最後下班時在捷運上才發現 Adafruit IO 寄了好幾封信給我，原來是他們發現我把 API key 放在網頁裡，當我把網頁移到公開的網站時，就等於公開了我的 API key，所以 adafruit IO 就把我的 API key 除權，避免被其他人拿去使用。
Some Halloween CSS fun
Tags: css, showdev, webdev
Published: 2020-10-28 15:10:59

Hello DEV community, I've created a fun little CSS file to add to your personal project. 

I won't show you what it is, but feel free to discover it for yourselves... if you dare.

[Tome of darkness](https://github.com/codeAdrian/tome-of-darkness) is in your hands... what will you do?
Data Structures & Algorithms using Rust: Merge Sorted Array
Tags: rust
Published: 2020-10-27 23:26:25

As part of Data Structures and Algorithms implementation using Rust, today we will explore `Merge Sorted Array` problem.

Leetcode problem link: https://leetcode.com/problems/merge-sorted-array/

###### Problem Statement

```rust
Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array.
```

###### Instructions

```rust
Note:

The number of elements initialized in nums1 and nums2 are m and n respectively.
You may assume that nums1 has enough space (size that is equal to m + n) to hold additional elements from nums2.
Example:

Input:
nums1 = [1,2,3,0,0,0], m = 3
nums2 = [2,5,6],       n = 3

Output: [1,2,2,3,5,6]
 

Constraints:

-10^9 <= nums1[i], nums2[i] <= 10^9
nums1.length == m + n
nums2.length == n
```

###### Solution

Find below the implementation using Rust

```rust
impl Solution {
    pub fn merge(nums1: &mut Vec<i32>, m: i32, nums2: &mut Vec<i32>, n: i32) {
        let mut m_i: usize = m as usize;
        for i in 0..n {
            nums1[m_i] = nums2[i as usize];
            m_i += 1;
        }
        nums1.sort_unstable()
    }
}
```
Please feel free to share your comments.

Happy reading!!!
Season of Docs, Meeting-9
Tags: opensource, docker, github
Published: 2020-10-28 14:39:33

On 21st of October, I had a meeting with my mentors with regards to Google's Season Of Docs project. The mentors had assigned the following tasks:-
1. Compile a list of pages on synbiohub.org
2. Which API command corresponds to which page on SynBioHub.org
3. Prepare a basic layout for the user documentation.
4. Plan the content for all the sections of User Documentation.
5. Correcting some minor formatting errors on the Plugins installation page.

On subsequent discussions over the Email, the consolidated list of sections was finalized, which is as follows:
1. Registering and updating your account
2. Searching for information
3. Viewing and downloading information 
4. Submitting, updating, and managing your collections
5. Editing your submissions
6. Data sharing mechanisms
7. Administration

I was able to accomplish the following tasks:
1. Compiled the list of pages on synbiohub.org
2. Which of the API command corresponds to which page on SynBioHub.org
3. Prepared and finalized a basic layout of the user documentation, under the guidance of Prof. Myers
4. Which pages of synbiohub.org correspond to which section
5. Corrected a few minor formatting errors on the plugins page.
6. Completed the user documentation for the first 3 sections as mentioned above.

I'd faced the following issues this week:
1. Was unable to find pages of Synbiohub.org corresponding to all of the API calls.

In the next meeting, I hope to take feedback regarding, the first 3 sections of the User documentation and resolve all of my doubts regarding SynBioHub's UI once and for all.
Javascript Interview: Event Bubbling and Capturing
Tags: javascript, webdev, career, beginners
Published: 2020-10-28 15:01:48

Hey fellow devs!

Having conducted interviews for **Javascript developers** over the *past several years*, I am now starting a new playlist series on my **[YouTube channel](https://www.youtube.com/channel/UCowumzu6ojutpuj-wzqTIcA?view_as=subscriber)** focussed on Javascript interviews for beginner developers. In this series, we would focus on how things **actually** work and also look at **specific keywords** that interviewers look for in the answers to these questions. 

#### Event Bubbling and Capturing
In this video, we look into the important concept of **Event Propogation**. We explore how a simple event like a button click which is placed inside of multiple divs, triggers the various event handlers on all those divs. While doing the same, we come accross the two phases of propogation i.e. *bubbling* and *capturing*.

{% youtube KAWUf_Qz7qM %}

Hope that helps!
PWA vs Native Apps: How to Choose Your Technology
Tags: architecture
Published: 2020-10-28 14:59:35

Got confused with the choice between PWA vs native apps? You aren’t alone. On the whole, companies preferred native apps to outreach their mobile audience. However, the PWA technology keeps taking over the market of mobile engagement. 

So what technology to choose to be current with the development trends? Where should developers focus on a progressive web app or native app? Let’s clear out these things behind and outline the best cases for using either a PWA or native app.
[https://apiko.com/blog/pwa-vs-native-apps-how-to-choose-your-technology/](https://apiko.com/blog/pwa-vs-native-apps-how-to-choose-your-technology/)
A better code Quick Look
Tags: osx, quicklook, mac
Published: 2020-10-28 14:39:51

While trying to figure out how to get [Quick Look](https://en.wikipedia.org/wiki/Quick_Look) working in _Catalina_ (_still working on that one_). I found some great tips on installing plugins for additional features here [sindresorhus/quick-look-plugins](https://github.com/sindresorhus/quick-look-plugins). 

Here's the 3 simple steps for getting code to render and check out the above repo for more. 

## One Prerequisite 

`brew` is suggested to install the plugins and is required for this guide. 

## Three Steps for Catalina

Step 1: Install the plugin(s). There are [many more](https://www.quicklookplugins.com/) if you poke around. 

`brew cask install qlcolorcode`

Additional removal of quarantine attributes steps for _Catalina_

Step 2: List the attributes you will be removing with 

```xattr -r ~/Library/QuickLook```

Step 3: Remove the attributes
```xattr -d -r com.apple.quarantine ~/Library/QuickLook```

## Try it out by clicking a file and hitting the spacebar. 

![Quick Look Preview](https://dev-to-uploads.s3.amazonaws.com/i/buvgdr5p8vrt6gd3semn.gif)
React JS: Instalá Bootstrap.
Tags: react, bootstrap, reactbootstrap
Published: 2020-10-28 14:33:09

Buenas! En el documento de hoy te voy a enseñar a instalar Bootstrap en tu proyecto de React JS.

##Requisitos
Tener instalado node y create-react-app. Nada mas :D 

##A codear!
Antes que nada tené en cuenta que estamos a 28/10/2020 y tenemos la versión 
[Y la ésta es la documentación oficial](https://react-bootstrap.github.io/getting-started/introduction/).


Creá tu proyecto con CRA:
npx create-react-app reactjs-bootstrap

Una vez creado entramos con la consola al directorio creado.
cd reactjs-bootstrap

Ahora debemos instalar Boostrap y ReactBoostrap:
npm install bootstrap react-bootstrap

Abrí con tu editor de código y mirá el **package.json**. Buscá las dependencias:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3tiyad1s4zqr2vt3f7v7.PNG)

Si hasta acá estuvo todo OK entonces agregá a tu archivo **index.js** del directorio **src**:
{% gist https://gist.github.com/fernandomatiasdv/a39cb7dd97e746a6a76abb4a5a4cec9f %}


De esta forma tomamos el minificado tanto de los archivos JS como del CSS.
Es importante que agregues ambos ya que algunos componentes corren con uno de los y se complementan (Por ej, el Button trabaja con JS mientras que Navbar lo hace con CSS).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ye3706nhdven4k4bxefu.PNG)

Corramos el desarrollo:
npm start

Al levantar el servidor dará este error:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ezwlfafpik5bie91q3ku.PNG)

Por lo que vamos a instalar jquery y popper.js (OJO!!! Es _poper.js_ y no popper "a secas", ya que son dos paquetes diferentes):
npm install popper.js jquery

Ahora si, volvamos a levantar el servidor y vamos a ver como arranca perfectamente!

Bien, sigamos adelante: Vamos a agregar un [botón](https://react-bootstrap.github.io/components/buttons/).
En _src/index.js_ escribí
{% gist https://gist.github.com/fernandomatiasdv/277331ed2bc1b37b0156b4eb5d3d92ed %}

Luego reemplazá \<App /> por:
{% gist https://gist.github.com/fernandomatiasdv/2f87881019eefaf953191009078556dc %}

Debería quedarte algo como esto:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dsj08x5ndmvoj5alx381.PNG)

Yeah! Ya tenemos nuestro primer componente traído de RBT!! 

En la próxima lección vamos a ver como implementamos SASS para customizar Bootstrap.