teleren/devto huggingface dataset:
CodeSandbox — React Scraping Protection
Tags: bots, developerexperience, codesandbox, webscraping
Published: 2017-12-01 12:58:21

---
title: "CodeSandbox — React Scraping Protection"
published: true
tags: bots,developer-experience,codesandbox,web-scraping
canonical_url: https://divu.in/codesandbox-react-scraping-protection-b623041fd69d
---

#### TL;DR; This is a fanboy post for CodeSandbox!

### Introduction

One of the primary aims of CodeSandbox was to provide a completely native offline development experience in the browser and I just wrote a small component and made a [Github repository](https://github.com/divyenduz/React-Scraping-Protection) out of it, all in CodeSandBox.

{% youtube 5lR29NsJKW8 %}

I just gave it a go and it looks pretty solid to me. This is an embed of the component (again using, yes, you guessed it! CodeSandbox):-

<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fcodesandbox.io%2Fembed%2Fko00v261ov&amp;url=https%3A%2F%2Fcodesandbox.io%2Fs%2Fko00v261ov&amp;image=https%3A%2F%2Fcodesandbox.io%2Fstatic%2Fimg%2Fbanner.png&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=codesandbox" width="1000" height="500" frameborder="0" scrolling="no"><a href="https://medium.com/media/ec59550d7c5be9ce0bd95e1922ef6f55/href">https://medium.com/media/ec59550d7c5be9ce0bd95e1922ef6f55/href</a></iframe>

I also changed the underlying repository name and CodeSandbox was able to take care of&nbsp;that.

Notable things:-

1. All commits were made through CodeSandbox.
2. The Github integration (albeit, in beta) looks&nbsp;solid.
3. It has an integration for [deploying to&nbsp;Now!](https://zeit.co/now)
4. [Monaco editor](https://github.com/Microsoft/monaco-editor) (based on VSCode) is sleek and provides a solid — offline like experience with auto-complete and click-to-jump functionality.
5. Integration with Medium (the above link is a CodeSandbox link pasted into&nbsp;Medium).
6. [Ability to add npm modules through a web interface](https://hackernoon.com/how-we-make-npm-packages-work-in-the-browser-announcing-the-new-packager-6ce16aa4cee6).

### Component — ReactScrapingProtection

The component itself is pretty basic. The aim is to be able to render strings lazily for it to be protected from bot scraping.

Of course, this applies less to client side only apps, albeit, it is widely belived that [Google can understand Javascript](https://news.ycombinator.com/item?id=13294779).

This component is made for situation when React components are being rendered on the server side with frameworks like&nbsp;[next.js](https://github.com/zeit/next.js).

I have not tested the component yet in SSR environment (both locally and in production)! I was just playing around with CodeSanbox and the API might&nbsp;change.

That’s all for now! Happy&nbsp;coding!

* * *
Launched a free webservice to check your pagespeeds
Tags: showdev
Published: 2017-11-30 20:11:18

---
title: Launched a free webservice to check your pagespeeds
published: true
tags: showdev
---

Heya, after scratching my own itch I decided to publish the tool Wulfdeck at https://wulfdeck.com/ for everyone to use for free.

It finds the linked pages from your site, and then checks them all for their Pagespeed.

What do you guys think, useful? Pointless? Does it work for you?

Hope to get some feedback :)

https://wulfdeck.com/
But, what the heck is Linux?
Tags: linux, workflow, beginners, opensource
Published: 2017-11-30 19:29:29

---
title: But, what the heck is Linux?
published: true
description: A brief introduction to Linux and its history
tags: Linux, Workflow, Beginners, OpenSource
---

On a recent article, I explored the possibility to move your workflow to Linux, but without covering too much the elephant in the room.
__What the heck is Linux?__

**In the beginning, it was UNIX**

Back to late 60’s, two developers from Bell Labs (an AT&T subsidiary at that point), decided to create an operating system that was capable of serving more people at a time. So by the year 1969, [Dennis Ritchie](https://en.wikipedia.org/wiki/Dennis_Ritchie) (who also developed the C programming language) and [Ken Thompson](https://en.wikipedia.org/wiki/Ken_Thompson) created Unix: a multi-user system designed for the PDP-8.
For many years Unix was the state of the art for enterprise computing and mainframes.

Late in the 80’s, the Unix system was the inspiration by University of Berkeley researchers to create BSD and with the introduction of 32bit processors by Intel on 1985, led the scientist and professor, Andrew S. Tanenbaum, to create [MINIX](http://www.minix3.org/). An OS suited for academic use to complement the book published by himself (Operating Systems: Design and Implementation).

By 1991 the highly adopted book by Tanenbaum became the motivation for the student of the University of Helsinki, Linus Torvalds, to develop what later will become the Linux Kernel (first major release on 1994).

**Linux as Free Software**

By its first release, there was no proper free licensing to the kernel itself. By using the tools from the GNU Project (mainly the GNU Bash Shell) by the American activist Richard Stallman. 

Later in 1992, Linus started to consider the adoption of the GPL (GNU Public Licensing) for its project with a proper release by 1993.

Later in the year 1999, the licensing was moved to the [GPLv2](https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html) and later he refused to move to the new GPLv3 

**Today Linux is everywhere**

You may not notice it, but Linux is everywhere around you. From your Android device to the server that delivers your internet content. Within the Windows 10 subsystem to the International Space Station.

Linux became part of our lives. The work from the Linux Foundation to create and maintain a stable, reliable and powerful OS made the internet and will continue to shape our future into a brighter path. 

You are free to choose wherever OS fits your needs but be aware that at some level you will bump into the most loved/hated kernel of all time.

__References:__

* [Just For Fun](https://www.amazon.com/Just-Fun-Story-Accidental-Revolutionary/dp/0066620732) by Linus Torvalds

* [LinuxFoundation.org](https://www.linuxfoundation.org/)
Lazy habits in linux terminal
Tags: linux, discuss, funny, shame
Published: 2017-11-30 17:10:49

---
title: Lazy habits in linux terminal
published: true
description: The most shameful lazy habits we tend to have on Linux terminal.
tags: linux, discuss, funny, shame
---
![](https://d32dm0rphc51dk.cloudfront.net/s9098Jn0dCRWULW3O9zOtA/larger.jpg)

We all look like hackers when using the terminal (specially if we have green over black theme) but the truth is we tend to be amazingly **lazy**, and start using poor techniques. 

I'm very untidy on my life, and I'm used to save the _git clones_ in brand new directories so for example, in order to enter in my cloned repo, I have to...

```
# cd random_named_dir
# cd cloned_repo_dir

```

or even _worse_:

```
#cd random_nam*
#cd *

```

When updating my git, (I'm sorry, probably my virtual infrastructures' teacher will read this) in hurry I might write:

        git add .

I _sometimes_ save stuff in $HOME but later I don't remember where did I put 'em, or complain and sigh when I have to write my password in sudo because a long time passed since the last time I wrote it.

What are your most dark lazy secrets on the terminal? Do you want to change that and start using the terminal properly even in hurry? :p
Guidelines for approaching duplicate discussions on dev.to
Tags: meta
Published: 2017-11-30 16:22:16

---
title: Guidelines for approaching duplicate discussions on dev.to
published: true
description: 
tags: meta
---

"Duplicates" or "reposts" are a canonical concern of web communities. One issue is that it can lead to rehashing discussions ad nauseam or generally fracture the flow of good information. But a bigger concern to me is that people are such assholes about it. I actually haven't seen any such assholery on [dev.to](/) yet, but I want to get ahead of it.

Duplicate discussions are allowed, and if you see a duplicated discussion, feel free to approach it along these lines:

> "Hey, there was a really good discussion on this topic [here](#), but we can elaborate on the discussion here, because there's always more to say."

This can lead to a bit of meta discussion on the first post, or come at the topic from a new angle. No discussion is ever "done".

This current guideline may not "scale". Only time will tell. In the mean time, we'll look to improve on technical solutions that help improve the experience for everyone with relation to this issue. Duplicated "articles" are also fine in that a topic can be covered from many angles and a lot of folks' posts are for an outlet for _themselves_ to better understand a topic. If you suspect plagiary, you should report abuse. That link can be found on every post and comment. 

### On the topic of comments/guidelines

I've been meaning to write another post about Internet comments, but since I haven't gotten around to it, I'll jot some points here:

- It's good to think of the comment section a bit like the Q/A in a conference talk. On the Internet, people often forget there is a human on the other side and this is a model I use personally.
- On that note, I'd love to see more folks _ask questions_ in the comment section of an article. It's a wonderful way for the community to learn and can lead to some of the best content. Authors are usually tremendously receptive to answering questions tightly or loosely related to the topic they are covering in their article.
- It's very encouraged to leave posts like "Great post!" or "Thanks for writing this, I enjoyed it". Some other dev communities discourage these comments and I don't know why, they are so motivating for the author and do not distract meaningfully for any incoming reader. And on that note, these types comments naturally "sink" to the bottom for the most part in our algorithmically-ordered comment system, so they really do not distract at all.

I hope all of this jives, let me know if you see any of this differently.
Terminal Comparison
Tags: mac, discuss, terminals
Published: 2017-11-30 13:25:28

---
title: Terminal Comparison
published: true
description: I want you guys to give me some opinions about the Terminal app on MAC and iTerm application
tags: mac, discuss, terminals
---

Hello everyone,

I want to hear some comparison between the MAC OSX terminal app and the iTerm2 application. what are their pros and cons and which will you prefer and why?



Vasil
We're just not ready for that yet...
Tags: discuss, cryptocurrencies
Published: 2017-11-30 09:07:12

---
title: We're just not ready for that yet...
published: true
tags: discuss, cryptocurrencies
---

I've spent quite some time lately studying cryptocurrencies. There are obviously a lot of talk about Bitcoin and the new values it reaches every week. I was asking myself how many people actually saw cryptocurrencies and the technologies behind them for what they could be, and not just a quick way to make money? 

My knowledge about Bitcoin ( and other cryptocurrencies ) is rather limited, but the concepts seems fascinating and it looks like these technologies could really change our way of life.

I was wondering if cryptocurrencies just came too soon for them to change anything significant in our societies? Most people might see cryptocurrencies as either a fraud, a scam or a very easy way to make some cash. How many actually understand the blockchain, and what problems it is trying to solve?

Do you agree that cryptocurrencies seem to be ahead of our society? Did we already encounter such technologies that just came a little too soon?
30 days of code challenge starts tomorrow!
Tags: code, programming, challenge
Published: 2017-11-30 07:22:50

---
title: 30 days of code challenge starts tomorrow!
published: true
description: 30 days of code starts tomorrow!
tags: code,programming,challenge
---

Hello guys, the time is finally here. 

While I've been following along with other developers' code projects and challenges, I've been planning on doing something of my own!

I made up my mind for good this time.

I'm going to do a 30 days of code challenge starting from tomorrow, I need all the support I can get, guys.

I'll build one [ not so complex ] project each day and blog about it here on dev.to so technically, it's also going to be a 30 days of technical articles challenge XD.

Though I've been told that it's not easy to do, I'mma do it. Countdown to tomorrow when it all starts.  

Anticipate the flames and Merry Xmas.
Dark Souls dice stats comparison app, Part 1
Tags: video, fuse, coding, ui
Published: 2017-11-30 07:10:25

---
title: Dark Souls dice stats comparison app, Part 1
published: true
description: Writing an app to compare dice roll stats in the Dark Souls boardgame
tags: video, fuse, coding, ui
cover_image: https://i.imgur.com/ZQzHse6.jpg
---

{% youtube rvu42EJOW7U %}

I'm creating an app to compare the outcome rolls for the Dark Souls boardgame. Though mainly a UI program it involves a bit of math: expected values with statistics.

There are some bits left unfinished, so I'll be sure to followup with a Part 2.

Watch my streams live on [Twitch - Mortoray](https://www.twitch.tv/mortoray)
Engagement is not an act, but a habit 
Tags: engagement, productivity, career, success
Published: 2017-11-30 06:58:32

---
title: Engagement is not an act, but a habit 
published: true
description: 
tags: engagement, productivity, career, success 
---

Disengaged and burned out employees cost companies every year billions of dollars and can highly affect the success of the business or even result in its failure. **Every employer knows that motivated and committed team values nowadays more than ever.** Yet engagement does not equal to employees' satisfaction or their happiness since someone can come to work every day with a big grin on their face, yet it does not have to mean they work productively on the behalf of the organisation. Someone can be also satisfied with their job, but coming across another offer, will quit it as quickly as one-day notice takes. So engagement is definitely something more than enthusiasm or satisfaction. 

![engagement](https://thepracticaldev.s3.amazonaws.com/i/qe0lozyv6x7sv9ex40pr.png)

Engagement is an emotional commitment to our work. **If we are engaged, we feel that we are an integral part of the organisation and we believe that the company’s goals are our goals.** Understanding our vital role in the growth and development of company is in fact the half of success. When we are engaged, we are willing to make an extra effort without being asked. We are convinced that our job makes a difference and we can go this extra mile for a better company’s performance or reputation. 

**Engagement indeed should be regarded as an investment by which we can increase our productivity, profitability and quality.** I would dare to say that this is a serious competitive advantage on the nowadays market on which employees change their jobs every second a new opportunity arises. **How can we boost our engagement? By concentrating on developing our strengths.** Each of us has a unique potential which goes far beyond our job description. Why not use it and make the best of it? Good management of our team’s talents and knowledge can be a great means of building a strong successful business. Employees who use their strengths every day, perform better and are much more absorbed in their work. 

According to [Gallup’s research](http://news.gallup.com/businessjournal/188033/worldwide-employee-engagement-crisis.aspx) we are facing an engagement crisis with only 13% employees all over the world admitting they are engaged in their work. Happily, I am lucky enough to be among these 13%. But if I weren’t, I would definitely start wondering whether everything is fine with me. **My advice for disentangled ones? Think positively and have an open mind. And always be around people that take care about their own (and their company) goals.**

Originally published at [brightinventions.pl](https://brightinventions.pl/blog/) on October 13, 2017.

By Urszula Stankiewicz, Social Media & Employer Branding Girl @ Bright Inventions
[Email](ula.stankiewicz@beightinventions.pl), [LinkedIn](https://www.linkedin.com/in/urszula-stankiewicz-7bb10577/)
Spectre.css - a Lightweight, Responsive and Modern CSS Framework
Tags: css, framework, purecss, showdev
Published: 2017-11-30 01:44:57

---
title: Spectre.css - a Lightweight, Responsive and Modern CSS Framework
published: true
description: Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
tags: CSS, Framework, PureCSS, showdev
---

Spectre.css is a lightweight, responsive and modern CSS framework.

- Lightweight (~10KB gzipped) starting point for your projects
- Flexbox-based, responsive and mobile-friendly layout
- Elegantly designed and developed elements and components

Spectre is a side project based on years of CSS development work on a large web service project. Spectre only includes modern base styles, responsive layout system, pure CSS components and utilities, and it can be modified for your project with Sass/Scss compiler.

Link: [GitHub](https://github.com/picturepan2/spectre) | [Docs & Demo](https://picturepan2.github.io/spectre/getting-started.html)
Talmudic Truths For Programmers
Tags: coding, programming, ruby, tech
Published: 2017-11-30 01:56:31

---
title: "Talmudic Truths For Programmers"
published: true
tags: coding,programming,ruby,tech
canonical_url: https://blog.yechiel.me/talmudic-truths-for-programmers-8f6e1dc628c0
cover_image: https://cdn-images-1.medium.com/max/1024/1*xY9JEgEAbF2BMY6wkS6Sow.jpeg
---

_Earlier on I posted about the Lightning Talk I gave at_ [_RubyConf&nbsp;2017_](https://dev.to/yechielk/rubyconf-is-nice-9l1)_._

_The transcript of the talk was posted&nbsp;_[_here_](https://dev.to/yechielk/talmudic-truths-for-programmers--the-lightning-edition-62)_._

_RubyConf just uploaded the videos of the talks. For the benefit of my readers I’ll share it with you below. My talk starts at around the 4:30&nbsp;mark._

{% youtube YMoa5JpjEtM %}


* * *

*This article has been cross-posted from my blog [Rabbi On Rails](https://blog.yechiel.me/talmudic-truths-for-programmers-8f6e1dc628c0).
You can read more about my coding journey there, or by following me on Twitter [@yechielk](https://twitter.com/yechielk)*
Populating GCE Persistent Disks
Tags: cloud, gce, administration
Published: 2017-11-28 15:47:16

---
title: Populating GCE Persistent Disks
description: Having a persistent disk out in the cloud is a useful thing -- but how do you actually put data on one?
published: true
canonical_url: https://di.nmfay.com/populating-gce-disk
tags: cloud,gce,administration
---

This is one of those things I didn't expect to be quite this involved and couldn't find a step-by-step guide for. I just want to allocate a disk out there in The Cloud and put something on it, right? The idea being that then I spin up a cluster and my fancy application server container startup script pulls that static data off the disk and performs whatever initialization is required. It doesn't _sound_ especially complicated.

But as yet, there's no "upload some stuff" button in the Google Cloud Engine console, and `gcloud compute scp` only works for VM instances. There's nothing sitting in front of a Persistent Disk that will just pull your data into it. So, you have to create one:

1. Spin up a new VM instance in the Compute Engine screens. You'll need to be an `iam.serviceAccountUser` for the project.
2. Once it's running, log in:

    `gcloud compute --project "my-project" ssh --zone "us-central1-b" "my-new-instance"`
3. `lsblk` shows devices as usual. Find yours. Now format it:
4. `sudo mkfs.ext4 -m 0 -F -E lazy_itable_init=0,lazy_journal_init=0,discard /dev/sdwhatever`
5. Create a mountpoint and `sudo mount -o discard,defaults /dev/sdwhatever /mnt/my-mount-point`.
6. Add your files, then clean up after yourself and `umount` the mountpoint.

Delete the instance from the VM Instances page. A GCE Persistent Disk can't be attached in read/write mode to more than one instance or container, also something to be mindful of if you're adding it to a deployment with multiple replicas.
I made an animated war tank with HTML and CSS because I got bored. Don't worry, it's not dangerous. 
Tags: css, coding, showdev
Published: 2017-11-29 23:07:03

---
title: I made an animated war tank with HTML and CSS because I got bored. Don't worry, it's not dangerous. 
published: true
description: I made a war tank with HTML and CSS because I got bored. Don't worry, it's not dangerous. 
tags: css, coding, showdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/ejxzab9ogqp9ti7ygnzs.png
---
Sometimes I just want to make something I think is interesting to make. It's fun, and I doubt it will ever be useful. 

This is an example of war thank with animated wheels. I use just HTML and CSS (SASS) for coding it. 

 
>Do you have any idea what I can code next?

[Codepen link](https://codepen.io/savke012/pen/pdZZLB)
{% codepen https://codepen.io/savke012/pen/pdZZLB %}
AWS re:Invent 2017 new products TLDR/discussion
Tags: discuss, aws
Published: 2017-11-29 19:37:37

---
title: AWS re:Invent 2017 new products TLDR/discussion 
published: true
description: A thread to discuss new announcements coming out of AWS re:Invent 2017
tags: discuss, aws
---

Amazon released a number of new services today at AWS re:Invent.  Feel free to discuss and add your thoughts.

There are two new services that revolve around containerization:

[**Amazon EKS**](https://aws.amazon.com/eks/)
> Amazon Elastic Container Service for Kubernetes (Amazon EKS) is a managed service that makes it easy for you to run Kubernetes on AWS without needing to install and operate your own Kubernetes clusters. Kubernetes is an open-source system for automating the deployment, scaling, and management of containerized applications. 

[**AWS Fargate**](https://aws.amazon.com/fargate/)
> AWS Fargate is a technology for Amazon ECS and EKS* that allows you to run containers without having to manage servers or clusters. With AWS Fargate, you no longer have to provision, configure, and scale clusters of virtual machines to run containers. 

Another two services in the deep-learning / ML space:

[**AWS DeepLens**](https://aws.amazon.com/deeplens/)
> The world’s first deep learning enabled video camera for developers
AWS DeepLens helps put deep learning in the hands of developers, literally, with a fully programmable video camera, tutorials, code, and pre-trained models designed to expand deep learning skills.

[**Amazon Sagemaker**](https://aws.amazon.com/sagemaker/)
> Amazon SageMaker is a fully-managed service that enables developers and data scientists to quickly and easily build, train, and deploy machine learning models at any scale. Amazon SageMaker removes all the barriers that typically slow down developers who want to use machine learning.

And finally there's a new managed database service.

[**Amazon Neptune**](https://aws.amazon.com/neptune/)
> Amazon Neptune is a fast, reliable, fully-managed graph database service that makes it easy to build and run applications that work with highly connected datasets. The core of Amazon Neptune is a purpose-built, high-performance graph database engine optimized for storing billions of relationships and querying the graph with milliseconds latency.

Which of these are you most excited about?  Feel free to add your thoughts or post other announcements from today.