teleren/devto huggingface dataset:
Do not be afraid to ask questions
Tags: beginners, productivity, career, teamwork
Published: 2020-09-17 10:20:09


{% twitter 1306006593084026881%}

This is the tweet that got me to think. When is it ok to ask questions? The best advice I got when I was starting my developer career was “Ask questions!”. 

This applies to everything. If you are at the meeting and somebody talks about a topic you have no idea what even means, ask them. Otherwise what is the point of you sitting in the meeting. If you are stuck on a problem, chances are people in your team already dealt with something like that. What is a point of doing week of research to find answer to that particular Spring framework oddity? One of the answers to that tweet was this: 
{% twitter 1306007762888019971%}

During my career I found out a lot of people have this mind-set.
 
To stay polite? What is impolite about asking a question? Most tech people I ever met would happily answer any questions I ever had. Most people love teaching others, figuring out hard puzzles. The whole idea of extreme programming/pair programming is to have multiple people to talk over the issue. If the person you ask do not have time they will simply tell you. Maybe they will direct you to somebody else. Changes of them feeling like you were impolite are really slim. 

Exhaust all resources? What does that even mean? Should I go over all the google result pages? Read the documentation of the whole framework? Step by step debug all the framework code? What if the solution is really simple and I am just overlooking it? What if the second pair of eyes would solve this in 30 seconds? I just spent 5 days googling instead of five-minute long human interaction. 

If you are working in a team, your teammates are there to support you. They will most likely never say no to a questions. As you should never say no to them. Sure you should spend some time on research before you ask, but do not overdo it.

A lot of people are afraid to ask, that it will make them look stupid. But who is the stupid one? The person whole spent an hour on a meeting without knowing what was the actual topic of the meeting? Or the one that asks? 

