teleren/devto huggingface dataset:
I made and Can I use __ audit tool
Tags: showdev, javascript, audit
Published: 2018-07-23 16:43:47

---
title: I made and Can I use __ audit tool
published: true
description: Check which features your site is made with and are supported by Google search bot and what is affecting your rankings.
tags: showdev,javascript,audit
---



![alt text](https://thepracticaldev.s3.amazonaws.com/i/y8mgd5knfdnq5fdh3zte.jpg "Logo Title Text 1")


Anyone who follows me on [Twitter](https://www.twitch.tv/robertjamesgabriel) or [Github](https://github.com/RobertJGabriel/) knows I work on my own startup Idea and a few pet projects. One of these includes this.  A chrome extension that what runs audits on the current site your viewing against can I use. It was built with Vue, Bem and Mocha.

How it works

 1. Open the Chrome extension on any page
 2. Check the URL and click enter
 3. See the HTML, JS and CSS feature that is not supported on the site and affect SEO rankings.


About

Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers? So you can run this on any page and get a response of all the features that are used on the page and not supported.


What does this tool do?

This tool displays and non-exhaustive list of HTML, Javascript and CSS features a page is using which are not supported by the Google Search bot or popular browsers.



[You can see a video demo here](https://www.youtube.com/watch?v=AkXtjIFgUFU)

[You can download it here free for a week on Google Chrome. (1.50 after that)](https://chrome.google.com/webstore/detail/can-i-use/jgcglckingjkalbnbmfjjfiboabfmlbl)

Any feedback or questions I would love to answer. The money on this covers the costs :)
Help Improve my Simple Open Source JavaScript Router
Tags: opensource, javascript, router, help
Published: 2018-07-23 16:32:16

---
title: "Help Improve my Simple Open Source JavaScript Router"
published: true
description: i would love your opinion on this simple and dynamic JavaScript router that i use for my Single Page Application. I find it easy, simple, light and effective.
tags: opensource, javascript, router, help
---
i would love your opinion on this simple and dynamic JavaScript router that i use for my Single Page Application. I find it easy, simple, light and effective.

    /*
     * USAGE
     * https://jsfiddle.net/mckabue/knwvsy3t/18/
     * 
     * var $router = ROUTER(['/home/{tag}?gh={gh}']);
     * var $match = $router.match('/home/a tag?gh=dfe');
     * console.log($match); //{tag: "a tag", gh: "dfe"}
     * 
     */

https://jsfiddle.net/mckabue/knwvsy3t/18/

{% gist https://gist.github.com/McKabue/ed6d180043b737d75fe56aed9b03f02c %}
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2018-07-23 16:14:00

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

#1. Love Your Text Editor

Ali shares her visual studio code setup -- from favorite themes and fonts to all-purpose extensions. Gotta download that spell checker!


{% link https://dev.to/aspittel/my-visual-studio-code-setup-1emn %}

#2. 10-minute ramble

Anton shares their favorite interview question, and how they answered it during an actual interview. 

{% link https://dev.to/antonfrattaroli/what-happens-when-you-type-googlecom-into-a-browser-and-press-enter-39g8 %}

#3. Hey there, past me. 

A little wiser now, Max writes the ultimate shell introduction they wish they had when they were younger - everything from shell actions to dot files to script files. 

{% link https://dev.to/maxwell_dev/the-shell-introduction-i-wish-i-had-551k %}

#4. How one UI library evolved

A quick background and introduction to zUIx.js. 

{% link https://dev.to/genejams/component-based-web-with-zuixjs-3eha %}

#5. What are design patterns?

Alex shares nine design pattern interview questions, along with short and sweet answers.


{% link https://dev.to/aershov24/9-unusual-design-patterns-interview-question-with-answers-3gjl %}

#6. The art of thinking like a programmer

A community-sourced list of programming books on how to _think_. 

{% link https://dev.to/rommik/learning-to-think-like-a-programmer-13pk %}

#7. Experience is overrated

Arik explains why it's advantageous for companies to hire junior engineers. 

{% link https://dev.to/acoh3n/why-i-love-hiring-junior-engineers-2ip5 %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
Customers or Colleagues: How do you think of the other groups in the business?
Tags: discuss, business, career
Published: 2018-07-23 16:13:58

---
title: Customers or Colleagues: How do you think of the other groups in the business?
published: true
tags: discuss, business, career
---
I got into a discussion with another person at work today about whether the people we work with from the other departments are our customer or our colleagues.I'm curious, what mindset do use when thinking about the people in other departments...
Mocking with Jest and React Native
Published: 2018-07-24 19:54:05

---
title: Mocking with Jest and React Native
published: true
tags: 
canonical_url: http://supremebeing7.github.io/spaghetti-refactory/spaghetti-refactory/2018-07-23-mocking-with-jest-and-react-native/
---

I’ve been building a React Native app and learning testing using [Jest](https://jestjs.io/). It has been an interesting journey, and I’m not going to go in-depth on much of my approaches to this test suite, other than to share a few links to [articles](https://medium.com/react-native-training/learning-to-test-react-native-with-jest-part-1-f782c4e30101) I found helpful.

Anyway, the meat and potatoes of this post is how to mock with Jest, specifically how I figured out how to mock a popular library called [`'react-native-router-flux'`](https://github.com/aksonov/react-native-router-flux) in my unit tests.

I was testing an action following [the code samples in this post](https://pillow.codes/testing-in-react-native-jest-detox-d7b3b79a166a), and one of my actions routed to a new scene:

```
// Actions.js
import { Actions } from 'react-native-router-flux'
// ...some codes...
Actions.replace('afterLoginScene')

```

I don’t feel the need to test that transition while unit testing that specific action, but the test tries to run that code and horks badly. So I want to stub or mock the `Actions` somehow so I can test everything else in that action. After lots of trial and error and Googling, a colleague shared with me a [StackOverflow post](https://stackoverflow.com/a/45007792/3477163) that had the key:

```
// testHelper.js
export default jest.mock(
  'react-native-router-flux', () => ({
    Actions: {
      replace: jest.fn(),
      // whatever other Actions you use in your code
    },
  })
)


// Actions.test.js
import 'testHelper.js'
import { Actions } from 'react-native-router-flux'

```

Now I can test only that the expected actions are fired:

```
  const expectedActions = [
    { type: 'LOGIN/SET_LOGIN_ERROR', message: '' },
    { type: 'LOGIN/STORE_SOMETHING', something: 'stuff' },
  ]

  store
    .dispatch(LoginActions.sendLogin(username, password))
    .then(() => {
      expect(store.getActions()).toEqual(expectedActions)
      done()
    })

```

----

Versions:

    "jest": "22.4.4"
    "jest-expo": "27.0.1"
    "react-native": "0.55.2"
    "react-native-router-flux": "4.0.0-beta.32"
How do you find the time to participate on dev communities? (Such as dev.to)
Tags: discuss
Published: 2018-07-23 15:28:34

---
title: How do you find the time to participate on dev communities? (Such as dev.to)
published: true
description: 
tags: discuss
---

I'm just a bit curious to know how do you guys usually find time to participate in an online dev community such as dev.to (when I mean participate, I mean reading articles but also commenting and writing posts).

Do you do it at home, after work, before work, or at work during dead hours? I know it's a bit too specific, but I just would like to know how my fellow developers do it!
How to Resize a VirtualBox Linux VDI Disk under Windows Host
Tags: quicktip, virtualbox
Published: 2018-07-23 15:17:18

---
title: How to Resize a VirtualBox Linux VDI Disk under Windows Host
published: true
description: Quick tip on how to resize your VDI file.
tags: quicktip, virtualbox
---


I usually set a big amount of space for my VMs, but this time I created an Ubuntu VM with just 15GB of dynamic allocated space. I wanted to use it "just to test stuff" and I knew I would probably make a mess and that VM won´t last much. But, all things went more than great and I ended up using it as my "prod" environment for now, this is were the guest started to complain about the limited space left, I did a quick search in Google and I got the following:

1. Shutdown your VM
1. Make a copy of you VDI, you can just ctrl+c, ctrl+v
1. VirtualBox comes with an utility called VBoxManage.exe which is usually located at `"c:\Program Files\Oracle\VirtualBox\VBoxManage.exe"`
1. To modify the size of your VDI to 25GB execute the following command:

`C:\path\of\your\vdifile\"c:\Program Files\Oracle\VirtualBox\VBoxManage.exe" modifyhd yourvdifilename.vdi --resize 25000`

Output:

`0%...10%...20%...30%...40%...50%...60%...70%...80%...90%...100%`

Start your guest VM and in my case it registered the new space automatically but if your guest didn´t you can follow the instructions detailed here: http://derekmolloy.ie/resize-a-virtualbox-disk/

Props to derekmolloy from where I took this information
Making an Architectural Decision: A Live Example
Tags: architecture, thoughtprocess
Published: 2018-07-23 13:32:47

---
title: "Making an Architectural Decision: A Live Example"
published: true
description: A glimpse at my thought process, as it's happening
tags: architecture, thoughtprocess
---


_I'm literally writing this to work through my thoughts, so I thought I'd share._

Framework: Angular + ngrx

Scenario: Your application is able to generate a particular type of report. Any user can run and see a summary of said report, but they need to pay _x_ amount to see the whole thing.

Two things need to happen here:

1. The user has to pay to unlock a particular report.
1. If that transaction completes successfully, the report needs to be marked as "unlocked."

We could do all this sequentially. Make the payment API call, then make the unlock call. But that might involve duplicating some existing logic, and it might force me to create some awkward "payment + report" object.

We could also make one of those actions a side effect. But which one?

- is payment a "pre" side effect of unlocking the report?
- or is unlocking the report a "post" side effect of paying for the report?

The former seems to make more sense. The end goal is unlocking a report, not spending money, so let's say unlocking the report is the "main" control flow here.

But the payment _must_ succeed for the report to be unlocked. So is it really a side effect? _Shouldn't side effects should be independent of the thing that triggered them?_ Perhaps the side effect idea isn't so great.

\<pause and think for a few minutes...>

Well, I have `@ngrx/effects`. As much as I hate using it as an API wrapper (re [Stop using ngrx/effects for that](https://medium.com/@m3po22/stop-using-ngrx-effects-for-that-a6ccfe186399)), it's a useful way to compose API calls from different services. Just because the library has "effects" in the name doesn't mean it _has_ to be used strictly for side effects. We're certainly not restrciting it to that kind of usage right now. (Maybe in the future I should alias `@ngrx/effects` with a different name so our particular usage makes more sense?)

I guess I'll do that. Use the existing payment logic, write an `unlock()` service method, then use `@ngrx/effects` to chain them together.

---

_Inspired by DHH's ["On Writing Software Well"](https://www.youtube.com/playlist?list=PL9wALaIpe0Py6E_oHCgTrD6FvFETwJLlx) video series_
Enjoy High-Performance Connectivity to MySQL 8.0 with Updated dotConnect for MySQL
Tags: mysql, dataaccess, connectivity, connector
Published: 2018-07-23 12:01:31

---
title: Enjoy High-Performance Connectivity to MySQL 8.0 with Updated dotConnect for MySQL
published: true
description: Devart introduced a significant update of dotConnect for MySQL, a powerful ORM-enabled data provider, with the full support for recently enhanced MySQL 8.0.
tags: mysql, data access, connectivity, connector
---

Devart, a Czech software vendor of data connectivity solutions and database tools, has rolled out a greatly improved version of dotConnect for MySQL, a fast and advanced ADO.NET provider. Following the recent update of MySQL Server by Oracle, the tool now fully supports the latest version of MySQL with improvements across the board. Here’s the scoop on the key enhancements implemented in new dotConnect for MySQL:

MySQL 8.0 support for seamless MySQL-based application development
The support for caching_sha2_password, the new default MySQL authentication plugin
Extended list of MySQL charset collations 
Improved performance of SSIS Lookup component

The above represents some of the highlights. Drill further into the complete list of other useful features of dotConnect for MySQL at https://www.devart.com/dotconnect/mysql/ .

About Devart

Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration and backup solutions. The company also implements Web and Mobile development projects.

For additional information about Devart, visit https://www.devart.com/ .
Tech Blog has moved to blog.osninja.io
Tags: openshift, containers, devops, security
Published: 2018-07-23 11:43:52

---
title: Tech Blog has moved to blog.osninja.io
published: true
description: check out the new blog!
tags: OpenShift, containers, devops, security
cover_image: https://services.osninja.io/images/black-coffee-business-cellphone-backdrop.jpg
---

My tech blog content has all moved to https://blog.osninja.io from vault.osninja.net. I will be publishing a new entry on OpenShift image scanning with JenkinsCI and Anchore later today.
Hello, I'm a Junior DevOps looking for a job. Is there anyone who is looking for Junior DevOps?
Tags: discuss
Published: 2018-07-23 11:39:21

---
title: Hello, I'm a Junior DevOps looking for a job. Is there anyone who is looking for Junior DevOps?
published: true
tags: discuss
---

Here is the link to my resume: [Resume](https://www.dropbox.com/s/yl0s6clvvo60zay/Rushal_Resume.pdf?dl=0)

I recently graduated and currently residing in India, but willing to relocate or work remotely! I have a great interest in learning about infrastructure, containers, Data Intensive Technologies, and DevOps. I am currently reading `Kubernetes: Up and Running` and posting notes from it on my Github which you can find here: [Kubernetes: Up and Running](https://github.com/rusrushal13/Kubernetes-Up-and-Running-Notes). 

Also, for paying the bills I am currently doing an internship with The Linux Foundation under there [outreach program](https://github.com/openmainframeproject/tsc/blob/master/projects/internship.md).

My mail id: rusrushal13@gmail.com

So if anyone is interested in hiring, please let me know
The Best Address Autocomplete For Magento 2
Tags: addressautocomplete, magento2autocomplete
Published: 2018-07-23 11:09:02

---
title: The Best Address Autocomplete For Magento 2
published: true
description: Address Autocomplete for Magento 2 extension allows the customers to complete the shipping/billing addresses on the checkout page very quickly. No need to enter each shipping field one by one. 
tags: address autocomplete, magento 2 autocomplete
---

<img class="aligncenter size-large wp-image-7993" src="https://thepracticaldev.s3.amazonaws.com/i/9jtlwn4mn48iwa5az6v3.jpg" alt="address autocomplete for magento 2" width="1024" height="536" />

On July 20th, 2018, Tigren released its new extension: <strong><a href="https://www.tigren.com/magento-2-extensions/magento-2-address-autocomplete/">Address Autocomplete for Magento 2</a></strong>. This extension was developed with the purpose of enhancing the current Magento 2 checkout process. More specifically, it allows the customers to complete the required Shipping fields quickly with the autocomplete function. Instead of typing all of the address fields (street, city, province/state, subdistrict, zip/postal code) in turn, now the users just need to select one of these fields then the remaining will be auto-filled instantly.

Moreover, one of the biggest advantages of this Address Autocomplete for Magento 2 extension (over other similar Google Address Autocomplete extensions) is that it doesn't depend on Google API. The admins can actively manage and update the address database (input and output). As a result, they don't need to update the module too often according to API changes and pay Google for using its API on a monthly basis.

<strong>Feature Highlights:</strong>
<ul>
 	<li>Applying the autocomplete function on both Checkout page and Address Book</li>
 	<li>Being able to choose between 2 suggestion types: Autocomplete and Dropdown</li>
 	<li>Adding the Subdistrict field into the Shipping section to get more accurate addresses</li>
 	<li>Moving the billing address from Step 2 on the checkout (Review &amp; Payment) to Step 1 (under Shipping address) to improve the customer experience</li>
 	<li>Actively importing address data into Magento 2 database without using Google API</li>
</ul>
<strong>Notes:</strong> If you select the Dropdown suggestion type, the workflow is quite different. In particular, the shoppers must select their Country, State/ Province, City, and Subdistrict in order, and then the Zip/Postal code will be auto-filled. It's also worth noting that, after the State/ Province is selected, the City list will be narrowed down immediately to options related to that State/ Province. (The process is repeated for the City and the Subdistrict). Although the flow of Dropdown suggestion differs from the Autocomplete type, both of them are immensely useful to cut down the checkout time.

View Magento 2 Address Autocomplete extension's demos and download it <strong><a href="https://www.tigren.com/magento-2-extensions/magento-2-address-autocomplete/">here</a></strong>.
Crypto-anchors - an innovative technology for supply chain security and visibility
Tags: techtrends, blockchain, crypto, security
Published: 2018-07-23 10:43:45

---
layout: post
title: "Crypto-anchors - an innovative technology for supply chain security and visibility"
published: true
tags: tech trends, blockchain, crypto, security
cover_image: "https://thepracticaldev.s3.amazonaws.com/i/0f3bc8qa8o8w19c9fv5k.jpg"
---

At the moment security is one of the most important issues for companies in various industries and even countries. Unfortunately, fraud costs the global economy over $600 billion every year. 

Being under the risk of huge monetary losses, businesses are struggling to find and adopt technological solutions that will enable them to successfully fight against illegal practices.

Only imagine, in some countries, 70% of certain life-saving pharmaceuticals are counterfeit! Why is it so? The answer lies in too complex and non-transparent supply chains. In large operations, they can include over 200 intermediary steps and dozens of suppliers from different countries.

As a result, to trace the entire process that goods/products pass during their way from the production to the retail store (or hands of the customer) is pretty difficult, even impossible. 

Blockchain technology reveals <a href="https://www.msn.com/en-ae/video/viral/put-simply-blockchain-technology-is-a-security-and-transparency-innovation/vp-BBJ8lce">a new era of security</a> in a time when the integration of truly innovative security models is critically needed.

Although blockchain can bring <a href="https://smartym.pro/blog/blockchain-in-the-logistics-industry-how-hyperledger-sawtooth-works-for-supply-chains/">trust and visibility to supply chains across a variety of use cases</a>, it can’t make everything alone, for example, provide the authenticity of goods.

Crypto-anchors named one of <a href="https://www.ibm.com/blogs/research/2018/03/ibm-research-5-in-5-2018/">5 key technology trends</a> in a recent research by IBM, can become a solution to this challenge. Consisting of cryptographic mechanisms, they provide a high-security level and can add value across many industries.

Within the next five years, crypto-anchors like ink dots or tiny computers (smaller than a grain of salt) will be built in multiple physical goods and even everyday devices and objects.

They can be integrated into an edible shade of magnetic ink, which can be used to dye a malaria pill. Crypto-anchors will be used together with blockchain to ensure an object’s authenticity from its origin to the time it reaches the endpoint.

Hope, the article has been useful to you.) The topic of security is very long and interesting, and crypto-anchors will play an important role in the part of it.
Programmatically rewriting slug through functions.php but returns 404 [Wordpress]
Tags: wordpress, help, php
Published: 2018-07-23 10:00:54

---
title: Programmatically rewriting slug through functions.php but returns 404 [Wordpress]
published: true
description: 
tags: wordpress, help, php
canonical_url: https://wordpress.stackexchange.com/questions/309280/programmatically-rewriting-slug-through-functions-php-but-returns-404
---

I wanted to change the slug of a certain post type (in this case, **article**) into whatever a certain value in its custom field.


I went to *functions.php* and put this code.

    function na_remove_slug( $post_link, $post, $leavename ) {

    if ( 'article' != $post->post_type || 'publish' != $post->post_status ) {
        return $post_link;
    } 
    
    # get the custom field value here to be the slug
    $post_name = get_field('filter_category', $post->ID)->post_name; 
    # replace the "article" by the value of the custom field
    $post_link = str_replace( '/' . $post->post_type . '/', "/$post_name/", $post_link ); 
        return $post_link;
    }
    add_filter( 'post_type_link', 'na_remove_slug', 10, 3 );

When I query the custom post types, it appears as if its slug was altered, for example:
**www.example.com/article/some-title** into  **www.example.com/design/some-title**

Where **design** is my custom field value.

But when I finally visit **www.example.com/design/some-title**, I get a 404. But if I visit **www.example.com/article/some-title**, it returns the correct web page.

I understand that my code only changes how the link appears when it is displayed, but how can I show my single post correctly using the slug that I have altered?

If you need more clarification, please don't hesitate to comment.
Who here learned to code with the Linden Scripting Language (LSL)?
Tags: lsl, secondlife, lindenlabs, discuss
Published: 2018-07-23 02:27:02

---
title: Who here learned to code with the Linden Scripting Language (LSL)?
published: true
description: Yes, this was technically my first language
tags: lsl, second life, linden labs, discuss
---

I'm taking a pulse for this community.  Technically, my first programming language was LSL from Second Life which led me to learn PHP and then catapulted me into front end Development.  Who here has a similar story? Learning to code from a game?