teleren/devto huggingface dataset:
Create a Chart with multiple Dataset switching via state [React + react-chartjs-2 Tutorial]
Tags: react, reactchartjs, javascript
Published: 2020-10-17 11:55:59

{% youtube svJRmxrPUFw %}
SOURCECODE- https://github.com/drnoir/switchingcharts-demo

This tutorial goes over a basic overview of a method to create a chart in a class component in react using react-chartjs-2 and how to update the chart with different data using SetState within that chart based on onClick events within the component - in this example 3 months, 6 months and a year.

In a real life example you would probably get your data from props, or state but this should provide a good starting point for understanding how to do this.
I Completed Hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-10-17 11:51:52

## What I Learned From Hacktoberfest

I learned many important skills from Hacktoberfest this year, and not only that I also made my first open source contribution becuase of Hacktoberfest. I just completed the challenge and have now ordered the limited edition tee. I made 5 successful pull requests and had a blast. The learning was immense since I collaborated with many developers on projects and learnt the importance of good documentation.
Hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-10-17 11:46:27

Hacktoberfest helped me in making my first ever pull request and my first contribution to open-source.I wanted to start contributing to opensource long time ago , but was not finding from where to start, by participating in this I made 4+2 Pull requests , which helped me in gaining enough confidence to keep contributing to open source now.
Completed Hacktoberfest 2020!
Published: 2020-10-17 11:44:56

## What I Learned From Hacktoberfest

This is my second year participating in this Hackathon. Last year, this event helped me in getting exposed to Open Source culture and collaboration. I believe this year it taught me to try to deliver quality over quantity. I have invited some of my friends to participate in this event this year and I believe they felt the same.

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->

I know there are many people who might be participating in this event for a Tee or Goodies. If you're one of them, go for it. But, once you reach your target 4 PRs, try to focus on high quality contributions where Projects really need your help. These contributions should focus on solving issues rather than just counting towards Hacktoberfest qualification. These contributions add value to both projects and your mileage in promoting Open Source collaboration. It can be just 1 PR, but it could bring utmost satisfaction when accepted by Maintainer. Enough said. Happy Hacking!
Beginners Mistakes
Tags: react, javascript, beginners, programming
Published: 2020-10-17 11:37:48

Here i write some stuff which can help beginner to follow the good practice/pattern for good coding skills and learning

#Variables
1. Always define variable with authentic name like if we defining array for users, 
**Good Practice** : users
**Bad Practice** : data, userdata, usersarray etc.

2. Always follow camelCase pattern when you define variables ,like if we have single user posts,
**Good Practice** : singleUserPosts
**Bad Practice** : data, userpost, userpostobj etc.

#Functions
1. When you are defining functions always define with authentic name also follow camelCase pattern,

**Good Practice** : getPosts, getUsers, updatePost, getApiFn, getSinglePostWithComments

**Bad Practice** : getdata, posts, getcomentposts etc.

2. Create a util folder in you project and put all the functions which are you using through out the application apart from api , 
put only those functions which are generic and common, like
 e.g : concateName, getCurrentDate, createDateFormate etc,

#Default props:
1. In react we use props normally for some work in parent child relations or in redux, so when you using props and relay on them e.g suppose i have a Header component which use prop to display the header heading of current screen , or any other example you take, so if Header component have a props name header, suppose i didn't pass the header prop from where we calling Header component it will show empty string, here is the solution
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/plx93m01ui9dugl80otf.png)
 in this pic you can see we have Header.defaultProps object which has a key header and value , so if i don't pass the header prop it will show default value,

#propTypes:
1. In react when we supply props to child component we can make a validation that props must be particular type like ,string, integer, array, object and etc,
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jzkc1em11d67gcimpbxc.png)
in this pic you can see i define a default props type for header props which must be string ,if i don't supply the string value it will show me warring ,
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/okhk2d8k6i10fg8s16r1.png)
#Hacktoberfest2020
Tags: hacktoberfest
Published: 2020-10-17 11:22:35

It was a great experience as open source is a great way to learn and give back to the community !
This was my first #hacktoberfest participation :)