---
You can follow me on [Twitter]( https://twitter.com/pavel_polivka) to see all my thoughts like this one.
Application crashes when using displayMode in SwiftUI's NavigationView
Tags: swiftui, swift
Published: 2020-09-17 10:17:39

When you specify `displayMode` in `NavigationView`, the app crashes when it starts. This bug has been fixed in Xcode 12 beta 2. However, the crash will always occur on Xcode 11.6.

### Environment

* Xcode 11.6
* iOS 13.6

### I have a problem!!

This example code is correct.

```swift
struct HomeView : View {
    
    var body: some View {
        NavigationView {
            VStack {
                Text("ねこ")
            }
            .navigationViewStyle(StackNavigationViewStyle())
            .navigationBarTitle(R.string.localizable.home_title())
            .navigationBarItems(leading: Text("設定"))
        }
        .onAppear {
            FA.track(page: "ホーム")
        }
    }
}
```

This sample code crashes when the app is launched.

```swift
struct HomeView : View {

    var body: some View {
        NavigationView {
            VStack {
                Text("ねこ")
            }
            .navigationViewStyle(StackNavigationViewStyle())
            .navigationBarTitle(Text(R.string.localizable.home_title()), displayMode: .inline)
            .navigationBarItems(leading: Text("設定"))
        }
        .onAppear {
            FA.track(page: "ホーム")
        }
    }
}
```

### I've solved the problem!

Apparently this has been fixed in Xcode 12 Beta2, but as of Xcode 11.6, the app will crash if the navigation bar transparency flag is set to `false`.

```swift
UINavigationBar.appearance().isTranslucent = false
```

If you set it to `true`, the app will not crash.

```swift
UINavigationBar.appearance().isTranslucent = true
```

### Note

The original article is "[SwiftUIで NavigationViewでdisplayModeを指定するとアプリ実行時にクラッシュする](https://recipe.ch3cooh.net/entry/swiftui/navigationview/app_crashes_when_you_specify_display_mode_in_navigationview)". I use machine translation.
Run MySQL on Port 3307 Using Docker Compose
Published: 2020-09-17 09:57:01

---
title: Run MySQL on Port 3307 Using Docker Compose
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

Sometimes you would like to run MySQL image on different port other than the default one **3306**. Suppose you have deployed your back-end application on a server and you find out that there is another service running on port **3306**. That was my situation a while back and to solve this I just added the variable `MYSQL_TCP_PORT: 3307` under the MYSQL image `environments:` section as shown below on docker-compose.yml file:

```yml

  db:
    restart: always
    image: mysql:5.7

    command: --default-authentication-plugin=mysql_native_password

    environment:
      MYSQL_ROOT_PASSWORD: test#$!
      MYSQL_DATABASE: default_schema
      MYSQL_USER: test
      MYSQL_PASSWORD: test
      MYSQL_TCP_PORT: 3307
      
    ports:
      - "3307:3307"

``` 

Make sure in your application's DB settings you change the database port settings in my case I was developing the back-end service with Django framework here are the settings below:

```yaml
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql', 
        'NAME': 'default_schema',
        'USER': 'root',
        'PASSWORD': 'test#$!',
        'HOST': 'db',
        'PORT': '3307',
    }
}

```
Drop your Hacktoberfest 2020 projects! 🥳
Tags: opensource, hacktoberfest, discuss, codenewbie
Published: 2020-09-17 09:47:01

Join the global community for the yearly celebration of open source software. Hacktoberfest is a monthlong celebration of open source software organized by DigitalOcean.

I am excited for Hacktoberfest 2020 and  looking forward to contribute in some exciting projects. Drop your awesome github projects links and I will share the best ones as well. Looking forward to work with your exciting projects. 


May the source be with you. ✨
Build A Flutter 💙 Tinder Clone with Firebase & BLoC #15/41 Profile Setup & Profile State
Tags: flutter, tutorial, dart, career
Published: 2020-09-17 09:38:00

---
title: Build A Flutter 💙 Tinder Clone with Firebase & BLoC #15/41 Profile Setup & Profile State
published: true
description: Tutorial on building a Tinder clone with Flutter, Firebase and Bloc
tags: #Flutter #Tutorial #dart #career
//cover_image: https://direct_url_to_image.jpg
---
In this series of videos we are going to build a Tinder clone using Flutter, Firebase as a backend and Bloc as our state management solution.

Here we set up the Profile State.

Protip: Watch video at 1.25 speed.


{% youtube vNu3iQPTRyo %}
Special Event: How I Landed My First Remote Job Through An Open-Source Project
Tags: techtalks, womenintech, career
Published: 2020-09-17 09:24:40

*"Think you need to live in a tech hub to work in tech? Think again. After my one year stay in my hometown became permanent, I thought my dream to become a developer was lost. In reality, it was just delayed a few years until an open-source project helped me find the confidence and motivation needed to land a remote job."*

Join us for a special fireside chat on the topic of finding awesome remote job opportunities, even when you live in a small city instead of a big tech hub. We’ll hear tips and tricks on getting started, building confidence, and standing out from the crowd from Golfo V., one of North’s top members!

Golfo is a frontend engineer with 4 years of experience, 3 of which have been spent working remotely for distributed SaaS companies.


**Free Tickets**
The event will take place Friday, September 18, 2020, at 01:00 PM EDT. **[Grab Your Free Tickets While They Last!](https://powertofly.com/career/live-chats/327403-how-i-landed-my-first-remote-job-through-an-open-source-project?utm_source=Partner&utm_medium=Affiliate&utm_campaign=ChatAndLearn&utm_content=GolfoVasiliou)**

We’re hosting this event in tandem with [PowerToFly](powertofly.com). PowerToFly is a recruiting platform that connects companies to women in tech, sales, marketing, and digital.

Telepat North is a club for outstanding coders, offering members free books, courses, learning resources, swag, and remote work opportunities! 

If you’re interested, you can learn more by visiting [Telepat North](https://north.telepat.io/?utm_source=dev.to&utm_medium=page&utm_campaign=dev.to).

If you enjoyed this article, press the “Follow” button to get more content that will help you become a better technology professional. You can also [subscribe to our YouTube channel](https://www.youtube.com/channel/UCehgPeVnbdWf4or-ywsSkSw), and follow us on [Facebook](https://www.facebook.com/telepatio/), and [LinkedIn](https://www.linkedin.com/showcase/telepat-north/).
Transformação Digital: só mais uma modinha
Tags: agile, transformacaodigital, modinha
Published: 2020-09-17 09:12:57

Empresas de médio e grande porte, dizem estar na tal "Transformação Digital" (nunca finalizam hahahaha). Publicam vagas dizendo que utilizam tecnologia "X" e "Y", que utilizam Agile, Scrum e etc. Quando você vai ver, só tem legado e de ágil é só o chefe delegando tarefas pra todo mundo e dizendo: "Ah... isso aí é facíl, você faz rapidinho! Não é?"
Generate contributors markdown file
Tags: actionshackathon, github, showdev, opensource
Published: 2020-09-17 08:54:50

Hi, this post is my submision for the actionshackaton

### My Workflow
This github action helps to generate markdown file of contributors which obtain the data of the contributors from a file configured as a parameter in the action, for example contributors.json or .all-contributorssrc, and it will generate a markdown file of contributors with a basic template.


### Submission Category: 

Maintainer Must-Haves


### Yaml File or Link to Code

{% github https://github.com/jmoranin98/markdown-contributors-action %}


### Usage

```yaml
on: [push]

jobs:
  hello_world_job:
    runs-on: ubuntu-latest
    name: A job to add contributors markdown
    steps:
      - name: Checkout
        uses: actions/checkout@v2
      - name: Generate markdown file
        uses: ./
      - uses: stefanzweifel/git-auto-commit-action@v2
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        with:
          commit_message: Update generated contributors markdown
          branch: master
```


Thanks to [stefanzweifel/git-auto-commit-action](https://github.com/stefanzweifel/git-auto-commit-action)
Flush those first bytes
Tags: browser, performance, speed, webpack
Published: 2020-09-17 08:40:23

# series: strategic web performance

This is my first post from strategic web performance series where I publish my analysis and some strategies based on my understanding which may help other to understand and develop web applications by keeping performance in mind.

This post focuses on explaining the need of flushing the initial and critical HTML content to improve the server response times.

Let us start by understanding the journey of the page response from the server through telecommunications network, then we can think about strategies we can apply to design and applications with improved performance. 

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

- Browser sends request to the server and will be waiting for the server to respond.

- If Server respond with HTML document after constructing complete document -- this will take several milli seconds or even more especially when construction of some parts of it require high computation or dependency on other systems.

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

## Overlap

We will need to start flushing the meaningful HTML content to the stream as soon as it is available.

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

Then we will get an overlap of server time and network time. as when server is busy constructing remaining part of the page the response is already on the wire.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/e2xlxjavxpwh4qcady8h.jpg)
How to Request a Cash App Card and Activate it?
Tags: cashapp, cashcappcard, activatecashappcard, howtoactivatecashappcard
Published: 2020-09-17 08:35:50

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

We must thank the internet and technology that has simplified the money transaction process. Today, you can send money instantly to anyone from anywhere. When it comes to digital mobile money transfer, one name that comes to the mind is the Cash app of Square Inc. The list of features one can get from this application is endless that includes payment at stores and buying or selling of BitCoin. Cash app card is one of the attractive features through which it’s easy to use the card as an ATM card. All that you need is to [activate cash app card](https://greentrustcashapplication.com/how-to-activate-cash-app-card/) and get started with using this card.

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

How to activate your Cash App Card? How do start using it? Many questions pop up when you want to know about the cash app card. To get the answer to these queries, you must get in touch with the technical professionals for quick assistance.

## How do I order a cash app card?

> **If you don’t have a cash app card then first you’ll have to order cash app card by following these simple steps:**

* Go to the card icon on your app’s home screen.
* You need to click on the “Order” tab. You can also choose a color for your card by following some on-screen instructions.
* Users can also choose a $Cashtag for Cash App card if they wish to.
* Once redirected to a new page, just enter all the details about your mailing address.
* Make sure you’ve correctly entered your first and last name.
* For a cash app card, you need to be at least 18 years of age.
* Enter the last 4 digits of your Social Security Number on the space given and confirm all the details. At last, click the ‘continue’ tab.

### Steps to activate cash app card if you’ve QR code

> **When you have QR code, go ahead and follow these steps to activate cash app card.**

* Find and tap on the Cash Card icon that will be found on the bottom of the page.
* Just tap on the “Activate Cash Card”.
* Here, start the process of activation by scanning the QR CODE. This code is printed on the Cash Card. Use your mobile or any other device camera to scan.
* Once the camera will scan the QR code, your card will be ready to be used.

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

### Steps to activate cash app card if there’s no QR code

* After opening the Cash Card, click on the cash card icon
* In the next step, you’ll have to click on the “Activate Cash Card” option.
* Here, search for the “Missing QR Code”
* Now, click on the option of “Use CVV Instead” to proceed further
* Enter the details including CVV code and expiry date and then click to confirm.

For any query regarding **activate my cash app card**, you can connect with the [technical team](https://greentrustcashapplication.com) of professionals. Technical executives ensures instant help to users with a precise solution.
Create your personal shorturl with Vercel + GitHub Actions
Tags: actionshackathon, vercel, devops, webdev
Published: 2020-09-17 08:27:28

### My Workflow
Easily create your personal short url and deploy to Vercel with GitHub Actions.

Just create a new repository with [this template](https://github.com/ThewApp/vercel-shorturl-starter), add your Vercel Secrets, then edit `redirects.yml` to suit your need.

There is an [existing solution](https://scottspence.com/2020/04/19/url-shortener-with-nowsh/) for this but it is configuring through `routes` or `redirects` properties in `vercel.json`. My solution uses **yaml** which is easier to work with and also supports dynamic path/querystring.

Here is an example of all configurable features.

```yaml
- from: /me
  to: https://github.com/ThewBear
  status: 308 # Change status code ex. 301, 302, 307 (Default), 308
- from: /google/:q # Match exactly one ex. /google/recursion
  to: https://google.com/search?q=:q
- from: /vercel/:slug* # Match zero or more ex. /vercel /vercel/docs /vercel/solutions/nextjs
  to: https://vercel.com/:slug
- from: /twitter/:slug? # Match Zero or one ex. /twitter /twitter/thewdhanat
  to: https://twitter.com/:slug
- from: /github/:slug+ # One or more ex. /github/ThewApp github/ThewApp/vercel-shorturl
  to: https://github.com/:slug
- from: /dev/:slug1/:slug2 # Multiple match ex. /dev/p/information
  to: https://dev.to/:slug1/:slug2
- from: /google
  to: https://google.com/search?q=:q
  query:
    action: search # Must have this exact query
    q: :q # And this match in query ex. /google?action=search&q=recursion
- from: /dev
  to: https://dev.to/:user
  query:
    u: :user? # Optional match ex. /dev /dev?u=thewbear
```

The example configuration is deployed here: https://vercel-shorturl-starter.vercel.app

Example:
- https://vercel-shorturl-starter.vercel.app/me
- https://vercel-shorturl-starter.vercel.app/google/recursion
- https://vercel-shorturl-starter.vercel.app/vercel/solutions/nextjs
- https://vercel-shorturl-starter.vercel.app/dev?u=thewbear

### Submission Category: 

DIY Deployments

### Yaml File or Link to Code

{% github ThewApp/vercel-shorturl-starter %}

### Support me
<a href="https://www.buymeacoffee.com/thew" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
Why is Hacktoberfest the perfect opportunity for devs to improve
Tags: hacktoberfest, opensource, beginners, writing
Published: 2020-09-17 08:20:40

**With COVID-19 lurking in the shadows and gaining strength as Autumn approaches, the original version of the traditional German festival seems unlikely to happen. Why not crack a cold one next to your computer and celebrate the open source software.**

##About Hacktoberfest
This month-long event could be described as a celebration of open source software. Developers and other enthusiasts are encouraged to contribute to their favorite open source repositories and help owners fix some bugs or create new features. By the end of the month, you can get a reward from Digital Ocean - organizers of Hacktoberfest. 

##Beginners, Intermediates.. doesn't matter!
It of course differs from repo to repo, but it is a convention to label the issues with their difficulty, so a beginner could select something his skills are sufficient and the intermediate or senior can choose the right issues for him to further progress his skills. This event is truly for everyone.

![The Hacktoberfest is about community](https://dev-to-uploads.s3.amazonaws.com/i/huzzq30dbzuyf1qk2lke.png)
<figcaption>The Hacktoberfest is about community</figcaption>


##This code is good, right?
Well, I don't know, but I am certain who will - repository owners a.k.a senior developers, and other battle-hardened professionals 🤓 These devs can provide valuable feedback to your pull requests, which can progress your skills and give you a bigger picture, what to focus on, where to learn that, and how can you avoid similar mistakes. I cannot speak for everyone, but we at [DX Heroes](https://dxheroes.io) will definitely provide this feedback to all of our amazing contributors and we encourage others to do as well.

##Cannot code, but still want to participate
This event was always mainly for developers, but that doesn't mean people like tech writers cannot participate as well! 🤩 You will likely have a harder time finding suitable repos for your contributions there are definitely some open source blogs or knowledge bases (like ours [DX Knowledge Base](https://dxkb.io), wink wink 😆). Hacktoberfest is truly about community and doesn't matter if you are dev, designer, tech writer, or just an enthusiast - we can progress open source software to a whole new level, together.

**The Hacktoberfest 2020 is starting in just 13 days - prepare your pull requests, improve the open source projects, learn new things, and most importantly - let's have tons of fun!**
How to use Bootstrap templates
Tags: bootstrap, tutorial, opensource
Published: 2020-09-17 08:16:14

Using Bootstrap templates really depends on how the templates have been built. Some of them can be used as plain old HTML, Javascript, and CSS and others may come with a project builder config using Gulp or Webpack to compile the Sass files and make development easier.

The advantage of using Bootstrap templates is that you can integrate them with any back-end languages and frameworks, such as Laravel, Express Node.js, ASP.NET, and many more.

Additionally, you can also use these Bootstrap templates with front-end technologies like React, Vue, or Angular.

By default, high-quality templates are well documented, meaning that you will get a quick start guide on how to set up and work with the downloaded or purchased templates. For example, here at Themesberg, we have every template well documented starting with how to get started to each and every component and plugin explained.

Here are a few examples of our templates and documentation:

## Volt Bootstrap 5 Dashboard

Volt is a free and open-source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages, and 3 plugins with Vanilla JS.

*   [Live preview](https://themesberg.com/product/admin-dashboard/volt-bootstrap-5-dashboard)
*   [Documentation](https://themesberg.com/docs/volt-bootstrap-5-dashboard/getting-started/quick-start/)

## Pixel Bootstrap 5 UI Kit

Pixel Pro is a premium Bootstrap 5 UI Kit without jQuery featuring over 1000 components, 50+ sections, and 35 example pages including a fully-fledged user dashboard.

*   [Live preview](https://demo.themesberg.com/pixel-pro/v5/index.html)
*   [Documentation](https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/)

So as you can see Bootstrap templates in general although they use the same CSS Framework, can be quite different based on the development environment. It is essential that the templates are well documented and that good and premium support is offered for the premium templates.

## Bootstrap themes and templates

If you are in search of some awesome [Bootstrap templates and themes](https://themesberg.com/templates/bootstrap) you can check out some of the free and premium templates that we’ve been working on here at Themesberg for the last few years.

The templates can save you a lot of time and money and provide you with professionally designed interfaces that can bring your project to the next level. Most templates use a Gulp, Sass, and BrowserSync stack to provide you with an advanced working environment.