teleren/devto huggingface dataset:
My Goals for Hacktoberfest.
Tags: hacktoberfest, opensource, goals, devjournal
Published: 2019-10-05 04:09:04

Wow! It's Hacktoberfest again. This time I'm actually participating, instead of signing up and doing nothing like last year. This time though, I'm finally going through with it, and contributing to the open source community.

##Why didn't I participate last year?
I'm not exactly sure. I remember *really* wanting to get a free t-shirt, but that's about it. At the time I mostly used Github to host my projects, and I didn't really get the collaborative side of it.

##My goals for this month.
1. Familiarize myself to open source on Github. I want to learn the in's and out's of how repositories are maintained and contributed to, and how to do the same for my repositories.
2. Make at least four *meaningful* pull requests. None of this "Add your name to the document" nonsense, I want to make actual real pull requests on software that I use, or find interesting. Either to resolve issues, or helping with development.
3. Open my future projects to contributors. Like I said before, I've always used Github purely for hosting projects. My whole thing was that I didn't want people editing *my code*. I wanted it to be purely *written by me*. Of course, I see how that way of thinking is flawed.
4. *Maybe* get a free t-shirt. 😉

Welp, those are my main goals that I've set for myself this month. Hopefully I can actually achieve them. If so, Hacktoberfest is sure to be a good personal learning experience.
Hacktoberfest2019
Tags: hacktoberfest, webdev, opensource, github
Published: 2019-10-05 05:14:37

🤩 Hacktoberfest2019 is here with a chance to contribute to open source and win an exclusive t-shirt and goodies🎁🎁.
.
🎉Whether you're a beginner or an intermediate level Programmer, developer or designer...Doesn't matter, your first contribution is on us. 😃👍
.
👉Visit the link below and follow along and step closer to your rewards. Contributions begin on 1st October 2019.
.
Happy Hacktober, keep hacking!!!
.
🌍 http://hacktoberfest.netlify.com
.
Also, 🌟 star our GitHub repository:
.
{% github Open-Source-Contributors-JSS/Hacktoberfest2019 %}
The expanding sidecar pattern for microservices with ballerina sidecar
Tags: architecture, microservices, devops
Published: 2019-10-05 04:36:15

The microservices architecture pattern is designed to be distributed in nature. But recently, we have observed that this distribution of responsibility has gone beyond the microservices itself. With the invent of the very first "Service Mesh" sidecar, people realized that microservices are not small enough and there is more room for improvement. This article discusses how the sidecar pattern is expanding within the microservices architecture.

https://medium.com/@chanakaudaya/the-expanding-sidecar-pattern-for-microservices-with-ballerina-sidecar-216a0dbe88ea
React Hook: useSideMenu()
Tags: react
Published: 2019-10-05 02:56:12

# TLDR;
Here is a snack similar to how I'm implementing a side menu in a React Native / Expo app
https://snack.expo.io/@wolverineks/withsidemenu

# Background

I'm currently building a [React Native](https://facebook.github.io/react-native/) / [Expo](https://docs.expo.io/versions/latest/) app for a client. The app uses [React Router](https://reacttraining.com/react-router/), and [React Native Drawer](https://github.com/root-two/react-native-drawer).

Some of the routes have a side menu, and some do not. So I wrote context like...

```typescript
interface SideMenuContext {
  open: () => void;
  close: () => void;
  enable: () => void;
  disable: () => void;
  enabled: boolean;
  shouldOpen: boolean;
}
```

and a hook like...

```typescript
export const useSideMenu = () => {
  const sideMenu = React.useContext(SideMenuContext);
  if (sideMenu === undefined) {
    throw new Error("useSideMenu must used in a SideMenuProvider");
  };
  const { enable, disable, close } = sideMenu

  React.useEffect(() => {
    enable();

    return () => {
      disable();
      close();
    };
  }, []);

  return sideMenu;
};
```

and on the screens that have a side menu:

```typescript
const SomeScreen = () => {
  useSideMenu()

  return ...yada...yada...yada
}
```

## Can anyone spot the undesirable behavior?

So, I noticed a few things about this approach that I didn't like.

1. The imperative nature of the hook api meant that if (for some reason) multiple components that `useSideMenu` are mounted simultaneously, removing *any* of them would disable the side menu. The behavior I was looking for was, disabling the side menu only if *all* of the components were unmounted.

2. When testing the screens in isolation, a `<SideMenuProvider />` would have to be mounted, or the hook would throw an error.

