teleren/devto huggingface dataset:
Exploratory Testing on Atlassian by QMetry

Tags: testing, agile, qa
Published: 2020-03-06 08:51:47

The origins of Exploratory testing lie in the context-driven school of thought and QMetry has witnessed its benefits first-hand. Using our built-in module for exploratory testing, users of QMetry Test Management and QTM4J can benefit from automated test case documentation while they explore the apps.

Using a tool that empowers the tester to explore without having to document or take notes at the same time, testers find it easier to follow their own path of exploration. The unscripted nature of exploratory testing enables it to reveal bugs that would go undiscovered during structured phase of testing.

With exploratory testing, testers can play around with a user story that follows a certain sequence. Testers can annotate defects, add assertions and voice memos, and create documentation on the fly. This is how a user story is converted into a test case. This information can also be used for QA.

It is our firm belief that exploratory testing helps teams weed out those tricky edge cases that lead to expensive software failures. To understand more about exploratory testing, why it is important and how a company can benefit from implementing it, know more on the Atlassian CI/CD page.

This detailed guide on Exploratory Testing by Deepak Parmar of QMetry discusses:

What is Exploratory Testing?
History of Exploratory Testing
Why use Exploratory Testing?
Ideal use cases
When Exploratory Testing is not ideal
Challenges of exploratory testing
Importance of exploratory testing for CI/CD
React Native
Published: 2020-03-06 08:43:30