Open source celebration hacktoberfest is really great but we have to understand that it is not only about a Pull Requests which counts but it offers opportunities to practice leadership and management skills, such as resolving conflicts, organizing teams of people, and prioritizing work.
https://github.com/smallawat/code_for_beginners
#hacktoberfest #opensource @DigitalOcean.
How to send email in codeigniter using SMTP ? - phpcodingstuff.com
Tags: laravel, codepen
Published: 2020-10-17 10:09:04

Codeigniter 4 sending email is very easy because of the new functionality, Now the Codeigniter 4 available to download from the official website we learn unable to send email using PHP SMTP Codeigniter.

They have introduced the services classes to use the Codeigniter 4 services like email; you just call the services in Codeigniter by using the below code.

Create a mail id and their password using Cpanel, and set email and password here.

**[How to send email in codeigniter using SMTP ? - phpcodingstuff.com](https://www.phpcodingstuff.com/blog/how-to-send-email-in-codeigniter-using-smtp.html)**

```
<?php
namespace Config;
 
use CodeIgniter\Config\BaseConfig;
 
class Email extends BaseConfig
{
 
  /**
   * @var string
   */
  public $fromEmail;
 
  /**
   * @var string
   */
  public $fromName;
 
  /**
   * @var string
   */
  public $recipients;
 
  /**
   * The "user agent"
   *
   * @var string
   */
  public $userAgent = 'CodeIgniter';
 
  /**
   * The mail sending protocol: mail, sendmail, smtp
   *
   * @var string
   */
  public $protocol = 'smtp';
 
  /**
   * The server path to Sendmail.
   *
   * @var string
   */
  public $mailPath = '/usr/sbin/sendmail';
 
  /**
   * SMTP Server Address
   *
   * @var string
   */
  public $SMTPHost='mail.phpcodingstuff.com';
 
  /**
   * SMTP Username
   *
   * @var string
   */
  public $SMTPUser = 'abc@phpcodingstuff.com';
 
  /**
   * SMTP Password
   *
   * @var string
   */
  public $SMTPPass = 'YourPasswordHere$';
 
  /**
   * SMTP Port
   *
   * @var integer
   */
  public $SMTPPort = 587;
 
  /**
   * SMTP Timeout (in seconds)
   *
   * @var integer
   */
  public $SMTPTimeout = 15;
 
  /**
   * Enable persistent SMTP connections
   *
   * @var boolean
   */
  public $SMTPKeepAlive = false;
 
  /**
   * SMTP Encryption. Either tls or ssl
   *
   * @var string
   */
  public $SMTPCrypto = 'tls';
 
  /**
   * Enable word-wrap
   *
   * @var boolean
   */
  public $wordWrap = true;
 
  /**
   * Character count to wrap at
   *
   * @var integer
   */
  public $wrapChars = 76;
 
  /**
   * Type of mail, either 'text' or 'html'
   *
   * @var string
   */
  public $mailType = 'html';
 
  /**
   * Character set (utf-8, iso-8859-1, etc.)
   *
   * @var string
   */
  public $charset = 'UTF-8';
 
  /**
   * Whether to validate the email address
   *
   * @var boolean
   */
  public $validate = false;
 
  /**
   * Email Priority. 1 = highest. 5 = lowest. 3 = normal
   *
   * @var integer
   */
  public $priority = 3;
 
  /**
   * Newline character. (Use “\r\n” to comply with RFC 822)
   *
   * @var string
   */
  public $CRLF = "\r\n";
 
  /**
   * Newline character. (Use “\r\n” to comply with RFC 822)
   *
   * @var string
   */
  public $newline = "\r\n";
 
  /**
   * Enable BCC Batch Mode.
   *
   * @var boolean
   */
  public $BCCBatchMode = false;
 
  /**
   * Number of emails in each BCC batch
   *
   * @var integer
   */
  public $BCCBatchSize = 200;
 
  /**
   * Enable notify message from server
   *
   * @var boolean
   */
  public $DSN = false;
 
}
```
Portfolio Design Enhancement - Enhance UI
Tags: webdev, design, tutorial, beginners
Published: 2020-10-17 11:08:18

For so many years I only focused on creating functionality without much care for design. 

But after having to jump into a more creative role at one point in my life, I learnt how understanding some  **basics in design can have a big impact** on the overall user interface for a website or application.

In this episode, I take a look at a front-end developers portfolio design. 

There are some good things we can implement using things like design theory, picking colors, spacing, ui, ux and lots more to improve this design. This is the second episode of the series where I check out @gustgoulart portfolio. 

{% youtube W932vAlAlCg %}
<center>[Portfolio UI Enhancement](https://youtu.be/W932vAlAlCg)</center>

If you want a sneak peek to the full enhancement, here is the fore and after shots.

Before:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mm9agrh614eekqq510w2.jpg)

After:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dh0fwciey95n6k8p6ei3.jpg)

