teleren/devto huggingface dataset:
React Live Resources
Tags: react, hooks, learning, discuss
Published: 2019-09-11 16:53:14

---
title: React Live Resources
published: true
description: Resources and links for Eric Bishard's React Live NL (Amsterdam) talk
tags:  React, Hooks, Learning, Discussion
---

## My React Live NL Demo

[github.com/httpjunkie/kr-todo-hooks](https://github.com/httpJunkie/kr-todo-hooks)

## Historical React Videos

[Introduction to ReactJS](https://www.youtube.com/watch?v=XxVg_s8xAms)
[JS Apps at Facebook](https://www.youtube.com/watch?v=GW0rj4sNH2w)
[Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw)
[Hot Reloading with Time Travel at react-europe 2015](https://www.youtube.com/watch?v=xsSnOQynTHs)
[The Redux Journey at react-europe 2016](https://www.youtube.com/watch?v=uvAXVMwHJXU)
[Lin Clark - A Cartoon Intro to Fiber - React Conf 2017](https://www.youtube.com/watch?v=ZCuYPiUIONs)
[React Stack vs Fiber](https://www.youtube.com/watch?v=Qu_6ItnlDQg)
[React Today and Tomorrow and 90% Cleaner React With Hooks](https://www.youtube.com/watch?v=dpw9EHDh2bM)

## Official Docs and Blogs

[ReactJS.org Hooks documentation](https://reactjs.org/docs/hooks-intro.html)
[React 16.8 (The One With Hooks)](https://reactjs.org/blog/2019/02/06/react-v16.8.0.html)

## Eric's Related Articles and Blog Platforms

[React Hooks Guide](https://www.telerik.com/kendo-react-ui/react-hooks-guide/)
[React Accessibility](https://dev.to/httpjunkie/react-accessibility-2d99)
[Jumping Into React Hooks](https://dev.to/httpjunkie/learning-react-hooks-4edh)
[httpJunkie on Dev.to](https://dev.to/httpjunkie)
[Telerik Blogs by Eric Bishard](https://www.telerik.com/blogs/author/eric-bishard)

## Accessibility and Inclusion Links

[Accessibility Pride T-Shirt](https://cottonbureau.com/products/accessibility-pride#/1602205/tee-men-standard-tee-vintage-black-tri-blend-s)
[W3 Accessibility Usability & Inclusion](https://www.w3.org/WAI/fundamentals/accessibility-usability-inclusion/)
[Web a11y with inclusive React.js components](https://www.firstturnmedia.com/blog/web-accessibility-inclusive-reactjs-components)

## Visual Studio Theme used

[Night Owl by Sarah Drasner](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl)
Agile development in academia: how do you teach a dinosaur new tricks?
Tags: discuss, agile, research, productivity
Published: 2019-09-11 16:52:55

One of the most significant challenges I faced when switching back into academia wasn't living on a stipend, or volume of papers I had to read. It was trying to apply my working practices into a workplace that had no understanding or compatibility with an agile way of working. It was, for lack of a better analogy, like trying to change gears on a car without using a clutch. 

Parts of the academic process can date back to the early Royal Society. While there are still areas of industry that are slow to adopt agile practices, academia is almost devoid of project management. Instead of team effort and defined scopes of work, solo heroics and gut instinct are the de facto standard. That is slowly changing, however. 

I was inspired to write this post when I saw a recent [*nature* article](https://www.nature.com/articles/d41586-019-02620-6) looking at how scrum and agile methodology are slowly bleeding into some research teams. I had two conflicting reactions to the piece.

Firstly, that this seemed like a cargo cult - with the teams simply mimicking the methodologies, rather than grokking them. When I read the testimonies, it appeared that stand-ups were used well to improve cross-team communication. However, sprints weren't really accepted, and there was no sign of any Kanban or any workload management.

But the longer I thought over it, the more I realised that perhaps the shoe simply doesn't fit that easily. Often, researchers produce knowledge, not products. Breakthroughs are sporadic, not predictable. 

So, would I agree that the methodologies were implemented well in an academic setting? Probably not. But conversely, I wouldn't say that the techniques are totally unfit for purpose. Rather, there is space in the sector for some fundamental changes in their way of working. But these practices have to be a form of Agile/Kanban/Scrum/... that suits researchers and professors, not programmers and project managers.

So, my question to the community is this. What do you guys think are the most valuable practices or philosophies in an agile way of working? What sections of the process are essential to generalised project success? And what loses relevance and we step away from software development?

Personally, I suspect there's a lot of value in looking into writing requirements in an academic setting, but what are your thoughts?

>Image rights:
>"DSCN2607" by <a href="http://www.flickr.com/photos/99175152@N00">heyjupiter</a> is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/2.0/?ref=ccsearch&atype=html">CC BY-NC-SA 2.0</a>
my test
Published: 2019-09-11 16:50:55

---
title: my test
published: true
cover_image: https://thepracticaldev.s3.amazonaws.com/i/3lrulx3rp27gcl07l6ox.jpg
---

Let's go

{% link https://dev.to/seattledataguy/the-interview-study-guide-for-software-engineers-764 %}

yes...
How to cache HTTP requests in Angular
Tags: angular, webdev, javascript
Published: 2019-09-11 16:31:32

---
title: How to cache HTTP requests in Angular
published: true
description: 
tags: angular, webdev, javascript
---

It's time for another **Angular Knowledge Pill**! 💊
It takes just 10 seconds to learn something new 🔥
Like taking your morning vitamins 😃

Below code presents how to cache HTTP requests in Angular!
First, we just need to execute a regular HTTP query (for ex. get) and pipe the stream through **shareReplay** operator! This transforms the initial stream to a ReplaySubject! In other words, new subscriptions will NOT execute other HTTP requests but a cached value will be used 😎

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

If you would like to receive this kind of knowledge pills directly into your mailbox, subscribe at https://angular-academy.com/blog/. I will be sending them regularly! Remember, it just takes 10 seconds to learn something new!
Node.js "Look! Here are Non-blocking I/O, Event Loop!!" People "Cool!!😍"
Tags: javascript, node, wevdev, watercooler
Published: 2019-09-11 16:24:51

---
title: Node.js "Look! Here are Non-blocking I/O, Event Loop!!" People "Cool!!😍"
published: true
description: joke post
tags: javascript, node, wevdev, watercooler
---

Node.js "But now people looks like enthuse for **How to write Asynchronous process as same as Synchronous processing** you know, async/await etc..."
 
Me "I guess human brain works well with step by step, blocking I/O, Synchronous end up 🤯"

**PHP, Python, Ruby "Come On!! You can do it, over here!! 🤗"**
Day3 
Tags: beginners, javascript
Published: 2019-09-11 16:15:38

<b>TIL : </b>

From challenge #2 : 
I tried to solve yesterday's second challenge in another way. For that I added a new button in the HTML . I placed the new line for the button under the bundle js ,so the element wasn't loaded when the bundle js executed so I got the error : "Cannot read property 'addEventListener' of null" 

I found it to be very interesting as I have near to no knowledge of HTLM. Knowing this really made me feel like I learnt something new today. 

From Challenge #3 : 
Was to add another dice in the Pig game and if any of those two dice rolled "1" , we need to reset the user's current holding score. 
This was really fun.🌟
Jonathan Campos on Getting the Call From Alto
Tags: codestory, techtalks
Published: 2019-09-11 16:06:52

{% youtube IrM410Mm2DM %}

After getting his masters, Jonathan Campos found himself working with clients, listening to their pain points, and creating software to meet those needs. He worked his way through a handful of startups and agencies, before landing at Bottle Rocket as the chief architect, growing their web and backend practice. Not too long after, a former boss reached out about an opportunity to up-level the ride-sharing experience, focusing on simple billing, safety, and control over the experience. This opportunity was to become the CTO of Alto.

In the clip above, Jonathan Campos discusses what it was like to get the call from Alto and how he initially​ reacted to it. If you like what you hear, check out the full episode below.

{% podcast https://dev.to/codestorypodcast/e7-jonathan-campos-alto %}
Best way to learn JavaScript (JS) for ruby/rails dev
Tags: discuss
Published: 2019-09-11 15:51:43

---
title: Best way to learn JavaScript (JS) for ruby/rails dev
published: true
tags: discuss
---
Hi there, not a "real" developer, just hacking together (unsuccessful) projects often and automating my day-to-day.

I mostly use rails, ruby scripts on AWS lambda, and middleman for all my static sites.

The thing is, while I get CSS/SCSS (not good at it but mostly get it to do what I want), JavaScript is still a black box and it looks quite "unfriendly" to me tbh. So I basically google and copy and paste, but more often than not I just try to stay away.

I would still like to learn it for UI/UX and accessing APIs on static websites, plus maybe even small interactive web apps.

There are gazillions of resources out there, but does anyone know a specific one for ruby devs? The Michael Hartl railstutorial basically got me started in rails, has anyone checked out the LearnEnough?

Any recommendation would be helpful, doesn't need to be free.

Thanks in advance!
Don't be scared of new things
Tags: robotics, arduino, beginners
Published: 2019-09-11 15:50:12

---
title: Don't be scared of new things
published: true
description: Have you ever tried to build a robot?
tags: robotics, arduino, beginner, 
---

Hello everybody! I've been doing a lot of things during this year and there's a couple I want to share with you!

Well, the first thing I want you to know is that during my last job I learned the basics of robotics and how to use arduino. AND IT WAS AWESOME! I was going to this amazing maker space where I could just let myself go and have fun doing all kinds of things. I even made a reindeer that could move its head, for Christmas!

During that time when I was living in a different city, I learned to not be scared of trying new things, even if I was a newbie in code. I was able to build: a reindeer and make it move, use a professional 3D printer, use a laser cutter, make arduino circuits and program things that I couldn't understand but I was doing it! 

So, now I'm back home! I'll tell you all the stories later if you want to know. I'm getting ready for a new adventure that I think is gonna be one of the most exciting things in my life. Back home I don't have all the technology, tools and people to help me and teach me and save me, but even knowing that, HERE I GO!

With the help of my boyfriend we built a little solar robot, (it's a toy robot from a box, very cheap, and a perfect gift) and it felt great! Even if it was something extremely easy I went back to that maker space and I realized that I can go from small things and keep pushing with all the knowledge from these months. Also, my robot looks super cute.

Anyway, never stop learning and don't be scared of learning new things, if you want to try, you can do it!

Hugs&Husky love 🐶

![Alt text of image](https://thepracticaldev.s3.amazonaws.com/i/i2evbmijhcrg156wenll.png)
azapi: Fast and Secure AZLyrics.com API
Tags: python, api, azlyrics, scraping
Published: 2019-09-11 15:42:02

---
title: azapi: Fast and Secure AZLyrics.com API
published: true
description: 
tags: #python #api #azlyrics #scraping
---

A lot of apis for AZLyrics causes banning for their users, so I came with this approach using proxies and randomized user agents to avoid BANNING.

Highlights:

* Get Artist's Songs list with Album, Year ...etc
* Save lyrics in a .txt file or any format you like.
* Avoiding BAN using proxy and multiple user agents.

I published it with 100% build success for `python >= 3.4`

You can discover my work here: [azapi](https://github.com/elmoiv/azapi)

This is the first project I publish to [pypi](https://pypi.org/project/azapi/)


Any contribution is highly encouraged and desired. :)

* Fork on Github.
* Make the changes
* Send a pull request.
Guess That Tech!
Tags: tips, devtips, beginners
Published: 2019-09-11 14:48:43

---
title: Guess That Tech!
published: true
description: A listing of great tech stack discovery sites
tags: tips, devtips, beginners
cover_image: https://thepracticaldev.s3.amazonaws.com/i/x4yyrw7kij5lmumh5620.jpg
---

# The Gist

Recently I've been having the good luck of accepting some code challenges, and have run into what feels like forgetting your dates name. 

I've forgotten some of the tech stacks, but do not fear, we have sites other than Stack Overflow to look to for help. Although ultimately we do end up with some cool Stack Overflow graphs at the end of my list.

Basically, if you ever need help trying to understand which of your skills to polish as an interview with a company becomes more of a reality, this small list should lend you some big help.

## The Where

1) [Built With](https://builtwith.com/)

> Build lists of websites from our database of 35,270+ web technologies and over a quarter of a billion websites showing which sites use shopping carts, analytics, hosting and many more. Filter by location, traffic, vertical and more.

2) [Similar Tech](https://www.similartech.com/)

>Our proprietary technology scans more than 30 billion web pages per month. We monitor and analyze over 317 million domains to help companies get more data and make better decisions based on technology adoptions. SimilarTech was founded in 2014 as a result of a spin off of SimilarWeb, our unique data partner.

3) [What CMS](https://whatcms.org/)

>WhatCMS.org looks at a variety of factors to determine which CMS a website is using. First, we fetch the webpage for the url in question then begin looking for indicators in the html markup and headers. Indicators range from the very obvious `<meta name="generator" ...>` tag or `x-powered-by` header to less obvious directory structures, asset files, JavaScript code and more.

4) [Rescan](https://rescan.io/?redirect_allora=1)

> We provide lists of websites using different technologies. We also run a free website analysis tool. We update our lists at 16:00 UTC time (current UTC time: 02:00). You can compare your time zone with UTC here. 
For some websites we provide emails along with the lists. We also provide Alexa rank, phones, website IP, web server type, codepage and country (if any).

5) [StackOverflow Trends](https://insights.stackoverflow.com/trends?utm_source=so-owned&utm_medium=blog&utm_campaign=trends&utm_content=blog-link&tags=)

> See how technologies have trended over time based on use of their tags since 2008, when Stack Overflow was founded. Enter up to 15 tags to compare growth and decline.

6) [StackOverflow Dev Survey](https://insights.stackoverflow.com/survey/)

> With nearly 90,000 responses fielded from over 170 countries and dependent territories, our 2019 Annual Developer Survey examines all aspects of the developer experience from career satisfaction and job search to education and opinions on open source software.


![](https://media.giphy.com/media/SmviFXCM3vpCM/giphy.gif)
<figcaption>And so, we've come full circle </figcaption>
Deploy to google kubernetes engine using gitlab ci
Tags: kubernetes, devops, docker, ci
Published: 2019-09-11 14:43:05

In a previous blogpost I showed how I build and publish docker images on gitlab ci ([Build a docker image on gitlab ci](https://heltweg.org/posts/build-a-docker-image-on-gitlab-ci-and-publish-it-to-google-container-registry/))

Make sure to read that post first for an overview and permission setup.

# Update the kubernetes service with the new docker image

You can easily set up a deploy step using google's own cloud SDK docker images. Note the service account with the permissions to change the kubernetes setup is saved as "GCLOUD_K8S_KEY" variable here.

This job changes the image of my deployment for the app. You will need to change the last line in the script to whatever change you want to make to your kubernetes setup on deploy.

```yml
deploy:
  stage: deploy
  image: google/cloud-sdk:257.0.0
  script:
    - echo $GCLOUD_K8S_KEY | base64 -d > ${HOME}/gcloud-k8s-key.json
    - gcloud auth activate-service-account --key-file ${HOME}/gcloud-k8s-key.json
    - gcloud config set project personal-cloud-project-id
    - gcloud config set compute/zone your-compute-zone
    - gcloud container clusters get-credentials production
    - kubectl set image deployment/???-app ???-app=eu.gcr.io/docker-project-id/app:${CI_COMMIT_SHA}
  only:
    - master
  when: manual
```

# About Me
I am a full stack developer and digital product enthusiast, I am available for freelance work and always looking for the next exciting project :).

You can reach me online at [https://heltweg.org](https://heltweg.org).
Welcome Thread - v40
Tags: welcome
Published: 2019-09-11 14:37:11

---
title: Welcome Thread - v40
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
---

![Wile E. Coyote](https://media.giphy.com/media/AFvZwGN2HJ8aI/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
The iterations (a novel)
Tags: writing
Published: 2019-09-11 14:36:22

I recently published a novel written in spanish about old hackers in the future and time travel. It's called *Las iteraciones* (The iterations).

![Las iteraciones - Contramar](https://thepracticaldev.s3.amazonaws.com/i/hm08og3brt1sk05xoxei.jpg)

More information (in spanish) at: http://www.contramar.org/index.php/catalogo/narrativa/las-iteraciones/
Daily Challenge #64- Drying Potatoes
Tags: challenge
Published: 2019-09-11 14:09:46

---
title: Daily Challenge #64- Drying Potatoes
published: true
series: Daily Challenge
description: Find the total weight of potatoes coming out of the oven.
tags: challenge
---

John bought potatoes: their weight is 100 kilograms. Potatoes contain water and dry matter.

The water content is 99 percent of the total weight. He thinks they are too wet and puts them in an oven - at low temperature - for them to lose some water.

At the output, the water content is only 98%.

What is the total weight in kilograms (water content plus dry matter) coming out of the oven?

He finds 50 kilograms and he thinks he made a mistake: "So much weight lost for such a small change in water content!"

Can you help him?

Write function `potatoes` with

-int parameter `p0` - initial percent of water-
-int parameter `w0` - initial weight -
-int parameter `p1` - final percent of water -

`potatoes` should return the final weight coming out of the oven w1 truncated as an int.

Example:

`potatoes:(99, 100, 98) --> 50`



***
_This challenge comes from g964 on [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
Impressions about Flutter
Tags: flutter, mobile
Published: 2019-09-11 14:08:42


I’ve been studying Flutter since June this year, the same time I moved to Australia. My team needed to get speed on the new app development, even with the team incomplete because the iOS developer joined us few months later. Using the same business logic implemented once, have same look and few, all the developers working on the same code base was a pretty good solution for us to think about (and I believe this happens with many other companies that need to grow their business fast). So we started developing with just two formerly Android developers and one backend guy.

Before starting with Flutter, we made researches to understand if we were making the right decision and start developing more confident.

- Make a code with quality, thinking about architecture, unit testing and UI testing
- Possibility to have different components depending on SO that is running if needed
- Reuse code
- Productivity
- Learning curve
- Use a native library, if needed
- CI/CD and deployment

All checks were good and we were excited about Flutter (and good thing is we still are 😊).

As a small team we could get benefit on having the same knowledge about the language, framework, business logic and reviewing the same code. The learning curve is not so hard given the similarities of the concepts and Dart language characteristics that are familiar to Java/Kotlin/Swift developers.

In the beginning I was kind of missing writing XML for UI as was used when developing for Android, UI code in Dart can look weird and messy, but now I see that using a declarative UI programming speedup development.

Hot Reload and faster builds are big wins! Let’s see if this will keep with a big code base in the future.

Understanding state management with Flutter takes a time and is a good subject for next posts. For now I am working with Redux, is doing pretty good, is quite similar to MVI that was using in Android development.

Dart is OK, but I do miss Kotlin! In the language matter seems I gave few steps behind, thinking how much features Kotlin offers.

I got impressed on how the Flutter community is big, given the freshness as it became out of beta. The official documentation is well organised and there are a lot of resources from the community as well.

For sure was a little bit concerned about starting with Flutter, having about 7 years of experience developing for Android. But is good to change mindset and thinking out of the box! I am using an iPhone in order to remember that I need to care about user experience in both platforms.

With huge companies adopting Flutter like Nubank, Alibaba and Google itself for a long time give us more courage to take a shot on this :)
Even if you already have a project running in production, is possible to have modules in Flutter and you don’t need to rewrite your app from scratch.

Excited about Flutter and more technical posts will come for sure!
Weekly Picks #92 — Development Posts
Tags: css, javascript, webdev, functional
Published: 2019-09-11 13:29:43

* [My favorite CSS hack](https://app.dailynow.co/r/09edab2302915bb2725d29b82737f37c)
* [Let's write HTML like a pro ?](https://app.dailynow.co/r/153112e3111932646079016cc1eaaf32)
* [Micro-Frontend](https://app.dailynow.co/r/6698c8b248a284523d2c8213e643c6c1)
* [Best Books to Learn Front-End Web Development](https://app.dailynow.co/r/5bbcd0834773dd2b85f00ac39ede31da)
* [Unhealthy Code: Null Checks Everywhere!](https://app.dailynow.co/r/50a9ea1af01bcca15c36336704a8ccc0)
* [Another Tesla owner is dead because of Autopilot](https://app.dailynow.co/r/f59168ccbc7cb1adc1d17015cd62b90e)
* [Functional Programming in simple terms](https://app.dailynow.co/r/ead0f684999269894d339afac9a6703d)
* [WeBoard — A web whiteboard app for real time collaboration.](https://app.dailynow.co/r/b4f0ae5aec3e10e24aec47f3ace73e05)
* [Should I Read Books as a Software Developer?](https://app.dailynow.co/r/b6e386afdf09fa3a400ac8f93547e2fb)
* [10x Programmers: Myth Or Reality?](https://app.dailynow.co/r/659c1fb90ac06fefea05f413a3fcaa3f)

* * *

[_Thanks to Daily_](https://www.dailynow.co/) _developers can focus on code instead of searching for news. Get immediate access to all these posts and much more just by opening a new tab._

[![Daily promotion cover](https://cdn-images-1.medium.com/max/1024/1*7bwIhcH467BKX5Ni8XWpQg.jpeg)](https://www.dailynow.co/)