teleren/devto huggingface dataset:
Seeking feedback for our online commerce management platform
Tags: react, saas, javascript, api
Published: 2019-12-24 13:58:14

Hi developers!

Our team built an online commerce management platform (For an easier understanding, you may think of it as a tool resembles Wordpress). But we hope to make it an even more developer friendly tool with these  features：
1. Supports restful api
2. Custom theme can be built with the commonest languages (html + javascript)
3. Auto deploy with Git push for any theme updates
4. Dynamic article & product query engine
5. Separated production & testing environments
6. Custom domain parking


We are working hard on developing our SDKs for faster & better development experience. Javascript and node.js versions are available in current stage:
https://github.com/osltd/oneshop-web.js
https://github.com/osltd/oneshop.js


You may wonder how much we charge. Good news is that our platform is FREEMIUM like Github because we value developers' feedback for improvements more than anything else!

If you want to try us out, referral code is required for creating a shop/website since our platform is at beta stage :
url: https://panel.oneshop.cloud
referral code: 5k7VI80G5PahWsgm


Some tutorial videos you may find useful:

Create shop/website:
https://youtu.be/YjEhv97633Y

Set up a custom theme:
https://youtu.be/CPEyCSblJb4

Develop custom theme by using html & javascript:
https://youtu.be/ej2FloWjxNQ

Develop custom theme by using react:
https://youtu.be/Bb2disDOY28

Creating article list by using react:
https://youtu.be/YZvBrarCyVc

I hope you will enjoy our platform, and we look forward to your generous comments!

Team Oneshop
Deeper flow state with intermittent fasting - My experience
Tags: flow, fasting, beginners, healthydebate
Published: 2019-12-24 13:30:42

The worst day to give this advice (or the best one, who knows?) but I wanted to share the one single thing that has helped the most to get into a deep flow state: **intermittent fasting**.