**Things that stood out in this design included:**
- Header font sizes were too small
- Using colors for better contrast for the header and body
- Aligning items in better positions, like all to the left
- Ensuring there is a good call to action for the audience

If you want to see the full process, check out my video, and if you want to learn more about the book itself, you can visit the website at:
https://www.enhanceui.com/

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/intent/follow?screen_name=adrian_twarog)
Hacktoberfest 2020
Tags: hacktoberfest, opensource
Published: 2020-10-17 11:04:55

Hey, everyone!
I am so much excited to share my open-source journey. This was my first time with Hactoberfest.

I really found a list of amazingly challenging and tempting projects on GitHub.
## What I Learned From Hacktoberfest

I learned a lot more new skills from this Hacktoberfest. My contributions were mainly based on Data Structures and algorithms and also contributed to web-related projects. 

Here are the links to some really awesome projects to which I have contributed -
1. **Foss-events**- https://github.com/DSC-JSS-NOIDA/foss-events
2. **AlgoBook**- https://github.com/geekquad/AlgoBook
3. **AnnouncementTab**- https://github.com/MMIL/AnnouncementTab
4. **Algorithms-Cheatsheet-Resources**-https://github.com/starkblaze01/Algorithms-Cheatsheet-Resources

Whenever my pull request was merged, it challenged and inspired me to do more. Each time I was encouraged for my contributions, it motivated me to increase my participation. This was because I felt like my contributions were making a variation.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dpe43iqqxt5c6vc9jczt.png)

I got heaps of opportunities by interacting with the members, mentors, and maintainers of the projects. So it’s worth applying and participating in the Hacktoberfest. I had a wondrous learning and growing experience of my life🤩.
My second time completed Hacktoberfest 
Tags: hacktoberfest
Published: 2020-10-17 11:03:26

I completed my second #hacktoberfest successfully✨, all my PRs were accepted💯.

## What I Learned From Hacktoberfest

I learned how to contribute and work as a group and in a community.
Distributing tasks and working together on the same project, helps in the fast and effective development of any project.
Socially Valuable Open Source Dev?
Tags: opensource, social, voluntary
Published: 2020-10-17 10:52:51

Hey fellas ✌️

Does anyone of you know a resource where I can find e.g. a list of open source projects which bring value to society?

I currently have some free time in which I want to contribute to socially valuable projects as a fullstack developer.

The projects should/could help for example people with disabilities, immigrants, children, or political activists. Anything that brings people value in their everyday lives, helps them organize or connect or similar.

If you know some projects of this sort, please comment below.

Thx ❤️
HACKTOBERFEST RIDE
Tags: hacktoberfest
Published: 2020-10-17 10:50:05

## How I started
I first heard of hacktoberfest from a friend who participated Last year, and just getting started in open source less than a month, I decided to participate in this year's exercise.

