teleren/devto huggingface dataset:
Provide Options, Don't Make Lame Excuses
Tags: programming, pragmaticprogrammer, pragprog
Published: 2020-10-28 20:56:33

---
title: Provide Options, Don't Make Lame Excuses
published: true
description: Instead of excuses, provide options. Don't say it can't be done; explain what *can* be done.
tags: programming, pragmaticprogrammer, pragprog
cover_image: https://yordi.me/uploads/pacto-visual-cWOzOnSoh6Q-unsplash.jpg
---

> Instead of excuses, provide options. Don't say it can't be done; explain what *can* be done.

Regardless of how well you prepare something, there's always a chance things don't turn out the way you thought. In software development, even the best projects can fail in unexpected ways. Even those with the highest code quality and loads of test coverage.

The ultimate question is: how do you deal with such unforeseen scenarios? You have two options: either you blame everything else, or you take responsibility. It's obvious that the tip in this post's title is in favor of the latter option. Even when something outside of your control fails, you can take responsibility. There are always options you can offer as an alternative. And in the worst case you apologize, bite the dust, and get on with your life.

> "Telling your boss 'the cat ate the source code' just won't cut it."

![](/uploads/pacto-visual-cWOzOnSoh6Q-unsplash.jpg)

An effective way to think of alternative options is to look at yourself in the mirror. Go to your bathroom, look at yourself, and ask: "What is the other person likely to say?" or "How will the other person react?" Conversations are much easier when you already thought about the answers to trivial questions.

And, when you lack an answer yourself, ask for help. There is no person that knows everything. Not even you, who is reading this (sorry, mate). I like to think about asking for help as something that shows strength. Asking for help requires the courage to admit that there's something you don't know. It can be scary, especially when you think about what other people will think of you. Others may think you're stupid. You will be amazed at how often the opposite is true. Most people like to help you out because most people are social, compassionate, and like to share their knowledge. When you [seek discomfort](https://yordi.me/garden/seek-discomfort/), you will be rewarded. And when you meet someone who doesn't, that's their defect. When you meet such a person, talk with them about it. Tell them why being open to help others is something they should invest in. Something that will also help them and their personality in the long term. And if that has no effect and all is in vain? Well, then screw them. 😉

---

This post is part of a series about the [Pragmatic Programmer](https://yordi.me/garden/pragmatic-programmer/).
React cant reach current state
Tags: react, reactnative, help, javascript
Published: 2020-10-28 20:44:13

https://codesandbox.io/s/the-appropriate-use-of-usecallback-forked-o55n6?file=/src/Example.js:248-400
hello i have a problem
I created a useState called [users, setusers]
and in useeffect, I have assigned a delete function for each user.
this delete function needs to reach users state

But the problem starts here. When I want to reach users through the delete function,
I get the initial state of the state, (the state at the time I created the first user object)
What do you think about GraphQL? Who's using it? Love it, hate it? Tell me why?
Tags: discuss, graphql
Published: 2020-10-28 20:39:32

---
title: What do you think about GraphQL? Who's using it? Love it, hate it? Tell me why?  
published: true
description: What's your GraphQL story? 
tags: discussion, GraphQL 
//cover_image: https://dev-to-uploads.s3.amazonaws.com/i/v7mln48aazc0avldapmk.png
---

My story with learning and using GraphQL is a bittersweet one, I went from "What does this button do?" ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/297lf95ndn3a6fa8mc4g.jpg) to "WOOT WOOT"![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1sbhjerct47rk9c1mq3w.jpg) 

Why did you start using GraphQL? If you don't why not?
40 amazing developers you should follow to improve yourself:
Tags: productivity, computerscience
Published: 2020-10-28 20:24:04

1. Ben Awad - @Ben Awad 
https://www.youtube.com/channel/UC-8QAzbLcRglXeN_MY9blyw

2. The Coder Coder - @Coder Coder 
https://www.youtube.com/thecodercoder

3. Brad Traversy @Traversy Media 
https://www.youtube.com/user/TechGuyWeb

4. Dev Ed @Dev Ed 
https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q