## Next Steps

To overcome the second issue, I've written a component, `<WithSideMenu />`, and moved the `useSideMenu()` call from just inside the screens, to just outside of the screens... 

```typescript
<WithSideMenu> 
  <SomeComponent />
</WithSideMenu>
```

And, to overcome the first issue, I've rewritten the context to...

```typescript
interface SideMenuContext {
  open: () => void;
  close: () => void;
  register: () => () => void; // <- returns an "unregister"
  enabled: boolean;
  shouldOpen: boolean;
<Drawer />
}

```

to be used like...

```typescript
const WithSideMenu: React.FC = ({ children ) => {
  const sideMenu = useSideMenu()
  const { register } = sideMenu;

  React.useEffect(register, []);

  return typeof children === "function"
    ? children(sideMenu)
    : children;
};
```

## Conclusion

1. Declarative for the win.
2. Composition for the win.
3. Probably some other stuff...

Here is the snack again:

https://snack.expo.io/@wolverineks/withsidemenu
Hey hacktoberfestis let's make Linux assistant
Tags: python, aiassistant, linux, hacktoberfest
Published: 2019-10-05 02:23:42

Hello everyone , let's join and create the niku Linux assistant to the next level , 
About Niku:
I hope niku is the 1st smart assistant and personal assistant for Linux with lots of features - 

https://github.com/sanjaykhanssk/Niku-1.0/blob/master/README.md

Watch the demo video here (use headphones):

https://m.youtube.com/watch?v=r5rgD769N0s&list=PLTQ41TEP2ikjeXy1iwNXxUfA5dDvVOT6j&index=2&t=0s

So let's make some changes and let's create next stable version niku 1.1
Software Engineer, or not.
Tags: microservices, java, devops, azure
Published: 2019-10-05 02:21:53

It is a chilly October night and I sit on my uncomfortable chair sipping captain Morgan with grapefruit soda. I am a professional software engineer working for a big car company. I write software for their electric vehicles. I just discovered this website and the first thing I did is to subscribe the beginners thread. Sigh.

I did not do it because I wanted to refresh basics or help out new developers. I did it because I feel that I am not any better. I probably am, but that is not how I feel and that's important too. I have this feeling of having to prove myself to the super-mega-ultimate developer overlords (i.e any person who proclaims to be a developer). Is it low self programmer esteem? maybe, maybe not, but I know that despite having acquired good amount of knowledge in both my bachelors and masters in computer science I feel inferior to a person who has completed a crash course and written much more apps/ games in their own time. I do not do that. I do not code after work. I play video games and switch off my brain and binge porn/ Netflix. 

I probably should not publish this post. I don't even know why I garbled up these paragraphs. I plan to code at home for myself. Do you guys think that would change things for me? I am seeking a sense of belonging as a software engineer. It might be nice, to belong.
Learn Docker in this 5 part series
Tags: docker, tutorial, devops, javascript
Published: 2019-10-05 00:20:45