###What I gained from participating.
Getting started with Open source, I found it difficult identifying projects to make contribute. When this year Hacktoberfest began, I followed the laid out guidelines and joined their ![discord server](https://discord.gg/hacktoberfest),where project owners, gave details of the projects. This helped me identify projects to make contributions to.
Hacktoberfest helped me identify projects to exercise my knowledge and skillset. I have gained more confidence and understanding in open source contribution from Hacktoberfest. I would continue contributing to Open source this was super exciting and rewarding time. 
I also learnt how to communicate efficiently with maintainers,and write good documentation.

### My advice to participants
- Don't see this as an avenue to getting Tee, forget the noise, learn through the process of contributing to Open Source. Hacktoberfest gives you a soft-landing into Open Source.
- Be consistent and ask questions where necessary.
Which would be better for career: Laravel or .NET Core?
Tags: laravel, dotnet, webdev, discuss
Published: 2020-10-17 10:34:02

I have been a full-stack spider and been using LaravelPHP in back-end for almost 2 years. I also know .NET Framework to create WinForms earlier. 

Now my university life is going to be ended soon within 1 year, and now I want to do some career oriented programming.

I did some google research between Laravel & .NET Core, I know which one faster which one is slower, I just want to know at the current market of the software industry which is more demanding?
What I learned from Hacktoberfest
Tags: hacktoberfest
Published: 2020-10-17 10:31:36

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->
A lot, literally I was new to the DEV Community also to the Open-Source world, but with Hacktoberfest help me out not only to understand it better but also to give contributions to the project. 

Looking forward to contribute more.
Keep Coding !!
What I learned by diving into HacktoberFest 2020 for the first time !  
Tags: hacktoberfest
Published: 2020-10-17 10:30:49

# What I Learned From Hacktoberfest ?
##Imposter syndrome is something we all struggle with to one degree or another. Imposter syndrome is the fear of exposure as a fraud. If you’re anything like me you have felt like your work was not good enough to show. Or you weren’t far along enough in your journey as a developer to have much to contribute.(by - Travis Fantina)
After listening about hacktoberfest from our senior I was very excited to learn. Starting as newbie I told myself I was too inexperienced as a developer and I worried that my commits wouldn’t be worthwhile. Unfortunately, I let those fears get the better of me, and I didn’t even bother signing up.I started by looking at projects I was familiar with familiar with. Specifically, I browsed tools and projects that I had used a lot like cpp, python,netbeans for java, among others. Whenever possible I searched by issues tagged “Hacktoberfest”, “First Time Contributor” or “Easy”. I didn’t want all five pull requests to come from one repository (although there is nothing wrong with that). After a few pull requests on from my seniors, I started venturing out and exploring GitHub.
Hacktoberfest journey
Tags: hacktoberfest
Published: 2020-10-17 10:24:57

## What I Learned From Hacktoberfest
I learn about the github and their commands and how much important it was to our developer journey i explore the different web projects this help me to work on different person project and also i get a chance to share my project as well so the hactoberfest is a very good platoform to participate in open source contribution so this journey is very good and important for me to incerese the knowledge about open source ang github.
Have you completed Hacktoberfest2020, What's next? Here's something more for you.🎉🎉🎉
Tags: hacktoberfest
Published: 2020-10-17 10:18:15

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/emb4tkrla9kr801a8b9s.jpg)

We're at the halfway point of Hacktoberfest2020. Some of you have already completed the challenge successfully and done with your given task. 

So don't wait for 8-12 weeks for your tee. Hopefully it will arrive soon till then you can get into some other challenges going on in this Techtober🎉. Check this out [HacktoberFest Swaglist](https://hacktoberfestswaglist.com/). Make a pull request and win some additional swags.
Keep contributing, Keep Learning. 

_"Empowerment of individuals is a key part of what makes open source work, since in the end, innovations tend to come from small groups, not from large, structured efforts."_  **Tim O'Reilly**

So don't break your journey with the open source community.
Announcing the most advanced learning platform dedicated to Nuxt.js.
Tags: nuxt, vue, javascript
Published: 2020-10-17 10:01:08

MasteringNuxt.com is the biggest and most in-depth, fun, and realistic course ever made on building and deploying Nuxt apps is coming! 

The course is coming this fall! 

Register your interest for course updates and early bird access 👇
https://masteringnuxt.com/
Best Machine Learning Courses for Finance You Must Know
Tags: machinelearning, datascience, python
Published: 2020-10-17 09:56:15

Hi Everyone,

Machine learning in finance is reshaping the financial services industry like never before. Many financial companies are taking advantage of machine learning.

So if you want to learn Machine Learning for Finance, check out these Machine Learning Courses for Finance- https://www.mltut.com/best-machine-learning-courses-for-finance/

I hope these courses will be useful for you to learn Machine Learning for Finance.