5. Florin Pop @Florin Pop 
https://www.youtube.com/c/florinpop

6. Fireship IO @Fireship 
https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA

7. Danny Thompson @DThompsonDev 
https://www.youtube.com/DThompsonDev

8. The Net Ninja @The Net Ninja 
https://www.youtube.com/c/thenetninja

9. Niall Maher @Codú Community 
https://www.youtube.com/channel/UCvI5azOD4eDumpshr00EfIw/

10. William Candillon @William Candillon 
https://www.youtube.com/channel/UC806fwFWpiLQV5y-qifzHnA

11. developerHabits 
https://www.youtube.com/channel/UCJLZwePkNHps5Bv7VwISyTA

12. Tim @Tech With Tim 
https://youtube.com/techwithtim

13. Gary Simon @DesignCourse 
https://www.youtube.com/user/DesignCourse

14. James Q Quick @James Q Quick 
https://www.youtube.com/channel/UC-T8W79DN6PBnzomelvqJYw

15. Weibenfalk @Weibenfalk 
https://www.youtube.com/user/Weibenfalk

16. Kevin Powell @Kevin Powell 
https://www.youtube.com/user/KepowOb

17. Dennis Ivy @Dennis Ivy 
https://www.youtube.com/c/DennisIvy

18. codeSTACKr @codeSTACKr 
https://www.youtube.com/codeSTACKr

19. Chris Sean @Chris Sean 
https://www.youtube.com/c/ChrisSean

20. Erik @Program With Erik 
https://www.youtube.com/c/programwitherik

21. Swizec Teller @Swizec Teller 
https://www.youtube.com/channel/UCoyHgaeLLI7Knp7LDHOwZMw

22. Gwen @Faraday Academy 
https://youtube.com/c/FaradayAcademy

23. Web Dev Simplified @Web Dev Simplified 
https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw

24. Coding Garden @Coding Garden 
https://www.youtube.com/channel/UCLNgu_OupwoeESgtab33CCw

25. JavaScript Mastery @JavaScript Mastery 
https://www.youtube.com/JavaScriptMastery/

26. Ania @Code with Ania Kubów #JavaScriptGames 
https://www.youtube.com/aniakubow

27. CodingTutorials360 
https://www.youtube.com/channel/UCmXmlB4-HJytD7wek0Uo97A

28. CalebCurry @Caleb Curry 
https://www.youtube.com/calebthevideomaker2

29. RealToughCandy @RealToughCandy 
https://www.youtube.com/realtoughcandy

30. Eddie Jaoude @Eddie Jaoude 
https://youtube.com/eddiejaoude

31. Eleftheria @Eleftheria Batsou 
https://www.youtube.com/c/eleftheriabatsou

32. Jesse Showalter @Jesse Showalter 
https://www.youtube.com/JesseShowalter

33. Catalin Pit 
https://www.youtube.com/CatalinPit

34. Justin Mitchel @CodingEntrepreneurs 
https://www.youtube.com/CodingEntrepreneurs/

35. CoderOne @CoderOne 
https://www.youtube.com/coderone

36. Ahmed Hadjou @Classsed 
https://www.youtube.com/classsed

37. Chau Codes @Chau Codes 
https://youtube.com/chaucodes

38. Dev Mentor Live @devmentorlive 
https://youtube.com/dementorlive

39. Claudio Bernasconi @Claudio Bernasconi 
https://www.youtube.com/channel/UCTbHPk0bIOQwTXuGgD195bw

40. Free Code Camp @freeCodeCamp.org 
https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ
Exploring "freeCodeCamp"
Tags: html, beginners, codenewbie, webdev
Published: 2020-10-28 20:21:53

<span>Photo by <a href="https://unsplash.com/@altumcode?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">AltumCode</a> on <a href="https://unsplash.com/s/photos/programming?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>


This time, I wanted to practice some HTML and someone recommended freeCodeCamp, it has interesting topics about Basic HTML for beginner and I learned three of them


**Comments** This is a very important topic to reference sections making notes without affecting output. 

The HTML is <!----> and the used this way:

```html
<!--This note is not seen in the output--><h1>Some title</h1>
```


This is the link I used to learn these HTML elements
[freeCodeCamp>Basic>Uncomment](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/uncomment-html)






**Descriptive HTML tags** The HTML elements that help your code to be more descriptive and at the same time they help to better sectioning are: [nav](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav), [section](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section), [article](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article), [aside](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside), [h1..h6](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements), [header](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header), [footer](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer), [address](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address), [main](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main)
 e.g. "main"
  
```html
<main>
  <h1>Nice Title</h1>
  <p>Some pretty text ❤ </p>
<main/>
```
This is the link I used to learn these HTML elements
[freeCodeCamp>Basic>Elements](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements)


**Add Images to your website**
One of the HTML elements I studied to add images from URLs and from local folder is:

```html
<img scr="URL" Alt="image's description"/>
```
This is the link I used to learn these HTML elements
[freeCodeCamp>Basic>Add Images](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website)

**Any feedback is welcomed**
Page Loading Progress Bar in Next.js
Tags: react, nextjs
Published: 2020-10-28 20:10:41

> This was originally posted on [my blog](https://akhilaariyachandra.com/page-loading-progress-bar-in-nextjs "Page Loading Progress Bar in Next.js") on 27th October 2020.

In this post I'll show how to implement a page loading indicator like in YouTube, GitHub and my own site.

![Example](https://dev-to-uploads.s3.amazonaws.com/i/5vxi0z8119yvoyiuab56.gif)

> The example above is running with the cache disabled and the "Slow 3G" preset.

To get started, install the `@badrap/bar-of-progress` dependency.

```shell
yarn add @badrap/bar-of-progress
```

Then create the `_app.js` file in `pages` if you haven't done so already.

```jsx
// pages/_app.js

const MyApp = ({ Component, pageProps }) => {
  return <Component {...pageProps} />;
};

export default MyApp;
```

Next import the `bar-of-progress` dependency into `_app.js` and declare a new progress bar.

```jsx
import ProgressBar from "@badrap/bar-of-progress";

const progress = new ProgressBar({
  size: 2,
  color: "#38a169",
  className: "bar-of-progress",
  delay: 100,
});

// ...
```

We'll be using the [Next.js Router's](https://nextjs.org/docs/api-reference/next/router "next/router") [events](https://nextjs.org/docs/api-reference/next/router#routerevents "router.events") to control the progress bar.

```jsx
// ...
import Router from "next/router";

// ...

Router.events.on("routeChangeStart", progress.start);
Router.events.on("routeChangeComplete", progress.finish);
Router.events.on("routeChangeError", progress.finish);

// ...
```

Finally your `_app.js` file should look like this.

```jsx
import ProgressBar from "@badrap/bar-of-progress";
import Router from "next/router";

const progress = new ProgressBar({
  size: 2,
  color: "#38a169",
  className: "bar-of-progress",
  delay: 100,
});

Router.events.on("routeChangeStart", progress.start);
Router.events.on("routeChangeComplete", progress.finish);
Router.events.on("routeChangeError", progress.finish);

const MyApp = ({ Component, pageProps }) => {
  return <Component {...pageProps} />;
};

export default MyApp;
```

If all goes well, you should be seeing a progress bar on the top of your site while transitioning between pages.

Sometimes the progress bar might be hidden behind another element, as was the case in my own site.

To solve it all you have to do is increase the `z-index` of the progress bar in your css.

```css
.bar-of-progress {
  z-index: 50;
}
```

The class name is the `className` property we gave when declaring the progress bar.

```javascript
const progress = new ProgressBar({
  size: 2,
  color: "#38a169",
  className: "bar-of-progress",
  delay: 100,
});
```
Contributors Wanted! Teach Me Like Im 5 (Python & Bash)
Tags: python, bash, opensource, hacktoberfest
Published: 2020-10-28 20:01:16

Hi Fellow Devs!

I'm looking for **contributors** to the following Github public repositories:
{% github inspirezonetech/TeachMePythonLikeIm5 no-readme%} {% github inspirezonetech/TeachMeBashLikeIm5 no-readme %} 

The repositories are focused on teaching the very basics of the languages through a tutorial followed by a challenge. I'm looking for contributors to add tutorials and creative challenges!

Full details are explained in the README.md and CONTRIBUTING.md of the repositories.

The repositories are also tagged for **hacktoberfest**. There's only 3 days left in October so it might be a good way to get those pull requests if you're still trying to get them!

If it interests you please check it out.

*[inspirezone.tech](https://inspirezone.tech/) is a brand new community and tech blog focusing on bringing together developers through online coding collaboration.*

Thanks!
Hacktoberfest challenge 2020
Tags: hacktoberfest
Published: 2020-10-28 19:54:55

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### I am always very enthusiastic about learning open source projects.Github is ALL in this field.
<!-- If you are new to the DEV community, introduce yourself and share a bit about why you joined DEV and decided to participate in Hacktoberfest this year.  --> 
### As far as coding is concerned,I am not bad totally.

<!-- Are you brand new to open source? What about coding in general? Tell us about how you got here →

<!-- Share a bit about where you’re at in your Hacktoberfest journey. What stage are you at? How has the process been?  -->

### I made contribution to @codeitbijay mostly.

<!-- This is where you can list the contributions you made and explain why you chose the projects you did. Don’t forget to add links!  -->


### overall experience was nice.
<!-- Overall, how has your Hacktoberfest 2020 experience been? If you’re a first-timer, will you participate again? What have you learned? Have you made any interesting connections? What is your next step in open source?  -->
Did you stop contributing after making 4 Pull Requests?
Tags: hacktoberfest, opensource, success, leadership
Published: 2020-10-28 19:53:19

---
title: Did you stop contributing after making 4 Pull Requests?
published: true
tags: hacktoberfest, opensource, success, leadership
---


### Who am I?
Just like you, I am a developer who is trying to write decent code and wants to do something great one day. Hi, and my name is Abhishek Saxena, I am a native android developer who is slowing shifting towards enterprise full-stack java development. I try to share my knowledge via Youtube, Instagram, and in discord communities.

### Why was this Hacktoberfest so special for me?
This Hacktoberfest was different unlike the one in 2018 when I was very new to git and programming in general.

So, you may ask how was it different? The obvious answer would be I was more experienced this time, but there's more to it.

This year, I joined a small discord community. I mentored the fellow developers, guided them, taught them the basics of git, and how to make their first pull request.

Not only that, I even conducted a small event wherein I asked them to pick any project of their choice from each other's GitHub and asked them to review it, find improvements or give feedback.

With this, not only they inculcated a new skill of reviewing other's code but also to give constructive feedback based on their understanding. Some of them even went a step ahead and made PRs.

Overall it was an amazing experience for me as a mentor and also special as I was able to share my knowledge and give back to the community.

I'd like to end by saying,
"If you know something, share it, maybe you'll be part of their success story"

"A hero can be anyone, even a man doing something as simple and reassuring as putting a coat on a young boy's shoulders to let him know that the world hadn't ended."
~ Batman
Coding flask websites in an online environment
Tags: anonymous, help, flask
Published: 2020-10-28 19:23:55

---
title: Coding flask websites in an online environment
published: true
description: 
tags: anonymous, help, flask
//cover_image: https://direct_url_to_image.jpg
---
_This is an anonymous post sent in by a member who does not want their name disclosed. Please be thoughtful with your responses, as these are usually tough posts to write. Email sloan@dev.to if you'd like to leave an anonymous comment._

Is there any way to code a flask website without setting up a local environment — i.e online on a website or any such service?
Standing out in a job application / Twitter clone project using React
Tags: react, showdev, career, webdev
Published: 2020-10-28 19:10:20

# Intro

Hello dev community! I am humbly asking for your time and attention and potentially retweets. This isn't really a tutorial or super technical post, so I hope I'm not being spammy here. 

I applied to a twitter swe apprenticeship, and there's an application question 'tell us your life story in tweets.' It's just a basic text box/essay question situation, this wasn't required at all, but I'm really trying to do the whole 'standing out' and maybe 'getting a job after going viral' kind of thing, so I made this twitter clone of my 'life story': 

https://sylviapap-futuretwitterapprentice.netlify.app/

I think someone was hired by Airbnb after going semi viral for making an Airbnb clone that was like her resume as a vacation destination? Link coming soon. I have like 70 followers on twitter so by 'going viral' I mean honestly anything more than 10 likes.

Here's my tweet if you are so inclined to RT:

{% twitter 1321511142238285825 %}

But I'm only asking, if you look at this, and you genuinely enjoy it, throw me a like/comment/RT! No free lunch. And if you don't like it, please tell me why! The application submission is due in a day so the whole thing was a little rushed, but I can obviously keep editing forever and use it as a nice portfolio/beginner project regardless. So I'm also posting this to get feedback - on the code and content and everything!
 
### But first here are some obvious problems I acknowledge:

- No actual Twitter functionality (i.e. being able to like, share tweet) lol 
- No backend at all in fact (i.e. might add basic 'like' functionality first, then backend/data persistence, but currently have neither)
- Search bar should at least refresh the page on submit
- Might add some kind of 'info' or home page describing the project
- I chose to make it chronological order (or would you call this reverse chron? idk but oldest on top) because it seemed to make the most sense to me, story/creativity-wise, but obv I recognize this is not how actual twitter works lol
- It's more or less 'good enough' on mobile, but doesn't look like the actual Twitter mobile browser version, uses some hacky 'hide on mobile' css
- Overall just messy code tbh. I combined a lot of existing tutorials' CSS. Did the whole thing in less than a day tho
- I tried to be funny/just the right amount of political. If you don't think I'm funny and/or you think anything in here is unprofessional - ~~i will fight you~~ please tell me but let me down easy :'(

Finally here's my repo:
https://github.com/sylviapap/twitter-clone

Thanks for your time!!!!
How to professionally pivot to a different language/stack?
Tags: discuss, career, webdev
Published: 2020-10-28 18:58:24

I'm currently working as a web developer with a stack that uses PHP for backend, and have been doing so throughout my entire 4 year software career.

I've noticed that there is a lot of demand for languages like Python, Javascript (React, Node), and Java, according to various articles. PHP, on the other hand, is rarely chosen for new and exciting large scale projects, or so it sounds. I feel like if I stick with PHP, I'll be stuck maintaining legacy projects or working at a WordPress plugin shop, which doesn't sound exciting to me.

I feel like I need to pivot away from PHP and into one of those other languages for the sake of my career development. 

What should I do to make myself a good candidate for jobs that use a language that I don't have professional experience with?

So far I've been working on a course and personal project that use React and Node. I think personal projects are a great way to practice newly learned programming skills, but is it sufficient for successful job applications?
How To Become A Microsoft Learn Student Ambassador
Tags: mlsa, azure, mspartner, student
Published: 2020-10-28 18:56:13

[![How To Become A Microsoft Learn Student Ambassador](https://dev-to-uploads.s3.amazonaws.com/i/jj4iqehgoakld5k8va08.png)](https://youtu.be/d1x2mJnCeDk)

[Video Link](https://youtu.be/d1x2mJnCeDk)
Completed hacktoberfest, enjoyed the use of open source and contribution in open source
Tags: hacktoberfest
Published: 2020-10-28 18:52:47

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### [Intro Heading]
<!-- If you are new to the DEV community, introduce yourself and share a bit about why you joined DEV and decided to participate in Hacktoberfest this year.  --> 
### Background

<!-- Are you brand new to open source? What about coding in general? Tell us about how you got here →

### Progress

<!-- Share a bit about where you’re at in your Hacktoberfest journey. What stage are you at? How has the process been?  -->

### Contributions

<!-- This is where you can list the contributions you made and explain why you chose the projects you did. Don’t forget to add links!  -->


### Reflections
<!-- Overall, how has your Hacktoberfest 2020 experience been? If you’re a first-timer, will you participate again? What have you learned? Have you made any interesting connections? What is your next step in open source?  -->