---
title: Learn Docker in this 5 part series
published: true
description: This is to tell you that I've written a 5 part Docker series that takes you all the way from beginner to proficient in Docker
tags: docker, tutorial, devops, javascript
---
![](https://thepracticaldev.s3.amazonaws.com/i/aewe4rlx677va7d6r4u1.gif)

Follow me on [Twitter](https://twitter.com/chris_noring), happy to take your suggestions on topics or improvements /Chris

- [Sign up for a free Azure account](https://azure.microsoft.com/en-us/free/?wt.mc_id=devto-blog-chnoring)
To use containers in the Cloud like a private registry you will need a free Azure account
- [Docker part I - basics](https://dev.to/softchris/docker---from-the-beginning-part-i-28c6)
This part covers what Docker is and why I think you should use it. It brings up concepts such as images and containers and takes you through building and running your first container
- [Docker part II - volumes](https://dev.to/softchris/docker-from-the-beginning---part-ii-5g8n)
 this is about Volumes and how we can use volumes to persist data but also how we can turn our development environment into a Volume and make our development experience considerably better
- [Docker part III - databases, linking and networks](https://dev.to/softchris/docker-from-the-beginningpart-iii-2h51)
 this is about how to deal with Databases, putting them into containers and how to make containers talk to other containers using legacy linking but also the new standard through networks
- [Docker part IV - introducing Docker Compose](https://dev.to/softchris/docker-from-the-beginning-partiv-mi6)
this is how we manage more than one service using Docker Compose ( this is 1/2 part on Docker Compose)
- [Docker part V- going deeper with Docker Compose](https://dev.to/softchris/dockerfrom-the-beginning-part-v-n2c)
this part is the second and concluding part on Docker Compose where we cover Volumes, Environment Variables and working with Databases and Networks
What's Your Internet Speed?
Tags: discuss, fun
Published: 2019-10-05 00:20:10

---
title: What's Your Internet Speed?
published: true
description: What's your internet speed?
tags: discuss, fun
cover_image: https://thepracticaldev.s3.amazonaws.com/i/klbxjruljj4nzuq6uj36.png
---

Time to bust out the speed tests!!! How many bytes are you sending up and pulling down right now? One great option to help you find out is [speedtest.net](https://www.speedtest.net/) but there are also many more.

Bonus points if you want to show off the hardware you are using to get those speeds 😉
Thoughts on digital minimalism
Tags: philosophy
Published: 2019-10-20 11:21:15

---
title: Thoughts on digital minimalism
published: true
date: 2019-10-05 00:00:00 UTC
tags: philosophy
canonical_url: https://icyphox.sh/blog/digital-minimalism
---

Ah yes, yet another article on the internet on this beaten to death subject. But this is inherently different, since it’s _my_ opinion on the matter, and _my_ technique(s) to achieve “digital minimalism”.

According to me, minimalism can be achieved on two primary fronts – the phone & the computer. Let’s start with the phone. The daily carry. The device that’s on our person from when we get out of bed, till we get back in bed.

### The phone

I’ve read about a lot of methods people employ to curb their phone usage. Some have tried grouping “distracting” apps into a separate folder, and this supposedly helps reduce their usage. Now, I fail to see how this would work, but YMMV. Another technique I see often is using a time governance app—like OnePlus’ Zen Mode—to enforce how much time you spend using specific apps, or the phone itself. I’ve tried this for myself, but I constantly found myself counting down the minutes after which the phone would become usable again. Not helpful.

My solution to this is a lot more brutal. I straight up uninstalled the apps that I found myself using too often. There’s a simple principle behind it – if the app has a desktop alternative, like Twitter, Reddit, etc. use that instead. Here’s a list of apps that got nuked from my phone:

- Twitter
- Instagram (an exception, no desktop client)
- Relay for Reddit
- YouTube (disabled, ships with stock OOS)
- LinkedIn

The only non-productive app that I’ve let remain is Clover, a 4chan client. I didn’t find myself using it as much earlier, but we’ll see how that holds up. I’ve also allowed my personal messaging apps to remain, since removing those would be inconveniencing others.

I must admit, I often find myself reaching for my phone out of habit just to check Twitter, only to find that its gone. I also subconsciously tap the place where its icon used to exist (now replaced with my mail client) on my launcher. The only “fun” thing left on my phone to do is read or listen to music. Which is okay, in my opinion.

### The computer

I didn’t do anything too nutty here, and most of the minimalism is mostly aesthetic. I like UIs that get out of the way.

My setup right now is just a simple bar at the top showing the time, date, current volume and battery %, along with my workspace indicators. No fancy colors, no flashy buttons and sliders. And that’s it. I don’t try to force myself to not use stuff – after all, I’ve reduced it elsewhere. :)

Now the question arises: Is this just a phase, or will I stick to it? What’s going to stop me from heading over to the Play Store and installing those apps back? Well, I never said this was going to be easy. There’s definitely some will power needed to pull this off. I guess time will tell.
Styled components using emotion in React - Badge component - Styling in React
Tags: react, cssinjs, tutorial, webdev
Published: 2019-10-16 17:24:10

---
title: Styled components using emotion in React - Badge component - Styling in React
published: true
date: 2019-10-05 00:00:00 UTC
description: Lets learn to create a styled component in React using Emotion library. We will create a Badge component and style it using emotion
tags: ['react', 'css-in-js', 'tutorial', 'webdev']
canonical_url: https://learnwithparam.com/videos/styling-react-component-using-emotion/
---

{% youtube yO3JU2bMLGA %}
Most Used Commands in Your Shell
Tags: shell, bash, zsh, cli
Published: 2020-01-07 14:26:00

---
title: Most Used Commands in Your Shell
published: true
date: 2019-10-05 00:00:00 UTC
tags: shell, bash, zsh, cli
canonical_url: https://tech.serhatteker.com/post/2019-10/most-used-commands-in-shell/
---

I don't remember where I encountered `shell history` (bash, zsh etc.), commands but I'd like to share them with you as well:

```sh
$ history | awk '{print $2}' | sort | uniq -c | sort -nr | head -10
```

What these commands do, let's look at them each:

* The `awk '{print $2}'` prints first fields from the history
* The famous `|`  transfers or make one command's output to the input of the next.
* The `sort` orders all lines alphabetically
* The `uniq -c` removes the duplicate lines (typed commands) and count them
* The `sort -nr` displays the commands in reverse order by the count number
* And the `head -10` displays only first 10 commands.

And the result will be like:

```
   1157 vi
   1032 cd
   863 nvim
   539 la
   384 git
   345 rm
   293 sudo
   264 make
   241 tmux
   240 python
```

So it means that I am using `vi` command most: 1157 times.

There are some other alternatives for `shell history` command:

### #1

History with percentage detail:

```sh
$ history | awk '{CMD[$2]++;count++;}END { for (a in CMD)print CMD[a] " " CMD[a]/count*100 "% " a; }' | grep -v "./" | column -c3 -s " " -t | sort -nr | nl | head -n10

```

The output will be like:

```
     1	1157  11.5296%     vi
     2	1032  10.284%      cd
     3	863   8.5999%      nvim
     4	539   5.3712%      la
     5	384   3.82661%     git
     6	345   3.43797%     rm
     7	293   2.91978%     sudo
     8	264   2.63079%     make
     9	241   2.40159%     tmux
    10	240   2.39163%     python
```

### #2

History with bar graph:

```sh
$ history | tr -s ' ' | cut -d ' ' -f3 | sort | uniq -c | sort -n | tail | perl -lane 'print $F[1], "\t", $F[0], " ", "▄" x ($F[0] / 12)'
```

The output:

```
tmux	239 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
python	240 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
make	263 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
sudo	293 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
rm	345 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
git	383 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
la	539 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
nvim	859 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
cd	1028 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
vi	1157 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
```

All done!
Looking for devs to build group projects!
Tags: groupproject, webdev, codenewbie
Published: 2019-10-04 23:26:19

---
title: Looking for devs to build group projects!
published: true
description: Join a team and make a project
tags: group project, webdev, codenewbie
---

I made [pelable](https://pelable.com) a site for people learning to code to build group projects!

Pelable is a 6-week intensive program where you'll focus on building a project with a remote team


I've found that working with a group is great as we push each other and accomplish more

I built it because I believe coding should be accessible to everyone regardless of where they are in life

Have a nice weekend :smiley:
Flask dashboard with Python
Tags: python, flask, webdev
Published: 2019-10-01 13:19:41

You can create beautiful web apps with Python. For instance, using Flask dashboards.  The module <a href="https://pythonbasics.org/flask-tutorial-hello-world/">Flask is to make web apps with Python</a>.

But sometimes the installation script on the project page just doesn't work, as it was the case for "flask-argon-dashboard" on my machine.

This is how to **fix it** for <a href="https://github.com/app-generator/flask-argon-dashboard">flask-argon-dashboard</a> on Ubuntu Linux.

<img src="https://thepracticaldev.s3.amazonaws.com/i/g6l2xpcthkwq7cggdybj.gif" alt="flask dashboard">

## Setup

Run these commands in the terminal (Ubuntu/Debian):

    sudo apt install python3-virtualenv
    sudo apt install git


Clone the repo

    $ git clone https://github.com/app-generator/flask-argon-dashboard.git
    $ cd flask-argon-dashboard

Initialize and activate a virtualenv:

    $ virtualenv -p python3 env
    $ source env/bin/activate

Install the dependencies:
    
    $ pip install -r requirements.txt
    $ pip install flask_login


Create the database, using Flask shell

    $ flask shell
    $ >>> from app import db
    $ >>> db.create_all()

<img src="https://proxy.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FCh5spxgjoHYw8%2Fgiphy.gif&f=1&nofb=1">

## Start server

Run the development server:
    
    $ flask run

See the running app by visiting http://localhost:5000 in your browser

And there you go! Once opened you can see the dashboard.

Happy coding!

**Related links:**
* <a href="https://github.com/app-generator/flask-argon-dashboard">flask-argon-dashboard</a>
* <a href="https://pythonbasics.org/flask-tutorial-hello-world/">Flask tutorial</a>
* <a href="https://pypi.org/project/Flask/">Flask framework</a>
IEO and ICO — What is it and how does it work?

Published: 2019-10-04 22:55:25

The world of cryptocurrencies not only innovates in its digital currencies but also in the form of funds.
Have you heard of IEO (Initial Exchange Offering) and ICO (Initial Coin Offering)?
Possibly not. Our goal is only to introduce the theme, it will be up to each one to seek a deeper analysis, if interested, as it is a recent subject, which requires much study and immersion, besides the variations or applicability.
In 2013 came the first ICO initiatives in the world, the start of INITIAL COIN OFFERINGs. This new form of funding supported by crypto-economy became more famous in 2017 and 2018 and reached levels of up to $ 4.1bi in a single funding. Famous companies like TELEGRAM and BINANCE have made their fundraising through this format.

They look like astronomical sums, but these were the scales reached in this period of euphoria. Given this sudden warming, not-so-attractive or even non-legitimate entrepreneurial actions emerged and caused investor harm and, consequently, led to the cooling down shortly thereafter. Observing these risks, the market itself has found a path of evolution from ICO’s to what is known as IEO (Initial Exchange Offering), which consists of a flow intermediated by a Crypto Exchange, the intermediary seeks to “guarantee” that the offers of tokens that occur on Exchange are reliable and projects promising, preventing frauds.
We imagine that other variations of “O’s” will emerge, but the fact is that the crypto-economy has found and will not stop looking for new ways of making large scale viability of projects supported by Crypto and / or Blockchain, exponentiating the disruption.
Welcome to the future!

Download the Monnos App and try crypto!
http://onelink.to/monnos
How to change fontawesome icon bg color
Tags: css, fontawesome, backgroundcolor
Published: 2019-10-04 22:42:46

ok here is simple trick to change font awesome icon bg color let say we have youtube icon which looks like this as default:

![alt text](https://raw.githubusercontent.com/muzammil-ahmedkhan/images/muzammil-ahmedkhan-patch-1/youtube-defalut-fonstawesome.png "font awesome default icon")

ok but i want to change it to red like on you tube so the simple trick is that you add inline style in i element like this  style="color:#FF0000;" and that's it  it will change icon back-ground color to red like on you tube.

![alt text](https://raw.githubusercontent.com/muzammil-ahmedkhan/images/muzammil-ahmedkhan-patch-2/youtube-red-fonstawesome.png "customized red youtube icon")
New Project - CSS Flex Generator
Tags: hacktoberfest, react, css, grid
Published: 2019-10-04 22:21:26

I created a CSS Flex generator which helps users understand flex containers better. This is the link - [CSS Flex Generator](cssflex-generator.netlify.com)

The inspiration came from the project, [CSS Grid Generator](https://cssgrid-generator.netlify.com/) created by {% user sarah_edo %}

### Introduction
This project provides an easy means for creating CSS Flex containers for flexible layouts. It aids in the efficient understanding of the flex property and (soon) it would be able to generate codes. It was built with basic React by create-react-app

The project is at its 'first version' release. More work is still to be done on it.

### Contributions
{% github dillionmegida/cssflex-generator %}
You could visit the repository on Github to know more about the project.
Contributions could be changes in the project or suggested ideas. They are all welcome.

Also, it's [hacktoberfest](https://hacktoberfest.netlify.com/), so why not contribute? 🤔

I look forward to your contributions.
Questions? Feel free to as them in the comment section. You could also reach out to me on twitter - [@iamdillion](https://twitter.com/iamdillion).
Week One
Tags: coding, trello, beginners
Published: 2019-10-04 21:59:08

I’m one week down and I have fifteen more to go. I just finished my first week at CTRL+SHIFT coding program. I am new to the tech world and didn’t quite know what to expect. Coming into this I thought someone would teach me what I needed to know and send me out to be successful. Come to find out that teacher was going to be me.  Everyday new challenges arise. But with the tools and resources that were provided I can call myself a “coder.” The biggest challenge so far for me is staying focused. With a million things running through my mind and life happening outside of class, I find my mind starts to wonder off after ten minutes of reading. Trello has been introduced to me as a tool to stay organized and on track. I haven’t fully used it but it is now my goal. The best tool yet has been Google it helped me break down and learn to search for exactly what I was looking for. Building my website was a personal accomplishment because it was my first project I learned on my own. So going into week two when I get discouraged I will remember why I am here. My son and our future. This program will open doors to being financially stable and give me the independence that I have been looking for.