[React Native](https://reactnative.dev/)
[Expo development tools](https://expo.io/tools#cli)
[Expo  dashboard](https://expo.io/dashboard/jacobhsu)

[Vue Native](https://vue-native.io/docs/installation.html)

React Native 笔记一：[创建 React Native 工程](https://xiaozhuanlan.com/topic/3982704561)
useEffect()-React Hooks(P2)
Tags: react, hooks, tutorial, javascript
Published: 2020-03-06 08:31:23

<h1>useEffect()</h1>
<ul>
<li>It's similar to <strong>componentDidMount()</strong>, <strong>componentDidUpdate()</strong> and <strong>componentWillUnmount()<strong>.</li>
<li>It's called everytime the component is rendered or re-rendered.</li>
<li>You can have as many <strong>useEffects</strong> as you want.</li>
<li>Multiple <strong>useEffect()</strong> will fire off in order, one after the other</li>
<li>Some side effects require a cleanup, some don't.</li>
</ul>

<h4>Now, lets take a look at an example:</h4>

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

<h5>Explanation:</h5>

As you can see, we have a variable called button, and a function getFact, that updates that variable.

We are using the <strong>useEffect()</strong> hook to fetch date from some random API.

First we are fetching the data, then we have a cleanup function. It's "cleaning up" the previous function by displaying "Loading..." in an h2 tag.

*<sub>-As I mentioned, not every side effect needs a cleanup</sub>*

We have an array <strong>[button]</strong> as the second argument, so the <strong>useEffect()</strong> will be called just when the variable <strong>button</strong> is changed.

And at the end we have a button with a <strong>onClick</strong> event, where <strong>getFact</strong> function updates the state of the <strong>button</strong> variable. Which triggers the <strong>useEffect()</strong> hook.

<h4>Here is the end result:</h4>

![Alt text of image](https://media.giphy.com/media/PhOlm1djoSc3PhSTZw/giphy.gif)

I hope you enjoyed this little tutorial :)
Hello, I'm new here! Also a Coding NOOB! Gah
Tags: career, blockchain, codenewbie
Published: 2020-03-06 08:26:50

Hi, I'm WishMaiden! - Crypto Enthusiast, Ambitious Networker and Entrepreneur, Musician, Event Planner, Peace Advocate and Mother.

Currently I am interested in expanding my knowledge of blockchain technology, crypto and how to utilize and explore all the options to integrate my creative ideas and love of entertainment to eventually have my own input and even build on or for platforms that enhance social media. For example, I have been blogging on Steemit since 2017 and very excited about all the opportunities and options becoming available for turning potential ideas into proposals that soon turn into projects to literally develop ideas and dreams into reality.
Is good idea to use jira task on the branch I am working for?
Tags: watercooler, discuss, jira, git
Published: 2020-03-06 08:26:46

On my job I work on we use git flow. Once it comes to resolve a task I use the task ticket as a branch name for example:

```
git flow feature start PROJECT-1234
```

But this approach is frowned upon CTO because makes him hard to understand the feature or bugfix that I was resolving. In my opinion I think is good because it provides a valid pointer and to somewhere to look more in detail on what I was doing and what I was tasked upon, whilst having a no-brainer on how to name the branch.

So do you think that my approach aid a lot on team into merging my changes and understand what I was doing or it actually makes it harder?
Unit Testing with Nuxt.js
Tags: discuss, vue
Published: 2020-03-06 08:21:01

I’m currently working on an app built with Nuxt.js. I have written a couple tests, but they only test component mounting and its template against a snapshot, but it doesn’t test much and it doesn’t seem scalable.

I’m more of a backend dev initially, so I am not familiar with the best practices to write unit tests with Nuxt/Vue.js.

Any tips or best practices to run unit tests with Nuxt/Vue at scale? What is your experience with it?
Google Analytics Augmented Reality Proof of Concept
Tags: augmentedality, arkit, xamarin
Published: 2020-03-06 07:56:31

So every now and then as I learn how to do more things in Augmented Reality using Xamarin, ARKit, C# and .NET and document them on XamarinArkit.com, I like to put the skills together and do little proof of concepts. The last one I did was around Augmented Reality and business cards.

#AR Google Analytics Dashboard
This time, I thought I would show what I would like Google Analytics to be like in Augmented Reality. Using Analytics from a website of mine as an example (VisualStudioTips.co.uk), I combine some of the information within Google Analytics into a single view.

{% youtube B_COYfFLMK8 %}

Note that these are static images (hence the proof of concept), but there is no reason why you couldn't use the Google Analytics API to dynamically get and display this information.

The code for this proof of concept will shortly be on XamarinArkit.com.

Hopefully this gives you a taste of what the imminent future holds when AR glasses become mainstream and we are no longer designing traditional interfaces for 'little black screens'.

If you want to keep up to date with future Augmented Reality experiments you can follow me on twitter at @LeeEnglestone.

-- Lee
Factory Method
Published: 2020-03-06 07:54:33

# Factory Pattern 
### *Delegate object creation at runtime*

## Creational Design Pattern

GitHub Link: https://github.com/FrancescoXX/Design-Patterns-Factory-Method-Javascript

___

The Factory Method describes how to solve the recurring problem to design flexible, reusable,  object-oriented software.

We need objects, created at runtime, that are easier to implement, change, test, and reuse.
___

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8wm0prtja1fqs67u5l6o.jpg)
## ⚡️Problem idea 
Create different characters in our game
___

## 💡Intent
- Define an interface for creating an object, but let subclasses decide which class to instantiate
- It lets a class defer instantiation to subclasses

___
## 🔧 Apply when
- Class can't expect the type of object it must create
- Subclass must decide what types of objects are create

___
## ✅Pro
- Delegate object creation
- Hook for subclasses
- Base class can provide a default implementation

___

## 🏆 Great for
- Delegate object creation at runtime
- When we don't know what type of class we need to create

GitHub Link: https://github.com/FrancescoXX/Design-Patterns-Factory-Method-Javascript
Solving problems *about* vs *with* code
Published: 2020-03-06 05:30:40

I saw a Reddit post recently that highlights what I think is a relatively common but totally misguided view in tech about the value of “technical” vs “nontechnical” discussions, though it didn’t use those words.

I saw a Reddit post recently that was a list of popular/recommended books for developers (it must be the season; I’ve seen at least three similar listicles in the day or two since then). One of the top books was Clean Code by Robert Martin, and there was a comment about how the book was popular because it was “easy to digest” despite giving almost no “meaningful substance about how to solve problems”.

This rubbed me the wrong way. Regardless of the merits of Clean Code specifically (I found it valuable but your mileage may vary), I felt this comment showed a misunderstanding of what problems we try to solve as engineers.

In one sense, the commenter is basically right: the book doesn’t talk through a lot of specifics for how to solve particular technical problems. There’s very little in there about data structures, for example, and the code examples are pretty mundane; you probably wouldn’t be shocked to see either the before or after code snippets in your own company’s codebase.

But that misses the whole point. The value of the book - and of books like it - is not that it is talking about how to solve problems *through* code; it’s that it’s talking about solving problems *about* code.

I remember several times when I looked back through my early-career code and saw technical mistakes, yes, but also where I wrote code that worked and was efficient enough, but which was a total mess anyway. I think most people who’ve been programming seriously for more than a few months have had similar experiences. In things like this the problem is not so much in the code as how the code interacts with the world outside itself, from our trying to understand what the hell we were thinking when we wrote it to a future maintainer spending hours to debug an issue they have when they use it in a way we didn’t initially expect.

Problems like this are more part of the ‘art’ of programming than the science.

It’s not enough for us to solve technical problems. The code we write rarely exists in isolation, and it is absolutely possible to have code that efficiently solves a problem while simultaneously making the system that contains it harder to understand, test, and maintain.

We must think about how our work fits into the larger systems we build and work in and what tradeoffs we should make in one aspect of our system to benefit others. Solving purely technical problems is just one part of our road to mastery.
Angular vs React – Which framework is suitable for your mobile app?
Tags: software, development, company, ahmedabad
Published: 2020-03-06 07:22:18

Angular vs React – Which framework is suitable for your mobile app?

There are such a number of articles  titles ‘Angular vs React’, ‘React vs Angular’, ‘Angular or React’ – let’s know about is an exact one next to the other examination of Angular versus React:
•	Architecture:  React is a JavaScript library of UI Components. Its managed by Facebook and is an open-source community of developers. The most recent updates were released on August eighth, 2019.
Angular is an open-sourced released JavaScript framework for web and mobile development. It is Typescripts-based and managed by Google's Angular Team and the Angular engineer network.
•	Universality: React is a system utilized in both web and mobile development. Besides, for mobile development, there is an extra framework – React Native. React can be utilized to manufacture both single-page and multiple page web applications.
Angular is suitable for both web and versatile advancement. In mobile development, be that as it may, an extraordinary portion of work is done by Ionic. The partner of React Native is Native Script. Angular can likewise be utilized for both single-and multiple page web applications.
Dribbble Challenge 02: Birthday list card
Tags: codepen, card, scss, boxshadow
Published: 2020-03-06 07:01:08

---
title: Dribbble Challenge 02: Birthday list card
published: true
tags: codepen, card, scss, box-shadow
series: Dribbble Challenges
---

<p>Inspired from <a href="https://dribbble.com/shots/10566939-Birthdays-List-UI-Design" target="_blank">https://dribbble.com/shots/10566939-Birthdays-List-UI-Design</a></p>

{% codepen https://codepen.io/shhdharmen/pen/GRJMbxB %}
Friday Blast #84
Tags: fridayblast, links, post
Published: 2020-03-11 22:04:55

---
title: Friday Blast #84
published: true
date: 2020-03-06 07:00:00 UTC
tags: friday_blast,links,post
canonical_url: https://horia141.com/friday-blast-84.html
series: "Friday Blast"
---

[A successful Git branching model (2010)](https://nvie.com/posts/a-successful-git-branching-model/) - the introduction of git-flow, a popular branching model for git.

[MezzFS - mounting object storage in Netflix’s media processing platform (2019)](https://netflixtechblog.com/mezzfs-mounting-object-storage-in-netflixs-media-processing-platform-cda01c446ba) - another one on Netflix’ media processing systems. This time around making media files (essentially big blobs of data where you need streaming _and_ random access) available as file system entities in order to simplify processing for them.

[What is the ultimate fate of the loneliest galaxy in the universe (2019)](https://www.forbes.com/sites/startswithabang/2019/12/18/what-is-the-ultimate-fate-of-the-loneliest-galaxy-in-the-universe/#6e4cc13f566a) - again an astronomy post about the fate of the Universe in general, and that of it’s most lonely galaxy. Interesting stuff especially around the timescales involved - trillions of years!

[Designing a package manager from the ground up - an inside look at CircleCI orbs (2019)](https://dev.to/circleci/designing-a-package-manager-from-the-ground-up-an-inside-look-at-circleci-orbs-228k-temp-slug-4469134) - I recently played around with GitHub Actions, but was keen on how CircleCI solves the CI package management problem.

[Netflix is not a tech company (2019)](https://www.ben-evans.com/benedictevans/2019/7/31/Netflix) - it’s a content company. Again, an article about Netflix. But I think it holds true for a lot of the later companies coming in - Uber/Lyft/Bolt/etc are essentially transportation companies with beefed up tech, TransferWise/Monzo/Revolut/etc are essentially banks or financial institutions with beefed up tech, AirBnB is essentially a hotel chain with beefed up tech, etc. In the future, _all_ companies will need the beefed up tech, but it’s perhaps more evident in the marketplace space.

[Domain-driven design needen’t be hard (2020)](https://www.thoughtworks.com/insights/blog/domain-driven-design-neednt-be-hard-heres-how-start) - a laymans overview of DDD. Good for me, cause I’m not well versed in DDD.
How to configure build tools (Gradle, Yarn) in Jenkins and use them in Jenkinsfile 🛠
Tags: devops, beginners, tutorial, jenkins
Published: 2020-03-06 06:38:23

***Learn how to configure build tools in Jenkins and use it in Jenkinsfile***


Using Jenkins you want to build and package your application. So, depending on your application language you need a different build tool available on Jenkins. 

In this video I show you how to install and configure Gradle, Yarn and NPM  in Jenkins and how to use those build tools in Jenkinsfile.

In detail:

- How to use build tools in Jenkins
- Check if your build tool is already available
- Install npm and yarn from plugins and configure it
- Use build tools (gradle and yarn) in Jenkinsfile
- Alternative to using build tools in Jenkinsfile


{% youtube L9Ite-1pEU8 %}

-----------------

I'm happy to connect with you on 
- [Private FB group](https://www.facebook.com/groups/techworldwithnana)
- [Twitter](https://twitter.com/Njuchi_)
- [YouTube](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA?sub_confirmation=1)
- [Instagram](https://www.instagram.com/techworld_with_nana/)
How to deploy a React application to Firebase Hosting
Tags: react, firebase
Published: 2020-03-06 06:24:52

---
title: How to deploy a React application to Firebase Hosting
published: true
description: Firebase is awesome. You can build a functional application in React + Firebase soon. Here is a tutorial for deploying your React App to Firebase Hosting.
tags: react, firebase
---

Firebase is awesome. You can build a functional application in React + Firebase soon. Here is a tutorial for deploying your React App to Firebase Hosting.

Install the Firebase CLI globally to your node modules:
```
$ npm install -g firebase-tools
```

Next associate the Firebase CLI with a Firebase account:
```
$ firebase login
```

And then, you have to connect Firebase hosting with your React app:
```
$ firebase init
```

Choose the Hosting options.

> Which Firebase CLI features do you want to set up for this folder? Press Space to select features, then Enter to confirm your choices.
```
$ Hosting
```

> Select a default Firebase project for this directory
```
$ <your-firebase-app-name>
```

> What do you want to use as your public directory?
```
$ public
```

> Configure as a single-page app (rewrite all urls to /index.html)?
```
$ Yes
```

> File public/index.html already exists. Overwrite?
```
$ No
```

Done!

You have to update `firebase.json` like below:

```javascript
{
  "hosting": {
    "public": "build",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}
```

public should be `build`.

And you should **delete .firebases folder** every time you deploy.
Nice Looking CSS Toggles
Tags: css, webdev, html
Published: 2020-03-06 06:02:31

When we need a switch toggles designs to implement, there is always a challenge for me to find a perfect CSS Toggles. We can find lots of awesome frameworks to work with but they are just heavy in size to use.

I found this little pure CSS library `MoreToggles.css` which has a variety of nice-looking toggles.

You only have to add a new ClassName to the wrapper div and this library will do the magic for you.

**Features**

- Pure CSS
- 8 different styles
- Perfect scaling
- More styles are coming soon!!

---

![Pure CSS Toggles](https://nirajanbasnet.com.np/uploads/pure-css-toggles-1.png)

---

Let’s jump it out it's **usage**

**Import the stylesheet**

```html
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/JNKKKK/MoreToggles.css/output/moretoggles.min.css">
</head>
```

---

Wrap an extra div around your `<input>` and `<label>`. Add a `mt-*` class to it.

```html
<div class="mt-ios-red"> 
  <input id="2" type="checkbox" />
  <label for="2"></label>
</div>
```

---

**Varieties of styles**

![Pure CSS Toggles](https://nirajanbasnet.com.np/uploads/pure-css-toggles-2.png)

You can scale the toggles by assigning a `font-size` attribute `style="font-size:10px;"` to the wrapper div. You can try different numbers and the toggle will scale smoothly.

```html
<div class="mt-ios" style="font-size:10px;">
  <input id="3" type="checkbox" />
  <label for="3"></label>
</div>
```

---

**Disabled Toggles**

Just like regular checkbox, you can add a `disabled` attribute to `<input>` tag.

```html
<div class="mt-ios">
  <input id="4" type="checkbox" disabled/>
  <label for="4"></label>
</div>
```
---

**Notice**

Be careful on nesting the `<input>` directly inside the `<label>` is NOT supported, although it is valid HTML syntax

Don’t 😠

```html
<div class="mt-ios"> 
  <label>
    <input type="checkbox" />
  </label>
</div>
```
Do 😃

```html
<div class="mt-ios">
    <input id="1" type="checkbox" />
    <label for="1"></label> 
</div>
```
---

Thanks to [Enkai Ji](https://github.com/JNKKKK), for creating this little pure CSS toggles. You can download this library from **[here](https://github.com/JNKKKK/MoreToggles.css)**.

---

##**Conclusion**
👏👏 By coming this far I hope you can use these pure CSS toggles to style awesome toggle switches. So, I suggest you give it a try on your project and enjoy it! 

Feel free to share your thoughts and opinions and leave me a comment if you have any problems or questions.


Till then,
**Keep on Hacking, Cheers**
Deploying Firebase Rules is super easy
Tags: firebase, devops, todayilearned, webdev
Published: 2020-03-06 05:57:08

The deployment of my firebase project has been automated since day one.

With one notable exception - the **database rules**.

A recent feature required considerable changes to the rules and I wanted to have them under source control.

Partly to have a record of all changes and partly as it's easy for clumsy fingers to update / delete rules via the console.

Turns out it's super easy - as most things Firebase are! :smile:

Simply define your rules in a `.json` file, then add a rules property to the `firebase.json` file that points to it.

```
{
  "database": {
    "rules": "firebase.database.rules.json"
  },
  "hosting" : {
     ...
  }
}

```
Then wherever you run simply call the Firebase CLI like this:

```firebase deploy --only database```

Or if like me you want to deploy and app and database:
```firebase deploy --only hosting,database```

> Note the lack of space after the comma, that caught me out first try!