teleren/devto huggingface dataset:
Git.io: A cross-browser extension for GitHub's URL shortener.
Tags: urlshortener, git, github
Published: 2021-03-10 10:07:12

If you've seen Git.io URLs and don't know how to create one, you are now just one single click away! ​
![git.io-1](https://user-images.githubusercontent.com/20593549/109649199-d2e97180-7b70-11eb-977f-aa917dffee03.gif)
You can also contribute to this project on [GitHub](https://github.com/mahdyar/git.io-extension) as it's an open-source project.
## Download:
<a href="https://chrome.google.com/webstore/detail/gitio/klipmjlpckhkjiipblhpaefnaakiccel"><img src="https://user-images.githubusercontent.com/20593549/109499549-4aa09900-7aaa-11eb-9a08-606576d9b18a.png" alt="Google Chrome" width="45" /></a>
<a href="https://addons.mozilla.org/en-GB/firefox/addon/git-io/"><img src="https://user-images.githubusercontent.com/20593549/109499665-71f76600-7aaa-11eb-96a7-caa03382d615.png" alt="Mozilla Firefox" width="45"/></a>
Microservices vs modular monolithic
Tags: microservices, modularity, architecture, linkedinposts
Published: 2021-03-10 09:43:28


###### I am always posting provoking post on my Linkedin, and I have decided to replicate those here. [Let's socialize!](https://www.linkedin.com/in/alexsandro-souza-dev/)

You heard about Microservices, and after searching about it, you realised the benefits of modularity principles?

Now, if you search for modularity, you will learn that you don't need to move to a microservices architecture to leverage modularity

Microservices architecture has some benefits, but the main ones are:
- Teams can work and scale independently
- Microservices are small and focused, reducing complexity
- Services can be internally changed or replaced without global impact

If your company is not the size of Google or Netflix, you can achieve everything from above in a modular monolithic system

What's essential is that we can effectively draw and enforce boundaries during development. Of course, that means embracing any help we can get from the programming language to enforce modularity principles

Different teams can work on different parts, where only the well-defined interfaces are touchpoints between the teams

## Enforcing modularity principles with Java
Effectively draw microservice boundaries is a hard job. Let's be honest, how often do you get your boundaries right the first time or even the second?

Redrawing microservice boundaries involves a lot of interpersonal communication to not let things blow up at run-time.

Refactoring across modules is easier, and it is supported by the type system and the compiler.

In Java, for example, Since Java 9 native module system is part of the language. Java modules can express dependencies on other modules and publicly export interfaces while strongly encapsulating implementation classes. Other languages offer similar mechanisms. For instance, JavaScript got a module system as of ES2015.


Transform a module into a microservice is always one option. Just add a communication layer on top of it(gRPC or REST)

I have created a project where I designed and implemented a monolithic application that was built using modularity principles. [Check it out!](https://github.com/apssouza22/trading-system)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0pckz5qydlf0prcs31yc.png)
browser back button takes to bottom of the page instead of previous location
Tags: gatsby, react, javascript
Published: 2021-03-10 09:33:05

I have one product listing page with infinite scroll pagination. Whenever i click on any of the product and goto product detail page and then press browser back button, it will takes me to bottom of the page instead of where i was. What should i do to retain by old state ?

gatsby version 2.19.18
Learning Rust
Tags: rust
Published: 2021-03-10 09:22:22

---
title: Learning Rust
published: true
description: 
tags: rust
//cover_image: https://direct_url_to_image.jpg
---

This month's free time was spent learning [Rust programming language](https://www.rust-lang.org/). Having completed a few large C++ projects in the past it was interesting to dive into a new "modern" system programming language which is safety and performance oriented.

A few thoughts after finishing the course:
- C++ is a huge mess comparing to Rust, which is clean and elegant. I don't have any experience in the wild to confirm this though.
- rust still depends on C toolchain to compile code.
- It's damn fast, almost C speed.
- It's relatively new (around 10 year old?) so there's not much good tooling available. There is no great IDE like Visual Studio for C++ (whatever you say, it's the best one). I personally love IntelliJ Rust plugin.
- Learning new language and writing it down using mind maps is actually really helpful. Easy to get an overview what I have learned and remind myself quickly.

Sharing the mind map of Rust notes here (infinitely scalable SVG).

[![rust](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kpikewk5ggwce90qw9fb.png)](https://www.aloneguid.uk/posts/2021/01/rust/rust.svg)

P.S. Follow [my blog](https://www.aloneguid.uk/posts/2021/01/rust/) if you want to get updates to this mind map.
How to use style-resources-module in Nuxt.JS?
Tags: javascript, webdev, nuxt
Published: 2021-03-10 05:20:15

I'm sure that every front-end developer is tired of importing SCSS, Less or Stylus variables, mixins and functions everywhere. If you're using Nuxt.JS, there is an easy solution for that. By using style-resources-module you can use your variables everywhere. You don't need to write @import every component. It's very easy to do that, just stick with me!


## Installation

If you haven't installed your CSS preprocessor, add your CSS preprocessor dependencies:
  - SASS: `yarn add sass-loader node-sass`
  - LESS: `yarn add less-loader less`
  - Stylus: `yarn add stylus-loader stylus`

Add the style-resources-module package:
``yarn add @nuxtjs/style-resources``

Add @nuxtjs/style-resources package as a build module to your project:
```js
export default {
  buildModules: [
    '@nuxtjs/style-resources',
  ],

  styleResources: {
   // your settings here
   sass: [],
   scss: [],
   less: [],
   stylus: []
  }
}
```

## Usage

I will be giving an example with SCSS. But you are free to use other processor like Less, Sass or Stylus. You have to add your mixins or abstracts to your nuxt.config.js file like the following example.
```js
// nuxt.config.js

export default {
  buildModules: ['@nuxtjs/style-resources'],
  styleResources: {
    scss: [
      './assets/vars/*.scss',
      './assets/abstracts/_mixin.scss'
      ]
  }
}
```
```scss
// assets/vars/colors.scss

$primary: #5eb8ee;
$secondary: #06af13;
```
```scss
// assets/abstracts/_mixin.scss

@mixin bp($point) {
  @if $point == mobile {
    @media (max-width: 576px) {
      @content;
    }
  }
}
```

After completing, you can use your mixins and variables in any component.

`components/Box.vue`

```vue
<template>
 <div class="box"></div>
</template>

<style lang="scss" scoped>
.box {
 color: $secondary;
 @include bp(mobile) {
  background: $primary;
 }
}
</style>
```

**Note:** *Do not import actual styles. Use this module only to import variables, mixins, functions (et cetera) as they won't exist in the actual build. Importing actual styles will include them in every component and will also make your build/HMR magnitudes slower.* **Do not do this!**

Github: [style-resources-module](https://github.com/nuxt-community/style-resources-module)

That's it. Thanks for reading.
Getting out of My Mental Mess
Tags: neurocycle, neurohacking, brainhacking
Published: 2021-03-10 09:09:02

---
title: Getting out of My Mental Mess
published: true
description: neurohacking my behaviours
tags: neurocycle, neurohacking, brainhacking
//cover_image: https://direct_url_to_image.jpg
---

I have discovered Caroline Leaf and her framework for self studying for recovery from various mental, behavioral messes like addictions, mental disorders, anxiety, depression. 

She calls this system Neurocycle and it sounds very promising.

She has worked on trauma patients and brain injury patients and has reported wild success and paradigm shifts in neurology, she is a published psychiatrist and a neurologist.

I would love to use her framework to gather data about my own sugar and sweet addiction and some issues from childhood.

Also it would be amazing to get to normalcy in terms of my daily productivity and the mundanity of normal and low output due to procrastination. 
Since it is possible I find it very easy to indulge in fantasies about superpowers of intelligence.

Also I need to work on decision making and I found out about the OODA loop from business management and self development. I hope that faster and more fitting decisions could enhance my productivity a lot.
Decision making is part of cognitive skills so intelligence building in the form of Dr. Caroline Leafs framework of mind management seems like a good path to take.

Perhaps I could learn her techniques while applying metalearning skills that I also want to develop and improve at.
Want to know About Content Marketing ???
Tags: marketing, digitalindia, digitalmarketing, contentcreater
Published: 2021-03-10 09:02:37

What is Content Marketing??
https://contentmarketinginstitute.com/2018/09/explain-content-marketing-anyone/
Some here short definitions about it....

(1)Content marketing is a form of marketing focused on creating, publishing, and distributing content for a targeted audience online.

(2)It helps companies create sustainable brand loyalty, provides valuable information to consumers, and creates a willingness to purchase products from the company in the future.

(3)Content marketing starts with identifying the customer's needs.

 
------Key Points------


-- Marketers who prioritize blogging are 13X more likely to see positive marketing ROI.


-- Content marketing not only boosts SEO results — it also fuels your other marketing efforts.


-- Content marketing generates traffic, conversions, AND leads for your brand.


-- Content marketing creates long-term, sustainable results.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hevnhzq87yzm015w5luk.jpeg)
 
---Benefits of Content Marketing---

1. Increase audience retention.

2. Better social media traction.

3. Establish trust with your audience.

4. Generate leads.

5. Enhance SEO efforts.
TextInfo: Lower, Upper & TitleCase
Tags: coding, textinfo, titlecase, capitalized
Published: 2021-03-10 08:56:32

🌄 Una mattina come tante ti arriva una richiesta ...


❓ Is it difficult for us to ensure that the FieldOne and FieldTwo are always capitalized?

Probabilmente ho impiegato più tempo a rispondere al messaggio su Teams rispetto alla modifica vera e propria

Sapevi che utilizzando TextInfo puoi manipolare del testo trasformandolo in

🔴 Lower

🟡  Upper 

🟢 TitleCase


senza nessun problema?


🛑 Ok, lo ammetto. Quando si tratta di Lower e/o Upper non lo utilizzo mai!

Per la cronaca ho messo i tre pallini dello stesso colore del semaforo perché mi ispirava così  oggi!


[Scopri tutti i dettagli nell'articolo!](https://links.devandreacarratta.it/3LAL)



#coding #textinfo #andreacarratta
gg=G`` — my favourite Vim command
Tags: vim, tips
Published: 2021-03-10 08:53:30

I found myself writing code without paying attention to formatting: let it be written as it is written, Vim will format it later. And the easiest and fastest way to do this is to format the whole file: <code>gg=G``</code>.

`gg` moves cursor to beginning of file. `=G` formats the code from the cursor to the end of the file. <code>``</code> brings the cursor back.
Check Your GitHub Commits with P42
Tags: javascript, typescript
Published: 2021-03-10 08:40:33

Modernizing the code in your JavaScript repository is only the first step in maintaining a modern codebase.
It is equally important to make sure that the new code follows best practices as well.

[P42](https://p42.ai) now makes this easier by **reporting check results for new commits directly in GitHub**. You can enable commit checks per analysis:

![Enable P42 Commit Checks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rjgfwrr3t5wd0j09fm1h.png)

A great time for this is when there are no further P42 suggestions.
At this point, the checks will pass, and any future regression will be visible in GitHub.

Once the commit checks are enabled, they will run on new commits to the default repository branch:

![GitHub Checks Passing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bmnu2blu9ax13x60cz0e.png)

When there are suggestions, the checks are marked as failed. The check details then contain more information about the refactoring and the suggestions, including diffs.

The P42 commit check integration into GitHub makes it easy for you to know about any modernization regressions in your code. [Give P42 a try!](https://p42.ai)
Wanna talk about DevOps, GitHub and Azure DevOps?
Tags: devops, github, discord, azuredevops
Published: 2021-03-10 08:36:35

⚠ Expires in 7 days! Only 25 free spots available! ⚠

Join my private Discord server for ___FREE___ to talk about DevOps, GitHub and Azure DevOps!

➡ https://discord.gg/jMTtTzG3 ⬅

After 7 days from the date of this post, only members of my Patreon will be invited to join this private discussion area.

And this is a closed number invitation, only 25 people can benefit from it.

Don't waste this opportunity, join now and be part of the CoderDave community.

If you read this when there is no more time or no more spots available, head over to https://patreon.com/CoderDave and join there!
How to use Vue 3 without Vuex or other crutches
Tags: vue, vscode, vite, vutchinsorrynotsorry
Published: 2021-03-10 08:18:23

Hello you,

Have you read the oldest book we have? Neither have I. Turns out it wasn't a book, but rather a semblance of binary that now continues as a divination system many call the I Ching.

[Here](https://nameless.easeness.biz) is what I have built to make that clearer.

I used Vue 3 in all its composability to make this happen. It wasn't easy, but it's also open source and slightly commented :)

If anyone likes this I will write more.

If not, I will take it as a signal that the Oracle has dealt unkindly with you. Which it can, but only if you rest upon a thorn of self-enmity.

Merry Spring,
Kerrbear aka krry
OctoParse Vs. Proxies API
Published: 2021-03-10 08:10:00

The world of web scraping is varied and complex, and Proxies API sits at one of the most crucial junctions. They are allowing web scrapers/crawlers to bypass IP blocks by using a single API endpoint to access our 20 million-plus high-speed proxies on rotation.
One of the questions we get frequently is how we are different from services like OctoParse or Diffbot. Many times it is like comparing Apples and Oranges. Still, when we send this comparison table to our customer's developer team, their CXO, their marketing, or SEO team, they typically get it quite quickly if we are a convenient service or not.

So here is how we are different from OctoParse.

Octoparse offers a visual point and clicks web scraping service if you are interested in a no-code solution. It handles Javascript, AJAX, Infinite scrolling, forms, etc.

They even have a cloud service where you can host and schedule scraping jobs.

They offer all the layman-friendly export formats like Excel, CSV, and also a developer-friendly API.
Kubernetes CKAD Tips 7 – Getting help
Tags: kubernetes, ckad, devops, cloudnative
Published: 2021-03-10 08:09:55

In my opinion Kubernetes CLI documentation is the best. You get pretty much everything you need including the syntax help with examples. Let’s learn how to use the CLI help.

{% youtube _rTWoRmbgCY %}

[https://youtu.be/_rTWoRmbgCY](https://youtu.be/_rTWoRmbgCY)

## Resources 

Subscribe to the Channel [TechTalks-Wriju](https://www.youtube.com/channel/UCUzFKvlZOm3ukAiF59B_HgQ)

The [Kubernetes and CKAD Playlist](https://www.youtube.com/playlist?list=PLPIVZsyfpXt-wyNY65-aC9Vm_PEsM3pR8)
Selenium 4 and chrome driver, take full page screenshots
Tags: python, selenium, devtools
Published: 2021-03-10 07:52:51

I spent some time playing with Selenium 4 trying to get a full page screenshot, this is what I found.

1. We will use the devtools protocol of Chrome Driver
1. this is done by driver.execute_cdp_cmd(command, parameters)
1. The command is `Page.captureScreenshot`
1. Parameters are documented [here](https://chromedevtools.github.io/devtools-protocol/tot/Page/#method-captureScreenshot)
1. the tricky param is `clip`


``` python
# I am assuming we already have a driver object.

# We need the dimensions of the content
page_rect = driver.execute_cdp_cmd('Page.getLayoutMetrics', {})

# parameters needed for ful page screenshot
# note we are setting the width and height of the viewport to screenshot, same as the site's content size
screenshot_config = {'captureBeyondViewport': True,
                             'fromSurface': True,
                             'clip': {'width': page_rect['contentSize']['width'],
                                      'height': page_rect['contentSize']['height'],
                                      'x': 0,
                                      'y': 0,
                                      'scale': 1},
                             }
# Dictionary with 1 key: data
base_64_png = driver.execute_cdp_cmd('Page.captureScreenshot', screenshot_config)

# Write img to file
with open("imageToSave.png", "wb") as fh:
    fh.write(base64.urlsafe_b64decode(base_64_png['data'))

```

## Why am I writing this? 
There is no good documentation related to the DevTools protocol and its integration to selenium is still in the works in Selenium 4 at the time I wrote this.

I Hope this helps any lost soul.
Weekly web development resources #65
Tags: weekly, webdev
Published: 2021-03-10 07:31:36



______

##[Local PDF Tools](https://localpdf.tech/)
[![Local PDF Tools](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/merge-pdf.jpg)](https://localpdf.tech/)
A website that uses Webassembly to edit your PDFs inside your Browser.

______

##[Generative SVG Social Images](https://codepen.io/georgedoescode/pen/PoGLmmX)
[![Generative SVG Social Images](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/social-gen.jpg)](https://codepen.io/georgedoescode/pen/PoGLmmX)
A cool codepen to generate customized social images for your blog posts.

______

##[Three Ways to Blob with CSS and SVG](https://css-tricks.com/three-ways-to-blob-with-css-and-svg/)
[![Three Ways to Blob with CSS and SVG](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/blobs.jpg)](https://css-tricks.com/three-ways-to-blob-with-css-and-svg/)
An article on how to create smooth, random, jelly-like shapes, which can be used as illustration elements.

______

##[HTML-over-WebSockets](https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/)
[![HTML-over-WebSockets](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/html-websockets.jpg)](https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/)
An article about the future of web-based software architectures.

______

##[Parvus](https://github.com/deoostfreese/Parvus)
[![Parvus](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/parvus.jpg)](https://github.com/deoostfreese/Parvus)
An accessible, open-source image lightbox without dependencies.

______

##[Circular Text Effect](https://tympanus.net/Development/CircularTextEffect/)
[![Circular Text Effect](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/circletext.jpg)](https://tympanus.net/Development/CircularTextEffect/)
An experimental circular SVG text animation by Codrops.

______

##[Epic React Exercises](https://epic-react-exercises.vercel.app/)
[![Epic React Exercises](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/react-exercises.jpg)](https://epic-react-exercises.vercel.app/)
A few practical React exercises with detailed solutions for real-world use cases.

______

##[Griddy](https://griddy.io/)
[![Griddy](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/griddy.jpg)](https://griddy.io/)
A website to learn the CSS Grid Spec.

______

##[Sensa](https://sensa.co/emoji/)
[![Sensa](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/sensa.jpg)](https://sensa.co/emoji/)
An open-source set of vector-made emojis.

______

##[Real-Time Wave Tracing](https://quazikb.github.io/WaveEq/index.html)
[![Real-Time Wave Tracing](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/65/real-time-wave.jpg)](https://quazikb.github.io/WaveEq/index.html)
An amazing example of in-browser wave tracing.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)
Jobs for Recruiters in Netherlands

Tags: hiring, career, beginners
Published: 2021-03-10 07:31:15

With the 30% tax ruling for highly skilled workers, Netherlands becomes a highly attractive place for employment. Below are some of the jobs for Recruitment, Recruitment Consulting or Recruitment Manager in Netherlands. These are mostly companies having English as the work language, so fear not if you don't speak Dutch yet.

**Dott - Amsterdam**

We're here to free our cities with clean rides for everyone. Download Dott and hop on an electric vehicle! Reimagine how you travel and make a difference.

Jobs 👉 https://www.arbeitnow.com/companies/dott

**Flexport**

Flexport moves freight globally by air, ocean, rail, and truck for the world's leading brands. Only Flexport delivers deep visibility and control, low and predictable supply chain costs, and faster and more reliable transit times.

Jobs 👉 https://www.arbeitnow.com/companies/flexport

**Palo Alto Networks**

Find job opportunities with Palo Alto Networks, a global leader in cybersecurity. We have open positions in locations around the world.

Jobs 👉 https://www.arbeitnow.com/companies/palo-alto-networks

**Polarsteps**  

We believe that life is an adventure and that this should be as true in our office as it is when you have just had your passport stamped. Which is why we do everything we can to make sure your time at Polarsteps will be the ride of your life.

Jobs 👉 https://www.arbeitnow.com/companies/polarsteps

**Miro**

Scalable, secure, cross-device and enterprise-ready team collaboration whiteboard for distributed teams. Join 15M+ users from around the world.

Jobs 👉 https://www.arbeitnow.com/companies/miro

Company blurbs have been borrowed either from Google search results or their own websites. Feature image credited to Unsplash