teleren/devto huggingface dataset:
JC v2 - find cool open-source projects & start contributing
Tags: showdev, javascript, webdev, react
Published: 2020-09-29 17:39:37

## Intro

For the last few months, I've been building v2 of my side project called [JustContribute](https://justcontribute.netlify.app). It's an app that allows you to find open, unassigned issues with newcomers welcoming labels like "good first issue" or "first timers only". You can search by programming language and popularity of the issue (number of interactions with an issue).

You can read more about tech stack and motivation in the first post.

{% post https://dev.to/dominikilnicki/i-built-side-project-helps-you-find-cool-open-source-projects-and-join-them-1fpo %}

## What I've done

### Tech
I rewrote the whole codebase. The v1 was made by me in 2 days because I was so excited about the idea, but it definitely has a reflection of the code quality.   I stayed with React but I made my components much more clear, readable, and reusable. What's more, I used flow js for data types to make the code more maintainable and less buggy. 

The whole backend concept was rewritten too. I no longer hit directly Github API in order to very stick limit rates. Instead of that, I made a cron function that runs every day, fetches all the issues, and stores them in Firestore. Thank's to that users communicate with my database instead of hitting GH API dozens of times every hour.

### UI/UX
I redesigned UI using Figma. I feel like dark mode fits better to developers' habits and it looks pretty neat. I'm not a designer so I can't say a lot about designing process, because it wasn't very sophisticated. I sat down one weekend, made a design, and thought "Yeah, might be" and that's it. Hope you like it.

## What's new
* Better UX/UI with dark mode by default
* Filter by issues' labels
* Highlighted projects section with the ability to highlight your OSS project 
Highly encourage you to fill a simple form and highlight your thing. It's free and maybe drives some traffic to your OSS repo. 
* Side-projects feature landing page where u can sign up for a waiting list
It's just a loose idea right now. I need feedback to see is it a point to work on that.

## To sum up
I hope you like the changes and use JC to find and join cool open-source projects. Let me know in the comments or on Twitter [@dominikilnicki](https://twitter.com/dominikilnicki) what you guys think about the idea and the execution. Happy Hacktober fest! 

---
🐦 Follow me on [Twitter](https://twitter.com/dominikilnicki) for a web dev & side projects content
👉 Check out [JC](https://justcontribute.netlify.app) if you want to get into open-source or highlight your project

📰 My 3 recent posts:
* [Semantic HTML by real-life example part 2](https://dev.to/dominikilnicki/semantic-html-by-real-life-example-part-2-4b1d)
* [5 tools to audit your website accessibility](https://dev.to/dominikilnicki/5-tools-to-audit-your-website-accessibility-2ffb)
* [Open source diary #1] (https://dev.to/dominikilnicki/open-source-diary-1-1pah)
How do you balance your work day?
Published: 2020-09-29 17:34:25

So I've only been blogging on DEV for 2 weeks (got some great responses). 

I want to reach more readers so my goals is to write a bit more everyday but try to post more consistently. It's been difficult to find time to write or post during the day and I always end up writing during the night.

How do you guys decide when to write and how do you balance between your day job and writing?
Is Lua Doomed?
Tags: lua, discuss, webdev
Published: 2020-09-29 17:16:27

``` lua
function say.greet()
   print("Lua rocks!")
end
```
I love Lua as a language it's fantasticly simple, no word of a lie, you can learn all of Lua in around an hour.

If your here reading this you might already know what Lua is and why it's a bit special with it's relationship to C, it's no wonder Lua is big in the game dev world as the scripting language of choice.

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

Brazil have the most interest, no surprises being the origin of this wonderful language, actually on the subject, Lua is the only language to gain any traction originating from a less developed country in the world.

In web development, Lua can be used and is a major component of OpenResty, aka Nginx's cousin. And yet it has little importance in web development, there are some who wish that Lua could be a direct competitor to JavaScript.

If your wondering, "but does it web?" yes, yes it does, we can run Lua in the browser through Wasm or in node via my node Wasm project (my hopes to make a multiplayer game with Lua game engines), ironically the Lua will be faster than the JavaScript. but honestly it's a toy project. 

If a language is dieing a slow death can it ever hope to recover, what does it take to do that?
Adding a Date Format Filter in Nuxt
Tags: nuxt, typescript, vue
Published: 2020-09-29 17:03:04

---
title: Adding a Date Format Filter in Nuxt
published: true
date: 09-28-2020
tags: NuxtJS, TypeScript, VueJS
canonical_url: http://warrenwong.org/posts/adding-a-date-format-filter-in-nuxt
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/8wee35r598lz9fzpgo9x.jpg
---
Since NuxtJS is just an opinionated VueJS with built in state management and routing, writing a filter for your template is just the same for Nuxt as it is for Vue, except for one catch. For now, let's start with a date formatter inside a component. Inside your component script tag, give the `extends` method your options object with a property of `filters`. Filter will be an object literal. The property names will be the name of the filter within the component. I don't really have any fancy formatting in mind, so let's just call this filter "formatDate". From a little bit of googling, I found the built in [`Intl.DateTimeFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global\_Objects/Intl/DateTimeFormat). This looks like it's exactly what we need. It seems to handle language specific formatting as well as time zones. I don't really need those yet, and I only write in English so I'm used to seeing the `mm/dd/yyyy`. For now, I think that's enough for me.

```ts
import Vue from "vue";
export default Vue.extend({
  filters: {
    formatDate: (date: Date) =>
      Intl.DateTimeFormat("us-EN").format(date),
  },
});
```

One snag is that I'm using Nuxt Content and I want to show the `createdAt` string that the module provides based on when the markdown file was created. `createdAt` returns a date in the form of a string, so I'll have to update the filter to handle that directly.

```ts
import Vue from "vue";
export default Vue.extend({
  filters: {
    formatDate: (dateStr: string) =>
      Intl.DateTimeFormat("us-EN").format(new Date(dateStr)),
  },
});
```

If we test that in the template, it seems to work just fine.

```handlebars
<template>
  <div>
    Date: {{ post.createdAt | formatDate }}
  <div>
</template>
```

Now, this filter seems pretty useful. I'd think we would need this in a lot of
pages and components so we should make this filter available to all the
templates.

In plain Vue, you can just register the filter with Vue like so:

```ts
Vue.filter("formatDate", (dateStr: string) =&gt;
  Intl.DateTimeFormat("us-EN").format(new Date(dateStr))
);
```

It's actually just the same in Nuxt, but we will be putting the filter in a
plugin that's registered in the `nuxt.config.ts` file.

In the `/plugins` directory, create a file called `format-date.ts`. We "plugins"
we put here are run before the root VueJS app gets instantiated.

```ts
import Vue from "vue";

Vue.filter("formatDate", (dateStr: string) =&gt;
  Intl.DateTimeFormat("us-EN").format(new Date(dateStr))
);
```

If we check our prior rendered page, the filter should still work after the page hot reloads.
Wrapmate Announces Developer Internship
Tags: internship, job, javascript, ruby
Published: 2020-09-29 17:02:25

---
title: Wrapmate Announces Developer Internship
published: true
description: Wrapmate Announces Developer Internship
tags: internship, job, javascript, ruby
---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k2opwm7p8mua0xzx4lzt.jpg)

Wrapmate has announced a new developer internship. [More information](https://blog.wrapmate.com/2020/09/29/wrapmate-announces-developer-internship/).
Is passion required to be a good programmer?
Tags: career, beginners, discuss
Published: 2020-09-29 17:00:28

---
title: Is passion required to be a good programmer?
published: true
date: 2020-09-29 16:53:48 UTC
tags: career,beginners,discuss
cover_image: https://www.notonlycode.org/content/images/2020/09/passion-thumbnail.jpg
canonical_url: https://www.notonlycode.org/is-passion-required/
---

In this video I'm talking about passion and why, contrary to a popular opinion, I believe it is not necessary in order to be a good software developer.

I realize my take might not be very popular. Do you agree with it or do you thinkit's impossible to be a good developer without passion for coding?

{% youtube L0gG4ubtSm0 %}


**Outline:**

0:00 Intro
0:46 Passion in other jobs
2:59 Passion in software development
3:58 How to be good at anything
5:39 Why employers abuse the word "passion"
7:34 Job like any other
8:30 Outro

# Notes

## Intro

- passion is mentioned often in job offers
- I think not only passion is not necessary to be a good developer, also I think companies don't care about it
- so why is it so commonly threw around as a requirement?

## Non-passionate success

- I have a dentist I go to whenever I'm in my hometown
- he always does great job and I can trust him
- stomatology is his job, but not his passion
- Giannis Antetokounmpo
- huge basketball talent, but preferred football
- started playing to help his parents
- took him 2 years to realize his talent and take it seriously
- worked hard because he was used to working hard, not because he was passionate about basketball

## Passion does not mean skill

- I've worked with some great programmers
- some of them were passionate about coding
- they do side projects and try new things in their spare time
- some of them have other passions they follow
- during work they do their best, and after work they spend time with their families, they travel, make videos or take photos
- I've also worked with average of below average programmers
- among them were people doing it purely for money, but also people who are passionate about coding

## How to become better

- talent + hard work + smart decisions
- not all are equal
- these are only internal things, of course there are external factors like wealth or luck
- where does the passion fit here?
- passion can keep you motivated to work hard
- passion can help you make smart decisions
- but passion itself is not a must have here

## Is passion useless?

- not at all!
- I'm sure there is correlation between passion and success
- passion will keep you going
- the passion itself does not make you good
- lack of passion does not make you bad
- programming is a profession like any other
- you can do it whatever your motivation is
- it's a relatively easy market, you don't need to be among the best to make a good living
Shein Android App: Properties and Customer Service
Tags: android
Published: 2020-09-29 16:52:32

SHEIN is an affordable tone shopping platform with clear tonality that focuses on women's fashion. Regardless of the current fashion trend, Shein.com is sure to follow or even bring it on. In all categories: women's clothing, men's clothing, children's clothing, footwear and accessories and more than 20,000 styles, including dresses, blouses, swimwear and blouses, SHEIN is a total destination for fashion designers. Shopping was even more fun with the new SHEIN mobile app. Welcome to the amazing SHEIN world available in your pocket and with your fingertips.

We are very proud of our customers and provide them with the best shopping experience.

Properties:
Save yourself more!
- Get an extra 10% off your first order
- Free shipping on orders over $ 49 and free shipping on all orders
- Get up to 80% off flash shows every day
- Sales alerts and promotional emails
Order and pay securely
-The action is risky
-Secure payments through Paypal or credit card
-7/24 Customer Service and Direct Service
SHEIN blocks exclusive licenses
-500+ new arrivals every day
-Love tips, hints and tips to inspire you.
-Keep track of your friends' latest activity on a graph

Contact us:
Toll Free Number: 1-855-554-9777
URL: https://setupyouraccounts.us/shein-customer-service-usa/
Facebook: www.facebook.com/sheinus/
Instagram: www.instagram.com/shein_us/
Email: dispute@shein.com
Read More: https://setupyouraccounts.com/shein-customer-service/
PHP has no support for threads
Published: 2020-09-29 16:50:12

Notes from *Advanced PHP Programming* by George Schlossnagle: 
+ PHP: no native support for multithreads
+ Alternative:`pcntl_fork()` creates child process
+ The moment `pcntl_fork()` called, a new process is created
+ In parent process, `pcntl_fork()` returns process ID of the newly created child, in the child, it returns 0.

More details here: [Creating and Managing Child Processes](http://php.find-info.ru/php/016/ch05lev1sec4.html)
I Coded a Star Wars Yoda Translator App with React
Tags: react, webdev, javascript, tutorial
Published: 2020-09-29 16:49:49

I like Star Wars movies, I like Yoda and I like [coding in React](https://codepulse.blog/react-for-beginners-complete-guide-to-mastering-react-fundamentals/). Well I thought that maybe I could combine these three in my next React project. That's when I got the idea to create a React application that can translate English to Yoda (yodish).

## Planning the application
For translating English to Yoda, I decided to use a [REST API](https://funtranslations.com/api/yoda) that does all the heavy lifting for us. It is a public API so we don't need any authentication or api keys to use it. We can just send the text as a text parameter and we get the translation as a response.

On the front end I used create-react-app to initialise a React project and then added a simple UI with a text input, button and a couple of labels.

![React project application UI.](https://dev-to-uploads.s3.amazonaws.com/i/kr7ysrjm9yp2om5qn93b.png)

The text input takes the text we want to translate, the button initialises the API request and the labels are there for... well what are labels usually for.

## Finished application
I recorded the whole process of building the app and uploaded it on YouTube. You can watch the video [here](https://youtu.be/LT8hAGnju9g). 

I also got a little creative filming the video and added an intro which I strongly recommend you check out. I think it turned out pretty cool. Let me know in the comments what you think about it!

{% youtube LT8hAGnju9g %}

I also uploaded the finished project to Github if you want to take a look. You can find the project [here](https://github.com/tumetus/yoda-translator-app).

## Conclusion
Even though the app was pretty straight forward and simple to make, I still had a lot of fun making it. And if you are new to React, I recommend watching [the video](https://youtu.be/LT8hAGnju9g) because it teaches the basics on how to use a REST API with React, which itself is a must have tool in a React developers toolbox.
How would you handle cloud syncing data for an Electron app?
Tags: javascript, discuss, learninpublic, node
Published: 2020-09-29 16:10:55

So I'm going to be building an open source markdown-editor-of-my-dreams for Hacktoberfest and one of the things I want it to do is handle cloud syncing note data across multiple platforms.

App is going to be JavaScript, Node, Electron.

I'm not sure how to handle the native cloud syncing, though.

My gut reaction was to just toss it all in Firebase.

I think a better approach would be to treat it like a Progressive Web App and use service workers to keep track of local offline changes and update a SQL database whenever a user reconnects to the internet.

How would you handle this?
Natural Search Algorithm
Tags: javascript, algorithms, bisection, search
Published: 2020-09-29 16:10:00

This post is about function I wrote while solving [LeetCode task](https://leetcode.com/problems/capacity-to-ship-packages-within-d-days).

Complexity of naive solution for this task is `O(w²)` where `w` is weights size.
But it can be done better with little improvement.
Instead checking every possible day from `1` to `weights.length` we can implement natural search algorithm and finish this task with `O(w * log(w))` complexity.

Here is code I wrote:
https://github.com/gkucmierz/algorithms/blob/master/js/natural_search.js

Using this function is very simple.
Whenever we have Signum function with unknown bias.

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

Like this:
```javascript
const fn = n => Math.sign(n - 345) >= 0;
```

345 here is random unknown number.
We can easily find it using simple code:

```javascript
const fn = n => Math.sign(n - 345) >= 0;

console.log(naturalSearch(fn));
```

Second parameter for `naturalSearch` function which is `retFirstTrue` indicates if function should return first natural number when condition is returning `true` value, or last natural number when it is still `false`.

Lets check if algorithm really is calling function optimal number of times:

```javascript
const fn = n => {
  const res = n >= 345;
  console.log('checking number:', n, 'result:', res);
  return res;
};

console.log(naturalSearch(fn));
```

Than we have this result:

```javascript
'checking number:', 1, 'result:', false
'checking number:', 2, 'result:', false
'checking number:', 4, 'result:', false
'checking number:', 8, 'result:', false
'checking number:', 16, 'result:', false
'checking number:', 32, 'result:', false
'checking number:', 64, 'result:', false
'checking number:', 128, 'result:', false
'checking number:', 256, 'result:', false
'checking number:', 512, 'result:', true
'checking number:', 384, 'result:', true
'checking number:', 320, 'result:', false
'checking number:', 352, 'result:', true
'checking number:', 336, 'result:', false
'checking number:', 344, 'result:', false
'checking number:', 348, 'result:', true
'checking number:', 346, 'result:', true
'checking number:', 345, 'result:', true
345
```

As we can see in first phase algorithm is trying to find true value by multiplying number by 2, then when it find, it can find exact point using bisection technique.
Build a Port Scanner in Golang
Tags: go, tutorial
Published: 2020-09-29 16:01:35

In this video we create the freeCodeCamp port scanner project but instead of python, this application is written in golang.

{% youtube KW8jls13YOY %}

## Resources
- [freeCodeCamp project](https://www.freecodecamp.org/learn/information-security/information-security-projects/port-scanner)
- [Source code](https://github.com/kelvin-mai/go-port-scanner)

## Follow and support me
- [YouTube](https://www.youtube.com/c/kelvinmai)
- [Twitter](https://twitter.com/kelvinmai)
What Git/GitHub topics do you struggle with most?
Tags: discuss, codenewbie, git, github
Published: 2020-09-29 15:51:44

I'm working on an Intro to Git/GitHub series for newcomers to version control and open source. Help me make it useful by sharing your experiences learning about Git and GitHub!

(If you've been using Git/GitHub for a while, think back to what it was like when you were first getting started.)

* 😩 What concepts or commands do you find confusing or challenging? (Or, what are the things you always have to look up how to do?)
* 🤔 What concepts or commands do you wish you understood better?
* 📚 What are some of your favorite resources for learning Git/GitHub?
* 💡 If you've been using Git/GitHub for a while, were there any particular analogies or explanations that helped an idea click?

Feel free to share any other thoughts you have on the subject.
I Built the Most Mediocre Rust App Ever
Tags: rust, codenewbie, mongodb, 100daysofcode
Published: 2020-09-29 15:27:07

And it was awesome. Amazing, even.
A few months ago I decided that I would attempt to learn Rust. I have zero experience. I just wanted to get something working. I was prepared for days of agony and hand wringing. 

Surprises?
It was easy to get started 
The documentation is clear, well-organized, and correct. I can't explain how crazy it was to [read the docs](https://www.rust-lang.org/tools/install) and follow instructions and then have something to show for it.
It was fun. Shockingly fun. Fun like I needed to immediately ping people to say IM LEARNING RUST AND IT IS FANFUCKINGTASTIC 

What does my most mediocre app do?
There is a single field.
You enter a word.
You hit submit.
It creates a document in the MongoDB database.
There is no update! There is no delete! 
There is no CSS!
It is an insult to the word "app".
*But it works.*
I have learned Rust (a little!)


If every example app you've seen is too complicated, the Most Mediocre Rust App Ever might help you get started. Link to github repo [here](https://github.com/techbelle/rust-example-app), and the rust docs for MongoDB [here](https://docs.mongodb.com/drivers/rust/).
Voting poll helps! Should dev.to have it?
Tags: discuss
Published: 2020-09-29 15:26:49

>Many times, we need to make choice between different technologies, libraries, frameworks, design patterns, algorithms etc... We do research and generally, we get differences, pros and cons of them but sometimes it is still unclear for us what to use.

There are lots of intelligent people out there who are willing to help you and give you a suggestion but it takes more effort to go to the comment section and write something and post it. And many of us sometimes just ignore the post and question due to lack of time.

But what if we have an option to attach an opinion poll to our article on dev.to? so that one can write an article describing their situation and attach a poll on it setting few options and other people can easily vote by just a single tap or click! like below codepen

{% codepen https://codepen.io/Mau1ik/pen/ExKJBwG default-tab=result %}


I believe that it will give us a clear idea and statistics that what people think and suggest.

What do you guys say? I am thinking of creating an issue regarding this on dev.to git repo but I just want to know what you guys think about this feature?

>Please post what do you think about this in the comment section as currently, I believe dev.to does not have any opinion poll functionality.