Intermittent fasting is an [eating pattern that cycles between periods of fasting and eating](https://www.healthline.com/nutrition/intermittent-fasting-guide#what-it-is). It doesn’t specify which foods you should eat but rather when you should eat them. It's indeed important to eat well but sometimes not eating is even better.

When the cycles take place within the day, it's also known as **time-restricted feeding**.

I follow a *mild* pattern when I fast around 15 hours a day (typically from 22:00 when I finish dinner to 13:00, lunchtime).


## How intermittent fasting has improved my work life 

I started with intermittent fasting when family logistics became complicated. Meaning that I wasn't able to work long days anymore. I had to make sure every single working minute was well spent. And I was failing at that. Easily prey of distractions and spending a ridiculous proportion of my working time in any kind of state that would minimally resemble a flow state.

Intermittent fasting was one of the many changes I introduced in my daily routine as I was getting desperate. Intermittent fasting [has many benefits](https://www.health.harvard.edu/blog/intermittent-fasting-surprising-update-2018062914156) (some are more scientifically proven than others). The key ones in my case were:

* Saving time
* Developing more self-control 
* A clearer mind

These benefits helped me a lot to maximize my concentration and productivity. In a fasting state, I quickly get into a flow state in the morning. No cravings, no distractions. I do need to be careful after lunch. 
 
## Starting with intermittent fasting

If you think this is not for you, you're wrong. In the end, I'm **just asking you to skip breakfast**. Some recommendations to get you into fasting in no time:

* Drink as usual. Coffee is allowed (but no sugar / no milk)
* Eat the same amounts of food as before, you're just distributing them differently but nobody is forcing you to eat less.
* You can do sport as usual. I often go to the gym in the morning and never had any issue (the first day I brought with me some sugar and chocolate in case I had the feeling I was about to pass out but never had to use them). 
* Start by delaying the breakfast. In fact, I typically had two small breakfast during the morning, one when I woke up and the other one around 10-11. I started by removing the first one and once I got used to that I removed the second one but advanced lunchtime to noon. Finally, I moved back lunchtime to my normal schedule.

If you dare to try it, let me know whether intermittent fasting it's helping you too!!
YouTube Removes Cryptocurrency Videos Citing "harmful or dangerous content"
Tags: cryptocurrency, youtube, facebook, cryptonews
Published: 2019-12-24 13:26:16

YouTube, the largest video hosting platform, has turned hostile towards crypto influencers or rather any cryptocurrency video. On 23rd December, several Youtubers reported their content had been removed by the platform citing "harmful or dangerous content." The more concerning aspect of the issue was that Youtube neither informed content creators nor released any official statement explaining the reasoning behind their decision.

Social media platforms like Facebook and Twitter also does not allow for crypto advertisements on their platform, and Google, who acquired Youtube, has similar reservations towards digital currencies due to regulatory issues. However, before the recent event, there hasn't been any news of platforms removing content because it was associated with cryptocurrencies. 

Read Out More 👉 https://www.cryptoknowmics.com/news/youtube-removes-cryptocurrency-videos-citing-harmful-or-dangerous-content
Hosting WordPress on Azure App Service (Linux)
Tags: wordpress, azure, devops, hosting
Published: 2019-12-24 12:57:35

---
title: Hosting WordPress on Azure App Service (Linux)
published: true
description: In this tutorial, We will see how to host a WordPress CMS on Azure App Service Linux Plan. The tutorial also discusses about troubleshooting various issues with SSL Config and setting up your WordPress for different loads of traffic.
tags: WordPress, Azure, DevOps, Hosting
cover_image: https://thepracticaldev.s3.amazonaws.com/i/518xxpn5e2vc1x2bm81o.png
---
In this tutorial http://bit.ly/2PMmWDV, we will see how to host a WordPress CMS on Azure App Service Linux Plan. The tutorial also discusses about troubleshooting various issues with SSL Config and setting up your WordPress for different loads of traffic.

Following Topics are covered in detail in the video tutorial: 
1 Create App Service (Linux)
2 Create MySQL Database Server 
3 Access Secure Shell (SSH) 
4 Deploy WordPress 
5 Connect Azure Database for MySQL from MySQL WorkBench 
6 Create a Database for WordPress Application 
7 Configure WordPress Installation 
8 Scale Up/Down App Service Plan 
9 Configure SSL for WordPress on Azure (Important Step)
20 YEARS of web design BUT STILL
Tags: 100daysofcode
Published: 2019-12-24 12:52:42

I have  successfully completed the freeCodeCamp.org
Responsive Web Design Developer Certification, representing approximately 300 hours of coursework

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/yjzjohgs6dcmrovq8a06.png)

https://www.freecodecamp.org/certification/fcc15f897ef-791c-4833-ac15-7f5b3e1abee6/responsive-web-design

day08
Simplest React Hook component for PWA install button
Tags: pwa, react, hooks
Published: 2019-12-24 12:50:49

---
title: Simplest React Hook component for PWA install button
published: true
description: how to add a button to install the app as PWA
tags: pwa, react, hooks
---

This is the simplest snippet I could come up with to add a button which will prompt the user for the install pop up of your PWA.
It doesn't use any redux, nor nothing.


```js
import React, { useEffect, useState } from "react";


const InstallPWA = () => {
  const [supportsPWA, setSupportsPWA] = useState(false);
  const [promptInstall, setPromptInstall] = useState(null);

  useEffect(() => {
    const handler = e => {
      e.preventDefault();
      console.log("we are being triggered :D");
      setSupportsPWA(true);
      setPromptInstall(e);
    };
    window.addEventListener("beforeinstallprompt", handler);

    return () => window.removeEventListener("transitionend", handler);
  }, []);

  const onClick = evt => {
    evt.preventDefault();
    if (!promptInstall) {
      return;
    }
    promptInstall.prompt();
  };
  if (!supportsPWA) {
    return null;
  }
  return (
    <button
      className="link-button"
      id="setup_button"
      aria-label="Install app"
      title="Install app"
      onClick={onClick}
    >
      Install
    </button>
  );
};

export default InstallPWA;

```

Any feedback is welcome.
About Elinsys
Tags: elinsys
Published: 2019-12-24 12:41:42

---
title: About Elinsys
published: True
description: Elinsys (Elite Infoworld) is a leading website and mobile application development company in Ahmedabad, India. We provide professional and dedicated services in website design, web development, graphic designing and Mobile Application such as iPhone Application Development, Android Application Development. With a unique combination of deep understanding of internet marketing, the company has established an outstanding reputation in excellent website designing and development.
tags: Elinsys
---
Texture Effect / Mask-image CSS
Tags: codepen, css, html, imagemask
Published: 2019-12-24 12:37:46

---
title: Texture Effect / Mask-image CSS
published: true
tags: codepen, css, html, image-mask
---



{% codepen https://codepen.io/atulcodex/pen/KKwqKVb %}

If you are not familiar with [HTML CSS](http://click.linksynergy.com/fs-bin/click?id=JUDcdylGp8g&offerid=690746&type=3&subid=0) I recommend first learn HTML CSS from [John Academy](http://click.linksynergy.com/fs-bin/click?id=JUDcdylGp8g&offerid=690746&type=3&subid=0) then try to make this
My First Commercial Plugin for JetBrains
Published: 2019-12-24 12:03:49

Hey all!

I wanted to share a plugin that I've developed since summer of 2019. It's a plugin for writing OpenAPI specs for JetBrains products. You can find the plugin at https://plugins.jetbrains.com/plugin/12887-openapi-editor. If you work with OpenAPI and JetBrains, you might find the plugin useful. It has a 30 days trial and it is free to use in open source development and education.

So far there has been a decent amount of downloads and paid subscriptions. I have found that by offering the plugin commercially really motivates me to keep improving and adding new features to it. 

When I worked on the open source Swagger plugin, I felt a bit of frustration because I was spending hours in the weekends to fix bugs or adding new features that users were asking. I realised that this would not work in the long run; I was not getting much satisfaction from the contributions anymore. 

I believe that with the commercial plugin I am able to provide a better product for writing OpenAPI specifications. At the same time I also get joy for delivering features that users are willing to pay for :)
Embedded UI Components with Preact
Tags: react, javascript, webdev
Published: 2019-12-24 10:34:14

As a front-end developer it's quite common to be tasked with creating a new UI component for an application. 

You're given access to some backend API and you have to crack on and build a UI that sits somewhere inside the website as a widget, page or whatever.

The component is complex enough that you need to manage view states, so you'd quite like a system for that. 
You also like using the cleaner ES6 syntax and you're already familiar with React and JSX and all that jazz.

Now, you don't have access to the applications overarching build tools - you just need to find a way of passing some reasonably sized and efficiently written code over to the application maintainers who will factor it into their monolith 😊. 

I tend to see these UI components as their own small compartmentalised applications but I am fully conscious of the increased size when shipping seemingly unnecessary frameworks in packaged code. 

So React is out of the question because it's **> 30kb**.

I eventually discovered [Preact](https://preactjs.com/) which claimed to come in at **3kb** and supports all of the Virtual DOM and State Management features of React. 

I totally signed up and was not disappointed. Just set up a Webpack build environment and away you go. 

## How is Preact so small?
React has its own [Synthetic Event System](https://reactjs.org/docs/events.html) for handling events and Preact uses the browsers native `addEventListener`. 
This could lead to a user experience penalty. 

React is trying very hard (30kb + hard) to ensure a consistent feel in whatever browser it's being run in; whereas Preact has chosen to use unpredictable browser-native event listeners for a massively reduced packaged size.

More on the 'subtle' differences here - [Main Differences](https://preactjs.com/guide/v10/differences-to-react#main-differences).

## What's missing?
Well, [not much](https://preactjs.com/guide/v8/differences-to-react/#whats-missing)! 

- `Proptypes` (they aren't used all the time anyway)
- `Children` 

## Conclusion
Preact is a great solution to my problem but it does look as though it might come with some UI performance trade-offs leading to an inconsistent UX. 

That said, if you chose to build and embedded UI component without a framework you most likely wouldn't create your own synthetic event system for seamlessly handling differences in native events.

Preact is totally winning for me in this context 👍
Gatsby build production error using Material UI
Tags: help, gatsby
Published: 2019-12-24 09:50:17

Hi, I'm getting an error when trying to build production for gatsby, but on develop my website runs with no problem. I'm using Material UI and it's choking on the areas that I'm using the library. Hope anyone has any ideas.

My repo is hosted at: https://github.com/Wayne-CO/Greenstone-Wellness

When running gatsby build I get:

> failed Building static HTML for pages - 6.444s
> 
>  ERROR #95313
> 
> Building static HTML failed for path "/404/"
> 
> See our docs page for more info on this error:
> https://gatsby.dev/debug-html
> 
> 
>   15 |   },   16 |   activeLink: {
> > 17 |     color: `${theme.link.active} !important`,
>      |                          ^   18 |   },   19 |   linkLogo: {   20 |     height: "100%",
> 
> 
>   WebpackError: TypeError: Cannot read property 'active' of undefined


**This is the part of my code that's running into an error during build. It can't be a misuse because on develop it's working.**

   ```
const useStyles = makeStyles(theme => ({
  appBar: {
    backgroundColor: "transparent",
    position: "relative",
    boxShadow: "none",
    marginBottom: props => props.data.headerMb,
  },
  activeLink: {
    color: `${theme.link.active} !important`,
  }
}))
```
What are your daily routines? #2020
Tags: 2020, business, career, discuss
Published: 2019-12-24 09:37:07

Seeing as we are almost getting into a new year. I'd love to hear what routines you have in your life to stay productive and minimize distractions while maintaining a relatively stress free healthy lifestyle.

If you're planning to start a new routine, feel free to share it as well.

We can all learn something from each other.
HOW TO WRITE AN EFFECTIVE BUSINESS PLAN?
Tags: business
Published: 2019-12-24 09:17:18

Every business requires an effective business plan. A business plan can be made for any reason. It may provide direction or fascinate investors and is essential for the success and achievement of goals for your organization.
A business plan must include:

•	Executive summary 
•	Description of the company 
•	Market analysis
•	Structure of your business and management
•	Product and service you have to offer
•	Sales and marketing strategies
•	Funding request
•	Financial projections, and
•	Appendix

Check out the following guidelines to know how to write an effective business plan.

•	Conduct careful research. 
•	Describe the reason behind your plan.
•	Make a company profile.
•	Document each part of your organization. 
•	Make sure you have a good strategic marketing plan.
•	Make your plan adaptable depending on your audience.
•	Give details as to why you care for your business.

The <a href="https://cheapessay.co.uk/marketing-essay">marketing essay writing service</a> caters with effective writing services to everyone and if you are in search of one, you don’t need to wait anymore!
What is a Developer Advocate anyway?
Tags: devrel, opensource, software
Published: 2019-12-24 08:37:01

Read more about my journey on devrel in my blog: https://alexmoreno.net/

----

bootstrap, Angular, Symphony, Java, Python, **PHP7, Drupal9, VUE, ReactJS, GatsbyJS,…**. have you noticed that our world is getting more and more complex?

In the old days you wanted to build something. You simply had to chose a language, maybe a framework on top of that language, and that's it, you were in business. Those days are gone, for good or for bad.


The amount of technologies and solutions that appear everyday is staggering, but is not necessarily a bad (or good) thing. Is just a mirror of what is happening out there.

Software is eating the world, and more and more **Software Engineers** are needed. And on top of that, a lot of clever people re-imagine the way we, **Software Developers, Engineers** or however you want to call them, work every day.

See the missing piece? Every other industry have powerful ways of sending those tools out there for the common knowledge. They have tools and mechanisms to talk in the same language that professionals talk in those industries. It's mainly under the umbrella called **Marketing**.

However in our beloved **software development** discipline there is no easy way to achieve that (And no, sales departments are not the best way to approach this problem).

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ozr960cy7l9dva9gjfgg.jpg)

On top of that, Marketing and Advertising (as well as sales) is not normally a world that is well received in the software circles. The most common approaches that we get to see as software developers are from recruiters, which are not always best behaved or even well informed about "the product" they are trying to commercialise (yes, note that "the product" is ourselves, sigh).

That's where developer relations comes into play. Known as well as **devrels, developer evangelist or developer advocates**, they are normally software engineers or software developers that hoard interests beyond those of just software, like marketing, but of course they have gained experience in the **software industry** across the years, and can show a passion for what said industry. They are keen to master and discover tools and languages, and they love to talk and write about those exciting discoveries. As a colleague of mine told me recently, they need to be a "peoples person".

As I started the article, the Software Industry is growing incredibly fast, and more and more tools appear every day. My prediction for the **software advocate role** is that this is just the beginning of something that will get to grow in both, numbers and importance, as companies need to find a way to make their tools known in a growing sea of solutions.

If you are interested on this follow my twitter at https://twitter.com/morenodotnet. I talk about this and other many things, like Open Source, Drupal, PHP, Software Development, etc…
awesome JavaScript and Reacties concepts in dev.to
Tags: awesome, watercooler, javascript
Published: 2019-12-24 08:14:20

---
title: awesome JavaScript and Reacties concepts in dev.to
published: true
description: 
tags: #awesome, #opensource, #watercooler, #javascript
---

A mostly reasonable collection of technical interview topics for Javascript and ReactJS from DEV.to

![awesome JavaScript and Reacties concepts in dev.to](https://thepracticaldev.s3.amazonaws.com/i/jt8ux5evafuco3ktcf39.png)

**Add to your best topics belongs to category:**

**Link :** https://github.com/elangovanshanthi/awesome-dev.to
**created the PR :** https://github.com/elangovanshanthi/awesome-dev.to/issues
Last Thing - To Mention in 2019
Tags: watercooler, beginners, motivation, career
Published: 2019-12-24 08:10:21

Happy Holidays 🎉
Just wanted to wish you blessings. I wasn't thinking about coming back to DEV before 2020 but I really love the community and I can't leave it :) 

Next Decade is important for us, not just about creating new things but improving our living standard. We've to plant more trees, and support the charaties. Let's work together to make the upcoming decade 'Accessability Era' and revise all of the work we've done in past few years. We're all teachers and students(at the same time). Let's work hard to make this 💪 community strong.

Happy New Year 🎉 in advance and motivate yourself with this quote: 

"A successful man is one who can lay a firm foundation with the bricks others have thrown at him." 
David Brinkley
Advent of Code 2019 Solution Megathread - Day 24: Planet of Discord
Tags: adventofcode, challenge, adventofcode2019, spoilers
Published: 2019-12-24 07:51:48

---
title: Advent of Code 2019 Solution Megathread - Day 24: Planet of Discord
published: True
description: Life(x) = Life(x-1) + Life(x-2)
tags: adventofcode,challenge, adventofcode2019, spoilers
series: Advent of Code 2019 Solutions
cover_image: https://i.imgur.com/0KViCSc.png
---

We're nearly there! And it's Conway with a late entry!

### [Day 24 - The Problem](https://adventofcode.com/2019/day/24)

Hail Eris! We're on the last planet before we get to Santa!

Unfortunately, we also have a bug problem.

In Part 1, we need to apply some generative rules to a field of points where critters magically live and die based upon the status of their neighbors.  We also need to calculate a score based upon their position at the first sign of a loop in their lifecycle!

Those Plutoers (Plutesians? Plutannescos?) must have been here, though... It turns out these critters are generating in recursive space! In Part 2 we need to simulate 200 ticks of the infinitely recursive plane.

### Ongoing Meta

#### Dev.to List of Leaderboards

* `120635-5c140b9a` - provided by [Linda Thompson](https://dev.to/lindakatcodes) 

 If you were part of [Ryan Palo](https://dev.to/rpalo)'s leaderboard last year, you're still a member of that! 

If you want me to add your leaderboard code to this page, reply to one of these posts and/or send me a DM containing your  code and any theming or notes you’d like me to add. (You can find your private leaderboard code on your "[Private Leaderboard](https://adventofcode.com/2019/leaderboard/private)" page.)

I'll edit in any leaderboards that people want to post, along with any description for the kinds of people you want to have on it. (My leaderboard is being used as my office's leaderboard.) And if I get something wrong, please call me out or message me and I’ll fix it ASAP.

There's no limit to the number of leaderboards you can join, so there's no problem belonging to a "Beginner" *and* a language specific one if you want.
Day 24 of the Visual Studio Tips Advent Calendar is now live
Tags: visualstudio
Published: 2019-12-24 07:33:11

Day 24 of the Visual Studio Tips Advent Calendar is now live. Enjoy! 

Merry Christmas Eve! What could it be today?

https://visualstudiotips.co.uk/calendar/

#VisualStudio #DevDecember #VsTipsAdvent #Advent