All the Best!

Happy Learning!
My First Post and Achievement today😍
Tags: hacktoberfest
Published: 2020-10-17 09:50:00

## What I Learned From Hacktoberfest

Hey guys, I know you might be coming across a lot of posts like this.But it is special for me, because this is for the first time I did something in the community that got validated. This is my first post here,and I am glad that it is about an achievement. I Inspite of working on several Github projects before, I had never contributed to someone else's code. This was a new feeling where I was waiting for someone who I had never met to see what I written and accept that it was worth including. While one of my PRs was obviously in first-contributions, I made sure that I wasn't just missing out on a good opportunity.
First time participating in Hacktoberfest. 🎉
Tags: hacktoberfest, opensource
Published: 2020-10-17 09:46:40

This has been my first year participating in Hacktoberfest. It's been a tumultuous few weeks with all the spam PRs and contest changes. But here we are with only two weeks left in October. So what did I learn in these first weeks as both a participant and a maintainer?

## What I Learned From Hacktoberfest

### Think about your PR description

I learned to think about my PRs more than what I usually do. Before participating in Hacktoberfest my PRs usually include a few words about what I was trying to add. I was banking on the collaborators to know what the PR does at a quick glaze. 

As I've been maintaining a repository as a collaborator during Hacktoberfest as well as contributing. I can with certainty say that's not always the case.

### Take your time dealing with spam

One more thing I've learned since the start is to be patient and slow down. When the spam came in, I admit I panicked at first. It didn't seem to end, and I spent most of my time removing spam. Which in retrospect is detrimental to contributors. Since spending more time on spammers means less time on contributors. That's a balance I would like to find someday.

## Conclusion

In conclusion, I would say Hacktoberfest is a great challenge to undertake. Even if contributing is new to you. You can always find something if you search hard enough. Just remember to read the necessary documents before contributing. 👍

---

{% github thedevdojo/tails no-readme %}
Thiết kế nội thất chung cư ATZ LUXURY
Tags: thietkenoithatchungcu, atzluxury
Published: 2020-10-17 09:43:45

Thiết kế nội thất chung cư ATZ LUXURY: Với hàng ngàn mẫu đẹp + chi phí đầu tư ít với  phong cách concept đa dạng đáp ứng mọi nhu cầu sử dụng không gian.
Website:https://thietkenoithatatz.com/danh-muc-thiet-ke/thiet-ke-noi-that-chung-cu/
Email: atzdecor.vietnam@gmail.com
Hotline: 0915.178.091.
Andress: Số 10 LK6 Khu Nhà Ở Cục Cảnh Sát Hình Sự, Vạn Phúc, Hà Đông
/m/02rfdq
/m/01nblt
/m/020ys5
/m/02cwm
/m/0c_jw
Lessons from Hacktoberfest
Tags: hacktoberfest
Published: 2020-10-17 09:41:15

## What I Learned From Hacktoberfest
I learned many things when I first jumped at the Hacktober festival this time, especially things about open source project development and how to contribute properly and comply with all the rules that have been set, and I got a better understanding of how Github helps in the development process.

Thank you @DigitalOcean, Github, Dev.to, Intel, and others for organizing and supporting this festival so well. I hope that in the future it will be even better than before.
I completed HacktoberFest2020
Tags: hacktoberfest
Published: 2020-10-17 09:40:36

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->
It's been an amazing journey. Completing the [Hacktoberfest2020](https://hacktoberfest.digitalocean.com/) give me immense satisfaction. It was my first ever HacktoberFest. I'm glad that I participated in it. I get myself familiar with the concepts of **Git** and _Production-level_ code in **flutter** and **Android**.
I will continue my journey in the world of **Open-Source** development which I started with HacktoberFest2020. Getting Selected in **GSoC** is the big picture. Thank you Hacktoberfest community and Digital Ocean for organizing this event. Also a big thanks to Dev.to community. A special thanks to @dhintz89 {% user dhintz89 %} for writing a splendid article on [open source](https://dev.to/dhintz89/contributing-to-open-source-50dk) contribution.
Thank you @DigitalOcean and @Dev Community for organizing the event. Looking forward to the swags and Hacktoberfest2021