teleren/devto huggingface dataset:
React Js - Passing Setstate values to the Parent component
Published: 2020-09-25 09:07:50

Dear All,

Anyone, please help me with the below query...

I have initialized the state value and send it to the parent component and using the onClick event I am updating the state value, and that update state value not able to pass the parent component.

//Initalizing the state 
state = {
        itemId: data[0].id
    }

// onclick event and to Updating state

handleclick = (id) => {
        this.setState({itemId: id})
    }

//Button Onclick 
  onClick={()=>{this.handleclick(data.id)}}>{data.Datavalue}

// Sending to the (Table)Parent component

 // Table itemid={itemId} 

Please help me, someone to resolve this. 

Below screenshots for reference.

https://dev-to-uploads.s3.amazonaws.com/i/yajky99vtosf7j5qix6n.JPG

Thanks.
GitHub Desktop for better repo organisation
Tags: github, opensource, csharp
Published: 2020-09-25 09:07:49

On one of my [recent streams](https://www.twitch.tv/videos/751410803), I thought I'd take the time to organise my repo. I've been doing a bit of Unity and C# programming and my folders were a mess. They weren't all initialised properly, files were all over the place, and what was on my local machine wasn't in sync with [my GitHub repo](https://github.com/MishManners/Unity-Project).

{% post https://dev.to/mishmanners/learning-c-and-unity-see-your-code-in-action-463 %}

### GitHub Desktop for file organising

Files all over the place is a bad thing. Not only is it bad for your code, it's also messes with my OCD. 

So I did the most logical thing I could think of: downloaded [GitHub Desktop](https://desktop.github.com/). This makes viewing, checking, and committing changes much easier. You can easily see where you've made a file change, and moving files around the desktop is simple. Once you've moved a file, it will show up in the right spot on both your local machine and GitHub repo.
 
![Desktop changes](https://dev-to-uploads.s3.amazonaws.com/i/3ywwugenh2uopg3qtn9v.PNG)

Then GitHub Desktop does the rest for you. Simply hit "push origin" or "pull origin" and you're done! So easy :heart:

![Push Origin](https://dev-to-uploads.s3.amazonaws.com/i/gpih808o0anvna0tj8oj.PNG)

Now I had super pretty files all in sync with one another. You can also use GitHub Desktop to open projects with Atom. Plus there's tonnes more features. Grab GitHub Desktop and let me know what your favourite features are in the comments below.

And check out [the full recording](https://www.twitch.tv/videos/751410803) and see all the cool things I did with GitHub Desktop and more. Join me live on my [Twitch streams](https://twitch.tv/GitHub] to chat, ask questions, and hang out with other awesome people.
CONTRIBUTING: Sophia Castellarin on Vagrant
Tags: opensource, hacktoberfest, opensourceoctober, vagrant
Published: 2020-09-25 09:04:50

> Leading up to (and during) the month of October, we want to help you discover open source projects to work on, and put your Hacktoberfest contributions to excellent use. Meet Sophia Castellarin, Software Engineer at HashiCorp working on [Vagrant](https://github.com/hashicorp/vagrant).  
> ######*Check out [this page](https://www.contributing.today/) regularly for more interviews with contributors & maintainers*######

**What can you tell us about your project?** 
Vagrant aims to simplify managing your development environments across your virtual machines, be it VirtualBox, Hyper-V, or VMWare. It basically treats your VMs as ephemeral and it capsulates the lifecycle of your VMs with simple commands and actions, puts them in some configuration which you can share with your coworkers or friends and allows you to plus in whatever isn't already built-in to Vagrant.

[![Sophia Castellarin on Vagrant](https://dev-to-uploads.s3.amazonaws.com/i/bhd58x43urngq0ovgi93.png)](https://youtu.be/5BL2LhRSvkY)

**What contributions are you welcoming?**
Vagrant is happy to accept all kinds of contributions. Whether it's bug fixes - or if you don't have a fix for a bug but you just have found a really great one you'd like to share with us - we're happy to fix those. We also love getting documentation fixes for either outdated documentation or grammar fixes.

**What skills do people need to contribute?**
There's a wide variety of skills you can use to contribute to Vagrant. It's written in Ruby, so knowing Ruby is a plus. But there's also large parts of Vagrant that are written in Bash or PowerShell, so knowing either, or operating system knowledge is a great way to contribute.

**How do I get started?**
Vagrant is a HashiCorp product, so we follow the [HashiCorp Community Guidelines](https://www.hashicorp.com/community-guidelines). If you'd like to know how to get started with Vagrant, I suggest checking out our [getting started docs](https://learn.hashicorp.com/collections/vagrant/getting-started). We also have a [contributing guide](https://github.com/hashicorp/vagrant/blob/master/.github/CONTRIBUTING.md), up on GitHub. And if you'd like to discuss with the developers working on Vagrant you can reach out to us on GitHub, or you can join our [HashiCorp Discuss forum](https://discuss.hashicorp.com/c/vagrant/24).

*Join, October 2nd, for [CONTRIBUTING.md - a virtual Hacktoberfest meetup](https://organize.mlh.io/participants/events/4258-contributing-md), free and open for anyone who wants to join. Learn what Open Source projects are looking for contributions, which communities are looking for new members, and who is looking for advice from someone with your exact skill set. Check [this page](https://www.contributing.today/) regularly for more interviews with contributors & maintainers which we'll release until the event.*
3 Time Management Tips from Elon Musk

Published: 2020-09-25 08:48:55

Time is the most valuable and precious resource you have. For most of us, time management and staying productive is a daily trouble we need to cope with.

How is it that we all have the same 24 hours a day, but some people are able to earn billions and billions of dollars and other people make 50 thousand dollars a year? Let’s take the example of Elon Musk, who has insane schedule work and manages to reconcile work, family and public life.

In this post I would like to share with you 3 Elon Musk’s tips for productivity you can use and how that will have a massive impact in your business and life.

1. Stop using To-Do-Lists. Unexpectedly, yes? But it’s true. 50% of tasks that people put on their lists are never done at all. It’s like a graveyard of important but not urgent things. We’ve all been here, right? It’s much better to work from a calendar. If you want to get something done - put everything in your calendar: from drinking coffee to clients calls.

2. Time boxing. When you have an insane work schedule you need to plan everything in an advance. For example, Elon Musk’s planner broken into 5 minute slots and getting into one of those openings is difficult work. 
Whether it takes 10 minutes or 1 hours. You need to estimate a task duration to understand the real amount of time you need to complete a project. Somebody says, scheduling your entire day, makes you a robot. But unstructured free time can be a destructive thing. Due to Mason Curry’s book Daily Rituals: people with a stable plan are more efficient and less stressful. Decide what part of work you are going to do today and you'll see the productive results.

3. Doing less, create more. There will always be what to do. Working 24 hours a day doesn’t mean you are productive, it means that you are going to “kill” yourself. Try to end your day when you’re exhausted, not when you’re done, because you are never done. Say no to everything that doesn’t support your immediate goals and allocate other minutes for your health, family, hobbies. Taking a rest refreshes your mind and replenishes your mental resources and increases your creativity.

Try to implement all these tips and you’ll see a huge working progress. Concentrate on things that matter and get you closer to more money, productivity and life you want to live.
Am finding difficult to pass the test suit of this project can some one help please
Published: 2020-09-25 08:45:47

      <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<main id="main">
<h1 id="tittle">Mr. Joe Enes the chief chef</h1>
  <p> <em>The first man with a biggest restaurant in South Africa</em></p>
  <figure id="img-div">
  <img id="image" src="https://images-gmi-pmc.edge-generalmills.com/087d17eb-500-4b26-abd1-4f9ffaa6a2cb.jpg" alt="picture of cookies"./>
  <figcaption id="img-caption">A wonderful chef Mr.Joe Enes</figcaption>
 </figure>
  <section id="tribute-info"><h2><strong>The chef etymology </strong>
  <p> Mr. Joe Enes have the bigest restaurant in Sourth Africa he started as a servant <strong>in 1992</strong> in a royal palace where he become great chef today</p> <h3><u>Below are the link to Mr.Joe Enes the chef for more information</u></p3>
   <ul>
   <li><button type="link-ethics">Joe ethics</button></li>
<li><button type="link-history">Joe history</button></li>
  <li><button type="link-etymology">Joe etymology</button></li> </ul>
<a id="tribute-link" target="_blank" href="https://en.wikipedia.org/joe">follow the link for more information</a>
  </section>
   </main>                        
                                <footer id="footer">(c) 2008:Joe Enes</footer>
Understand Recursion: Most Basic Example
Tags: javascript, beginners
Published: 2020-09-25 08:36:05

## Take a look
```js
function countDown(n) {
  if (n <= 0) return;
  console.log(n);
  n--;
  countDown(n);
}

countDown(100);

```
* A recursion basically means calling the same thing again and again until certain condition is met.
* The above program counts down from 100 to 1 recursively.
* As in above example, we called the countDown function inside itself until the argument _n_ becomes _0_ or less than 0.
* The condition that is to be met is called base case. It is the condition that terminates the program.
* If the base case is omitted, we are stuck in a loop calling the function again and again.
What are your favorite VS Code shortcuts?
Tags: webdev, discuss, productivity
Published: 2020-09-25 08:32:12

---
title: What are your favorite VS Code shortcuts?
published: true
description: 
tags: webdev, discuss, productivity
cover_image: https://code.visualstudio.com/assets/docs/getstarted/tips-and-tricks/keyboard-references.png
---
Some of my favorite VS Code shortcuts would be:

Open integrated terminal: Ctrl+`
Toggle comments: Ctrl+/
Quick Open, Go to File: Ctrl+P
Show Command palette: Ctrl+Shift+P or F1
Multiple cursors: Alt+Click

What are your favorites?
Find all the shortcuts here: [Windows](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf) or [MacOS](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf).
My #100DOC - Day 29
Tags: 100daysofcode, challenge, log
Published: 2020-09-25 08:10:12

### Day 29: September 24, 2020

#### **Today's Progress**: 
1. **[Continued with The Complete JavaScript Course](https://github.com/pablohs1986/javaScriptCompleteCourse2020_Schmedtmann)** (1h 10min):<br>I continued with the Budget App project. I did a method to clear the fields after entering a value. I used the querySelectorAll mehod, converted a list to an array and I cleaned the fields as I ran a foreach loop.
    
#### **What I learned**: 
* Clear HTML fields.
* Use querySelectorALl.
* Convert a list to an array.
* Review of foreach loop in JavaScript.

#### **Total time**:
1h 10min.
Regular expression operations in Python
Tags: python, programming, productivity
Published: 2020-09-25 08:08:06

re — Regular expression operations

This module provides regular expression matching operations similar to those found in Perl.

Both patterns and strings to be searched can be Unicode strings (str) as well as 8-bit strings (bytes). However, Unicode strings and 8-bit strings cannot be mixed: that is, you cannot match a Unicode string with a byte pattern or vice-versa; similarly, when asking for a substitution, the replacement string must be of the same type as both the pattern and the search string.

Regular expressions use the backslash character ('\') to indicate special forms or to allow special characters to be used without invoking their special meaning. This collides with Python’s usage of the same character for the same purpose in string literals; for example, to match a literal backslash, one might have to write '\\\\' as the pattern string, because the regular expression must be \\, and each backslash must be expressed as \\ inside a regular Python string literal. Also, please note that any invalid escape sequences in Python’s usage of the backslash in string literals now generate a DeprecationWarning and in the future this will become a SyntaxError. This behaviour will happen even if it is a valid escape sequence for a regular expression.

The solution is to use Python’s raw string notation for regular expression patterns; backslashes are not handled in any special way in a string literal prefixed with 'r'. So r"\n" is a two-character string containing '\' and 'n', while "\n" is a one-character string containing a newline. Usually patterns will be expressed in Python code using this raw string notation.

It is important to note that most regular expression operations are available as module-level functions and methods on compiled regular expressions. The functions are shortcuts that don’t require you to compile a regex object first, but miss some fine-tuning parameters.
100DaysOfCode | Day 42, 43
Tags: 100daysofcode, python, beginners, challenge
Published: 2020-09-25 08:05:46

▄█ █▀█ █▀█ █▀▄ ▄▀█ █▄█ █▀ █▀█ █▀▀ █▀▀ █▀█ █▀▄ █▀▀
░█ █▄█ █▄█ █▄▀ █▀█ ░█░ ▄█ █▄█ █▀░ █▄▄ █▄█ █▄▀ ██▄
Hey everyone, I'm still there...
Gonna share my experience about 2 days ago :)
As you know I'm working on a web application with __Flask__ and that's an awesome experience for me, cause it's the first time I'm working as a backend developer it looks so fascinating.
I really felt in love with __backend__ and __databases__ but I know that I should work harder.
You know what? When we are in the coding journey, after sometimes you may feel that you are not good enough or you're not making any progress... But as times goes by far it becomes harder and harder, cause you face a lot of cool challenges :)
It would be my art to handle this situation and pass this hard time to keep moving forward and become a great developer.

Now I'm working on the Registration and Login page of my web application.

Keep Moving Forward ツ
Enjoy Your Journey 👊
Code with 💛

🅑🅐🅝🅙🅘
Bitbucket, GitHub or GitLab: What's your fav?
Tags: webdev, discuss, github, git
Published: 2020-09-25 08:02:15

---
title: Bitbucket, GitHub or GitLab: What's your fav?
published: true
description: 
tags: webdev, discuss, github, git
cover_image: https://miro.medium.com/max/3168/0*OTihMlDBWyYRXSH1.png
---
I've currently worked just with [GitHub](https://github.com/), tho I've read a lot of people prefer [Bitbucket](https://bitbucket.org/) or [GitLab](https://about.gitlab.com/).

What is your experience with these and which one is your favorite?
Open Source Friday with Supabase
Tags: javascript, postgres, hacktoberfest, opensource
Published: 2020-09-25 08:00:32

This week on the [GitHub Twitch Channel](https://twitch.tv/GitHub), we spoke to Paul Copplestone. He's the CEO and founder of [Supabase](https://supabase.io/). Supabase is an Open Source alternative to Firebase. Paul walked us through the ins and outs of Supabase and shared his top tips for developers and startups.

### Getting involved

Supabase is compromised of a few key languages. Javascript is the main one with a bunch of libraries from Go, Rust, and using the PostGRES database. Oh and there's Elixir as well. If you're keen to learn any of these languages, and want to get involved in Open Source, Supabase is a great place to start. Paul says he and his team will help you along the way.

{% link https://dev.to/mishmanners/get-involved-in-open-source-because-the-maintainers-will-help-you-2d8n %}

Getting involved in Open Source shouldn't be a hard step. It's about taking that first step. Find something you're passionate about and go for it. It's also the perfect time to start as Hacktoberfest is just around the corner. Paul and his team have something special planned for Hacktoberfest.

### Hacktoberfest with Supabase

Hacktoberfest is a great time to get into Open Source. You'll be rewarded for completing four or more pull requests on any Open Source Project. As Supabase has only been around since January this year, Paul is keen to get people involved. So they've made it super easy to get started.

Simply head over to the [Supabase Project Board](https://github.com/orgs/supabase/projects/5) and you'll see everything beautifully laid out. As you'll see in our interview, you can filter and search according to your skills or desires. Easily find documentation to work on, logos to design, or features to code.

{% github supabase/supabase %}

There's a lot more to this interview, including Discussions, top tips, and more. So make sure you head over to the [GitHub Twitch Channel](https://twitch.tv/GitHub) to watch the full interview. We'll also share it on YouTube Channel very soon.

### Join us live next time

If you missed out on this awesome discussion, don't worry. We have Open Source Friday almost every week. You can also join our [Virtual Meetup Group](https://www.meetup.com/GitHub-Virtual-Meetup/) to stay in the loop. There we'll be sharing information on our next Open Source Friday stream.

In the meantime, happy coding, and good luck with all your Hacktoberfest contributions.
GitHub Profile as a Portfolio: Your thoughts?
Tags: webdev, discuss, github, portfolio
Published: 2020-09-25 07:53:23

---
title: GitHub Profile as a Portfolio: Your thoughts?
published: true
description: 
tags: webdev, discuss, github, portfolio
cover_image: https://connectnigeria.com/articles/wp-content/uploads/2018/11/GitHub-2.png
---
Thanks to GitHub profile readmes, the user can include all the bio and links in the profile, bringing the functionality closer to the full portfolio.

That brings up the discussion do you still need both as the info included in both might duplicate a lot. What are your thoughts on this?
What is the coolest automation you created with "Crontab"?
Tags: linux, productivity, discuss
Published: 2020-09-25 07:50:35

### Calling all Linux enthusiasts...
**crontab** is such a simple tool, but people always find creative ways to create 🔥 awesome 🔥 things with simple tools

Sending mails, running programs, cleaning up files, restore connections, there's a lot you can do by scheduling a shell script

### Mine is not that awesome really...
...but it saved me a lot of time over the years. I have a scheduled shell script that cleans up my stale Docker containers and volumes every day. This way my laptop is always tidy and I don't have to hunt disk space hogs 😎 cool enough for me!

### What's yours?
Know All About the Roku Tv Features
Tags: rokutvsetup, rokuactivationcode, rokucomlink, rokusetup
Published: 2020-09-25 07:48:06

<b>Search among the top channels all at one place:</b>
From all the movies to TV shows, songs, and fun videos it’s easy to find all the content on your Roku device. Search across multiple such channels and top content simply by using your phone or your voice command. This was not possible with the Roku TV alone so the Roku app offers you this added functionality.
Use voice commands: It’s so much fun, easy, and convenient as you
simply click on the voice icon or say out loud the content you are looking for and it will launch on your TV screen.
It just does not end here, you can even control the Roku Tv with your voice command. If your phone is close to you and the <a href="https://www.tvsetuponline.com/">roku tv setup</a> has been don completely.
<a href='https://postimages.org/' target='_blank'><img src='https://i.postimg.cc/0ycDWmms/roku-streaming-stick-setup.jpg' border='0' alt='roku-streaming-stick-setup'/></a>

<b>Avail the amazing features of private listening:</b>
You can listen to the Roku content on the private listening mode too and then you can turn up the volume as high as you want. Just use your headphones and then you will be able to stream Roku on your app and even ask your friends to join in.
Watch as you please:
With your Roku app active you do not have to be a hoe to stream
only on Tv. You can watch the content whenever you want on your <b>Roku mobile app</b>.
Share media content on your TV
You can share multimedia content like images, videos, and music easily from your smartphone to your smart TV. You can enjoy watching media from your personal collection on the big screen. go to <a href="https://www.tvsetuponline.com/">roku.com/link</a>
How to send Email in [Laravel 8 using Gmail SMTP]
Tags: laravel
Published: 2020-09-25 07:47:42

Laravel 8 provide mail class for send email. So, we would like to learn you send email in laravel 8. As well as how to implement sending emails in laravel 8 using a mailable example this tutorial.

you can use several SMTP drivers details (Mailgun, Postmark, Amazon SES, and Sendmail, etc) in .env file for sending email in laravel 8.


[How to send Email in [Laravel 8 using Gmail SMTP] Server](https://www.phpcodingstuff.com/blog/how-to-send-email-in-laravel-8-with-smtp.html)
Skills development roadmap - looking for contributors
Tags: education, hacktoberfest, help, programming
Published: 2020-09-25 07:42:37

tl;dr; [Roadmap of skills to develop](https://agilob.gitlab.io/advance-skills/), pls contribute on [GitLab](https://gitlab.com/agilob/advance-skills) or [GitHub](https://github.com/agilob/advance-skills)

Have you ever had that feeling you don't know what you don't know to learn next to advance your skills? Next few language features? Another complex algorithm? More advanced tool or feature of that tool?

I started a project just for you (and me). The aim of this project it to have a list of technologies, or anything else, with list of topics to tell you what you need to learn next to progress your skills. I have started pages for Docker, Java and Flutter where topics are split into categories like beginner, intermediate and expert.

Topic in the categories are just my opinions, so any discussion is welcome.

I'm looking for contributors to the project. You can describe your favourite language, framework or just anything else, even soldering, woodworking or plant care will fit there.

The project uses Hugo for page generation, pages are written in Markdown, which you already know. Even if you don't know take a look at official documentation I left in the project. If still unsure, check pages for [Java](https://agilob.gitlab.io/advance-skills/programming/java/) or [Flutter](https://agilob.gitlab.io/advance-skills/frameworks/flutter/) or just ask around.

I am accepting contributions on GitLab and GitHub, so it will count towards your hacktoberfest!

Site is deployed using GitLab CI, your changes will be visible within a minute after merge!

https://agilob.gitlab.io/advance-skills/

[Original post](https://b.agilob.net/roadmap-for-advancing-your-skills)