teleren/devto huggingface dataset:
Build a Vue.Js E-Commerce App with ButterCMS Headless Backend
Tags: vue, javascript, showdev, ecommerce
Published: 2018-05-03 20:24:42

---
title: Build a Vue.Js E-Commerce App with ButterCMS Headless Backend
published: true
tags: vuejs, javascript, showdev, ecommerce
canonical_url: https://snipcart.com/blog/vuejs-ecommerce-headless-buttercms
---
![vuejs-ecommerce-buttercms-snipcart](https://snipcart.com/media/203610/vuejs-ecommerce-buttercms-snipcart.jpg)

"I'm a developer, not a God d*mn point & click machine."

That's my dev friend Nic. We're talking e-commerce.

Few pints in and he cranks up the ranting:

![developer-ecommerce-rant](https://media1.giphy.com/media/oCdScruZnEHfy/giphy.gif)

"You know what I don't like? Here:

1. Coding in a closed ecosystem
2. Rigid all-in-one platforms for everyone and their dog
3. Not choosing my tech stack

If you want that Shopify site so bad, you can do it yourself, you don't need ME (dev)."

I love Nic.

And he's right: there's a plethora of cool [frameworks](https://snipcart.com/blog/reactjs-wordpress-rest-api-example)/[tools](https://snipcart.com/blog/static-forms-serverless-gatsby-netlify) out there. Why not create a custom, kick*ss shopping experience with these instead?

Today I want to use Vue.js to show you that's possible. Because yeah, Vue.js e-commerce *is* a thing!

And with the right set up in the backend&mdash;[headless content management](https://snipcart.com/blog/intro-api-first-headless-cms-directus), namely&mdash; it can be a darn cool thing.

Enough babbling, here's what this Vue e-commerce example will include:

- How to create a neat, frontend Vue storefront
- How to integrate a customizable HTML/JS cart in a Vue app
- How to hook the Vue e-comm. app with headless ButterCMS

Now let's make my friend Nic proud, shall we?

&rarr; [continue reading on snipcart.com](https://snipcart.com/blog/vuejs-ecommerce-headless-buttercms)
How do you convince management to hire a full time tester/QA?
Tags: discuss, leadership, recruitment, qa
Published: 2018-05-03 11:26:45

---
title: How do you convince management to hire a full time tester/QA?
published: true
description: Getting buy-in for QA in a small business is not an easy task. Let’s discuss strategies for making this process less painful.
tags: discuss,leadership,recruitment,qa
---

Coming from a small business development background, I’ve always come across management putting emphasis on product creation instead of quality control. Unlike in the realm of big business where they have money trees, there are always competing factors fighting for attention. There are budgets to adhere to, timelines to meet. Does wanting a dedicated tester signal to my boss that my coding skill is bad? How would you convince management without damaging yourself in the process?
What are the constraints for uploading an image?
Tags: discuss, meta, images
Published: 2018-05-03 11:16:47

---
title: What are the constraints for uploading an image?
published: true
description: 
tags: Discuss, Meta, Images
---

Tried uploading a header image and I got an error message that just said "invalid file" but didn't give me any reasons why the file was invalid.  I assume it's because it's over the file-size limit, but I'm not sure what that is.  Any way we could improve this error message, or barring that be more descriptive about what the requirements are for the image near the "upload image" dialog?
Magento Mobile App Builder
Tags: magento, magentomobileapp, mobile, magentoapp
Published: 2018-05-03 10:48:18

---
title: "Magento Mobile App Builder"
published: true
description: 
tags: Magento, Magento Mobile App, Mobile, Magento App
---

**Get Native Mobile Apps for your Magento Store**

MageMob App Builder for Magento is a mobile app extension which helps you to build a custom mobile app for your Magento Store easily and quickly. Apps built with **[MageMob App Builder](https://www.appjetty.com/magento-magemob-app-builder.htm)** are optimized for both Android and iOS platforms and are mobile responsive.

<img src="https://thepracticaldev.s3.amazonaws.com/i/fqkxlbpw7yqpzhszymkd.png"/>

**Get A 100% Native Mobile App for Magento**

Magento Mobile App Builder gives you all the flexibility without the headache of developing your application from the ground up.

**[Android App Demo](https://play.google.com/store/apps/details?id=com.biztech.magemobcart&hl=en)**

Download and get the Magento Ecommerce Mobile App Builder experience prior to your customers. magento store android app

**[iOS (iPhone & iPad) Demo](https://itunes.apple.com/us/app/magemob-cart-customer-mobile-app-for-magento-stores/id1039362898?mt=8)**

A sneak-peek into how your branded Magento Mobile App Builder iOS app will look and feel like. magento store ios app

**Why Use Magento Mobile App Builder?**

**Anytime Access**

Customers can access your Magento store from anywhere! Magento Mobile App Builder lets you leverage the power of m-commerce.

**Native Apps**

Since the Apps created with our extension are native, you get to provide the best user experience on both Android and iOS devices.

**Cost Effective**

The app helps you drastically decrease the investment needed for developing and publishing Mobile App for Magento Store.

**Larger Outreach**

MageMob App Builder helps increase your customer base, since your store can potentially be present on every smartphone.

**Increased Sales**

The user-friendliness and mobility increase the overall sales from your Magento store and makes your e-commerce business a success.

**Satisfied Customers**

You can have more contented customers by offering them flexibility of accessing your store from their iPhones & Android devices.
You're going out of scope, again.
Tags: discuss
Published: 2018-05-03 10:47:40

---
title: You're going out of scope, again.
published: true
description: Know when to stop.
tags: discussion
---

<img align="center" src="https://thepracticaldev.s3.amazonaws.com/i/2zg9a2zfnu4xxj7oufm5.jpg" />

Hello,
I'm a front end developer, I work in a Saas company. 
Various apps/projects, agile approach, Jira tickets, git, teams. That is the gist of it.

I have one problem. A technical one, maybe behavioural, maybe moral:
when I get assigned a new story I struggle to stay in scope.

I'll go with an example:

An app with not more than 3 dozens React components, a fairly complex Redux store and a few API calls. It's not a massive app.

My story is to add, conditionally, a new level of nesting in a list: now some items have subitems, need to change the UI, probably mess a bit with the state/store.

The code app in my opinion is hard to read, eg. every react component is HOC'ed with a redux wrapper. Or state has too much derived data in it.
Or the file structure is wrong, components have long names, they are organised by type, not by feature and there's a lot of them now. 
Or there is no strategy in regards of code formatting, I want no semi, my colleague does. Etc.

I'm not blaming someone else, I was part of the team that made the app like that, months and months and months ago, at the beginning of our React journey.

During this time I obviously improved so that code, that I feel responsible for, I just cannot accept it. Actually it became so complex that I'm struggling to reason with it!

Assume I'm the only one working on the front end of this app at this moment.

I'm about to go over time because I started to send PR with refactors: prettier on pre-commit to keep it consistent on git, organize the files in the area around my story by feature, remove nested redux HOCs and just pass props 1, max 2 level down and other small refactors. I'm also coding the actual story I was originally assigned but this is obviously taking more time.

I could have proposed the changes, worked at my story and maybe later, in the future, implement those changes following the process.

Making this 'big' changes, not strictly related to the assigned story is not right. 
It may ruin other people plans. It's just not really good. But I kinda forced my stakeholders into taking those changes.

Although now the code is already in a much better state and I can finally work with it effectively.

What should I've done?
Building for people with ad-blockers
Tags: adblock, ux, webdev
Published: 2018-05-03 09:04:37

---
title: Building for people with ad-blockers
published: true
description: 
tags: adblock, ux, webdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/b4to6islquxhynyyp8wu.jpg
---

I'm going to assume that your website doesn't exist just for the presentation of adverts.

I'm going to assume that you want people to visit and have a nice experience regardless of whether a little commercial for a product they don't need appears or not. And that you're really not into selling tracking data as part of your core business.

# You want people to see a site that works both with and without adverts.

Because sometime in your future you might disable adverts. Because you might provide a membership feature which hides them (a not-uncommon business strategy in 2018). Because the third-party service providing them might be down due to a network hiccup.

Maybe your site looks OK with an empty box or two on it - but maybe it would be better if you collapsed the space or allowed the remaining content to grow to full width.

# You want people to see a site that works when people have ad-blockers enabled.

Sometimes your site will look bad when people visit with an ad-blocker because it's being triggered by false positive matches and thinks that your legitimate honest-to-goodness content is junk.

**Don't think your potential clients aren't using ad-blockers.** Or your existing clients. Or your boss.

I've seen broken navigation, broken carousels, that sort of thing. Aggregated scripts get blocked because of their file names or CDN host names matching a common pattern and suddenly **nothing** works at all.

I've seen things which work on your demo environments because, well, your clients turned off their ad-blockers for that domain when they were doing UAT last year. You remember that, right?

All this means using a bit of common sense - like avoiding class names which contain words like "banner" for structurally important DOM elements. If you're using a name like "banner" for an element, you might well be Doing It Wrong anyway, because that's really not all that semantic.

It means that when you test your site you make sure to use a blocker or two as well as testing it in your already vast array of legacy browsers. Just in case.

Cover image from hurley_gurlie182 at [morguefile.com](https://morguefile.com/creative/hurley_gurlie182)
My attempt on asyncToGenerator()
Tags: javascript
Published: 2018-05-03 09:04:14

---
title: My attempt on asyncToGenerator()
published: true
description: 
tags: javascript
---

Not gonna explain so much, just sharing my recent attempt on implementing `asyncToGenerator()`. Please do tell me what you think. 😀

```js
function asyncToGenerator(fn) {
  const ensurePromise = v => Promise.resolve(v);

  const stepContext = (context, nextOrThrow, prev) => {
    const { value, done } = context[nextOrThrow](prev);

    if (done) return ensurePromise(value);

    return ensurePromise(value)
      .then(v => stepContext(context, 'next', v))
      .catch(err => stepContext(context, 'throw', err));
  };

  return function(...args) {
    const context = fn.apply(this, args); 
    return stepContext(context, 'next');
  };
}
```

To use:

```js
asyncToGenerator(function* () {
  const res = yield axios.get('https://www.ycmjason.com');
  console.log(res);
})();
```
Your most controversial opinion
Tags: discuss
Published: 2018-05-03 08:33:37

---
title: Your most controversial opinion
published: true
description: You are sure you are right, but others do not see it like that.
tags: discuss
cover_image: https://thepracticaldev.s3.amazonaws.com/i/a5ut081mahv8f2xwwj4q.jpg
---

What is the most controversial opinion you hold within your company, team, or project?

I am not asking about tabs vs spaces, or editors. What opinion do you hold which you cannot seem to convince your peers or management about. 


---

* [Header Image Source](https://pixabay.com/en/workplace-team-business-meeting-1245776/)
How to create popup modal like facebook comments popup in React
Tags: react, beginners
Published: 2018-05-03 07:04:48

---
title: How to create popup modal like facebook comments popup in React
published: true
description: 
tags: reactjs, beginner
---

Hi, I'm currently struggling in create a popup modal that can fetch dynamic data from API. It's function is similar to facebook comments popup that show all comments from that post.
Any AWS Lambda logging tools alternatives?
Tags: question, aws, discuss
Published: 2018-05-03 04:38:22

---
title: Any AWS Lambda logging tools alternatives?
published: true
description: Lambda default using Cloudwatch for logging, but the date query and display format are hard to use. Any other logging tools suggestion?
tags: question,aws,discussion
---

Lambda default using Cloudwatch for logging, but the date query and display format are hard to use. Any other logging tools suggestion?
IE6 is, like, dead, right?
Tags: discuss
Published: 2018-05-03 03:11:15

---
title: IE6 is, like, dead, right?
published: true
description: Serious question, related to accessibility, inclusion, and other reasons 
tags: discuss
---

This is a for-real question. I needed to do some work to our webserver today to help us maintain PCI compliance. One thing I did -- removing old SSL protocols and cyphers and forcing new, safer, compliant ones -- could impact the ability of folks on older browsers to access our site. I don't have the resources to test this, unfortunately.

Is there any legit reason to still be concerned about browsers dating back to the IE6 days (or browsers even from 3 years ago)? As someone who tries to do their best to maintain accessibility for anyone trying to visit, it pains me to do anything that might restrict someone from accessing our resources. On the other hand, I need to sleep at night knowing our sh*t is locked down...
The Gopher is NOT dead!
Tags: go, gopher, logo
Published: 2018-05-03 02:07:19

---
title: The Gopher is NOT dead!
published: true
description: Many people have been concerned about the death of the Go gopher, and don't worry, the gopher is far from dead!
cover_image: https://blog.golang.org/go-brand/logos.jpg
tags: go, golang, gopher, logo
---

So the [new Golang logo](https://blog.golang.org/go-brand/logos.jpg) has sparked a lot of controversy. People love the [Gopher](https://cdn.chrisshort.net/testing-certificate-chains-in-go/GOPHER_MIC_DROP.png). How couldn't you love [him](https://blog.golang.org/gopher/header.jpg)?

The new logo has been concerning a lot of people. They don't want the [Gopher](https://gophercises.com/img/gophercises_punching.gif) to be replaced. But what if I told you... [he](https://blog.golang.org/gopher/usergroups.png) won't!

In fact, according to the very [blog post](https://blog.golang.org/go-brand) that announced the new logo, we see this:

> "Rest easy, our beloved [Gopher](http://img.stanleylieber.com/src/11383/img/612432053.jpg) Mascot remains at the center of our brand."

Remember that there is a difference between a logo and a mascot. In fact, you might not have even SEEN the old logo:
![old logo](https://blog.golang.org/gopher/logo.png)
I know I've only seen it in one place... it appears in the Windows Installation Wizard for the language.

So sure, the [new logo](https://blog.golang.org/go-brand/logos.jpg) is really [generic](https://www.reddit.com/r/golang/comments/6na5sy/it_came_to_them_with_a_message/), but luckily the [gopher](https://img.devrant.com/devrant/rant/r_557673_5ZQ9F.jpg) will live on.

I hope you enjoyed the blog post, and all of the [Gopher](https://blog.golang.org/gopher/portrait.jpg) images :)
Realtime + Isomorphic JS ☕
Tags: javascript, react, showdev
Published: 2018-05-03 01:18:27

---
title: Realtime + Isomorphic JS ☕
published: true
description: so, yeah, JS All the things
tags: javascript,react,showdev
---

A couple of weeks ago I created a workshop to show how can you use Javascript for everything and also create a Real-time page that is clearly based on r/places.

You can find the whole project here https://github.com/pekosoG/JS-Isomorfico 


> It turns out that now we have a contest with Pusher...


And obviously I'm not the only one thinking of create something like that. Feel free to fork 🍴 and change my example if you want to play with it 🤘
What is The Linux Swap Partition?
Tags: opensource, linux
Published: 2018-05-03 14:54:17

---
title: What is The Linux Swap Partition?
published: true 
tags: FOSS,Linux,open source,linux
canonical_url: https://fossnaija.com/what-is-the-linux-swap-partition/
---

During the installation of many modern Linux distributions, the hard drive (HDD) is automatically partitioned with the necessary file system (which include the Swap partition) to make the installation process simple as possible. After installation you can check your swap partition by entering the ‘free’ command in the terminal:     But there are some… [Read More »](https://fossnaija.com/what-is-the-linux-swap-partition/)

The post [What is The Linux Swap Partition?](https://fossnaija.com/what-is-the-linux-swap-partition/) appeared first on [Foss Naija](https://fossnaija.com).
Why do you use web-based Terminal emulators?
Tags: discuss, terminal
Published: 2018-05-02 23:35:20

---
title: Why do you use web-based Terminal emulators?
published: true
description: 
tags: #discuss #terminal
---

Just curious, not here to make a _flame war_.

I saw so many people using and recommending web-based terminal emulators such as Hyper.

Personally, I actually gave it a try but totally disappointed when comparing to iTerm or Alacritty. I would not think about running tmux, vim or reading log files with `less` in it.

For those who still using it, I want to hear your opinions, is there any specific reason that you prefer Hyper over iTerm or anything else?
How do you catch up with code that was merged recently?
Tags: discuss, collaboration
Published: 2018-05-02 23:27:14

---
title: How do you catch up with code that was merged recently?
published: true
description: Do you look at the PR? Or maybe ask the person who contributed?
tags: discuss, collaboration
---

We've recently been collaborating on features by having one person do some part of it, and then passing it along to someone else to finish it up. I'm personally really enjoying this process since it's a great way for me to catch up on new code that's coming in. It's also interesting to me to see how one of us implements a solution to a problem or feature.

I don't always look at every line of code merged though _(gasp!)_, and when I work on the next version of something that was built by someone else, I usually try on my own to figure out where the code lives and how it works. 

Most of the time, I would have a seen a bit of the code when the pull request was made and I had the chance to look it over. When I don't, I end up going to GitHub, find the pull request, and see where the files are. Then I open up my editor and read the code for a while before getting my paws on it.

I'm sure everyone has their own workflow, or maybe your company provides some guidelines/rules for you? Do you often (try) to look at the code that's coming into the codebase, or are you usually working only in your own domain? Or maybe you ask the person who wrote it to explain it to you while pairing? Would love to hear how you catch up on new code!
What is the best comment service for a hosted website?
Tags: discuss, blog, blogging
Published: 2018-05-02 22:42:11

---
title: What is the best comment service for a hosted website?
published: true
tags: discuss, Blog, Blogging
---

These days I'm looking for a suitable online comment service. I've tried out many services like [Disqus](https://disqus.com/) & [just-comments](https://just-comments.com/). But both of theme has their own problems & I can't feel comfortable with them!
I've made a blog on GitHub pages with Jekyll, so I need an online comment service for my static website. Can you tell me what you use? or do you know any other free online comment service?
Kutipan Sukses dari Trader Terkenal di Dunia
Tags: motivasisukses
Published: 2022-07-27 07:27:22

---
title: Kutipan Sukses dari Trader Terkenal di Dunia
published: true
date: 2018-05-02 20:31:00 UTC
tags: MotivasiSukses
canonical_url: https://blog.kincaimedia.net/2018/05/kata-kata-motivasi-trading-dan-kutipan-sukses-dari-trader-terkenal-dunia.html
---

Dari para trader dunia yang sukses, berikut kata-kata motivasi dari tokoh-tokoh sukses yang mungkin bisa membuat anda lebih bersemangat dan memotivasi anda dalam trading. Mendalami makna kata mutiara trading dapat menginspirasi kita untuk menerapkan hal-hal positif yang disarankan dalam trading, terutama jika kata-kata bijak trading dan kutipan dari trader terkenal di dunia tersebut dikutip... https://blog.kincaimedia.net/2018/05/kata-kata-motivasi-trading-dan-kutipan-sukses-dari-trader-terkenal-dunia.html
NodeJS 10: The New, The Changed, and the Deprecated
Tags: node, javascript, node10
Published: 2018-05-02 19:15:35

---
title: NodeJS 10: The New, The Changed, and the Deprecated
published: true
description: Node.js 10 comes packed with significant performance improvements through V8 v6.6 and new experimental features such the fs promise API and time traveling.
tags: #nodejs #javascript #node10
canonical_url: https://auth0.com/blog/nodejs-10-new-changes-deprecations/
---

Time flies when you are having fun! It has been over seven years since Node.js v0.10.x was released and now we are welcoming the seventh major release since the formation of the Node.js Foundation: Node.js v10.0.0! Our peppy non-blocking I/O friend has changed so much since then. Let's review what new, what has changed and what has been deprecated in this new release!

[Read on 💚](https://auth0.com/blog/nodejs-10-new-changes-deprecations/?utm_source=dev&utm_medium=sc&utm_campaign=new_nodejs10)

![NodeJS 10: The New, The Changed, and the Deprecated](https://thepracticaldev.s3.amazonaws.com/i/ryqeih4kgap2zchsca9e.png)