teleren/devto huggingface dataset:
Let's build an open-source React app in Github 
Tags: react, javascript, opensource, beginnerprojects
Published: 2018-04-03 18:25:31


---
title: Let's build an open-source React app in Github 
published: true
description: A beginner friendly Github project for people who are learning React
tags: react,javascript,opensource,beginner-projects 
---
Hey guys,

I always wanted to start an open-source project that helps people to learn something new and help them collaborate with others

So lately, I started a small Github project for people who are excited about React.

Here's the link:
https://github.com/srebalaji/Todo-er

The main aim of the project is to bring people together to build a simple todo app in React. 

I'm making sure that this project is (React) beginner friendly so that people who are learning React or in the beginner stage can come together to contribute

However, everyone is welcome to contribute to the project.

Happy Hacking :)
Use Cases As Documentation
Tags: discuss, ruby, documentation, usecases
Published: 2018-04-03 17:47:02

---
title: Use Cases As Documentation
published: true
description: Exploring the idea of organizing the doc around use cases.
tags: discuss, ruby, documentation, use cases
---

Ben, here on dev.to, replied to a [post](https://dev.to/burdettelamar/markdown-helper--recursive-2d4f) with this:  "Can you further describe this use case?"

And that got me thinking....

First, that when I write doc for a project, I should be thinking more about use cases, and less about features.

Users do not want "features,"  they want solutions.  A use case outlines a problem and a solution, while a feature may be a solution in search of a problem.

And second, that I should consider actually organizing the doc around use cases, rather than around features.

In one of my GitHub projects (the largest one), I built a family of "tour pages" (linked together with prev/next navigation).  The tour covers the features in the project.

What if, instead, I built a family of "use-case" pages, emphasizing the problem/solution paradigm?  Wouldn't the table of contents show users what problems are solved by the project?

I'm going to spend some time exploring this.

Meanwhile, any thoughts you may have will be welcome.
[HTML5/JS] Define a custom self closing (void) HTML element like BR and IMG
Tags: help, javascript
Published: 2018-04-03 17:43:13

---
title: [HTML5/JS] Define a custom self closing (void) HTML element like BR and IMG
published: true
description: I tried to define a custom self closing HTML element but failed. Is this not possible?
tags: help, javascript
---

I am unable to (re)produce a self closing element. Is it impossible?
```markup
<img />
<br />
<link />
<meta />
```
Self closing HTML elements do not require or support a closing tag.

Modern browsers support custom element tags and behavior using document.registerElement. 

Try to extend already void HTML element fails.
```js 
class HTMLVoidElement extends HTMLBRElement {
}

document.registerElement('x-void', HTMLVoidElement)
document.createElement('x-void') // returns <x-void></x-void>
``` 
It makes no difference if the element is in the document HTML and not created programmatically.

```markup
<x-void />
<br />
``` 
![Failed](https://thepracticaldev.s3.amazonaws.com/i/g2s39b87vhg09zc77ljm.png) 

#Thoughts?
How do you reward junior devs that are kicking ass?
Tags: discuss, career, beginners
Published: 2018-04-03 17:24:01

---
title: How do you reward junior devs that are kicking ass?
published: true
tags: discuss, career, beginners
---

This question originally came from:

{% twitter 981168063125925889%}


I figure I'd get your guys and girls opinion:

{% twitter 981180759393361921%}


Enlighten us with your experiences: past, present, future.

### Past

- How would you have wanted to be rewarded?

### Present

- How would you like to be rewarded *right now*?

### Future

- How would you like to be rewarded in your first/next job?


Thanks in advance!
As a software architect, what has your career path looked like?
Tags: discuss, career
Published: 2018-04-03 15:57:18

---
title: As a software architect, what has your career path looked like?
published: true
tags: discuss, career
---

I am in the early years of my career, and I know my goal but I'm still working out how to get there. If you have insight into one of the varied career paths that lead to Software Architect, I'd love to hear it.

To be clear, I know there's no "do XYZ and you've made it!"  I am looking to collect stories and experiences to serve as points of reference as I move forward in my career and evaluate things like skills, languages, and tools to learn and use. I appreciate your input!
Using Python, Flask, and Angular to Build Modern Web Apps - Part 3
Tags: angular, javascript, python, flask
Published: 2018-04-03 15:49:17

---
title: Using Python, Flask, and Angular to Build Modern Web Apps - Part 3
published: true
description: In this series, you will learn how to create modern web applications with Python, Flask, and Angular.
tags: #angular #javascript #python #flask
canonical_url: https://auth0.com/blog/using-python-flask-and-angular-to-build-modern-web-apps-part-3/
---

In this series, you will learn how to create modern web applications with Python, Flask, and Angular. 
Part 3: Installing and configuring Angular Material to add a nice interface to your app, using Alembic (a database migration tool) to manage your database schema, and more!

[Read on 🐍](https://auth0.com/blog/using-python-flask-and-angular-to-build-modern-web-apps-part-3/?utm_source=dev&utm_medium=sc&utm_campaign=python_flask_angular)

![Using Python, Flask, and Angular to Build Modern Web Apps - Part 3](https://thepracticaldev.s3.amazonaws.com/i/mt5a0w7abdzrag9w2yur.png)
brew cleanup might save your disc space
Tags: macos, beginners, brew
Published: 2018-04-03 15:15:21

---
title: brew cleanup might save your disc space
published: true
description: brew cleanup command is helpful to 
tags: macos,beginners,brew
---

Do you use Homebrew on macOS? And are you in trouble with low disc space?

Then just try `brew cleanup`.

## Overview

Since brew does not automatically remove old formulae, your installed packages pile up and press your disc.

Following the [official FAQ](https://docs.brew.sh/FAQ), I tried `brew cleanup` and got about 4 GB of free space in my case.

## Usage

The official page introduces very few samples.

```zsh
# remove a formula
$ brew cleanup <formula>

# clean up everything at once
$ brew cleanup

# see what would be cleaned up
$ brew cleanup -n
```

For further information, let's see help.

```zsh
$ brew cleanup -h

brew cleanup [--prune=days] [--dry-run] [-s] [formulae]:
    For all installed or specific formulae, remove any older versions from the
    cellar. In addition, old downloads from the Homebrew download-cache are deleted.

    If --prune=days is specified, remove all cache files older than days.

    If --dry-run or -n is passed, show what would be removed, but do not
    actually remove anything.

    If -s is passed, scrub the cache, removing downloads for even the latest
    versions of formulae. Note downloads for any installed formulae will still not be
    deleted. If you want to delete those too: rm -rf $(brew --cache)
```

Now we got something new.

- `--prune=days` can destroy caches N days or earlier. Although it lacks description about a case when we omit this option, it defaults to 14 days by reading [code](https://github.com/Homebrew/brew/blob/c933247a77fde69a79e9172f821147ea5140e3a1/Library/Homebrew/cleanup.rb#L49).
- `-n` is an abbreviation of `--dry-run`.
- we can clean up even the latest formula with `-s`.

## Further details

If you want to dive into it more, reading code is the best way.

- [entry point](https://github.com/Homebrew/brew/blob/76cd7c79498daf380d99ed7379394618164b602b/Library/Homebrew/cmd/cleanup.rb)
- [actual process](https://github.com/Homebrew/brew/blob/c933247a77fde69a79e9172f821147ea5140e3a1/Library/Homebrew/cleanup.rb)
Using CircleCI 2.0 for iOS
Tags: swift, circle, ci, xcode
Published: 2018-04-03 13:31:52

---
title: Using CircleCI 2.0 for iOS
published: true
description: 
tags: swift, circle, ci, xcode
---

Original post https://github.com/onmyway133/blog/issues/158

We 've been using CircleCI for many of our open source projects. Since the end of last year 2017, version 2.0 began to come out, and we think it's good time to try it now together with [Swift 4.1](https://swift.org/blog/swift-4-1-released/) and [Xcode 9.3](https://developer.apple.com/news/?id=01242018d)

The problem with [version 2.0](https://circleci.com/docs/2.0/) is it's so powerful and has lots of cool new features like jobs and workflows, but that requires going to documentation for how to [migrate](https://circleci.com/docs/2.0/migrating-from-1-2/) configuration file.

### Creating `config.yml`

The first thing is to create a new `config.yml` inside folder `.circleci`

> Copy your existing circle.yml file into a new directory called .circleci at the root of your project repository.

Next is to declare version and jobs

> Add version: 2 to the top of the .circleci/config.yml file.

### Checking `xcodebuild`

For simple cases, we just use `xcodebuild` to build and test the project, so it's good to try it locally to avoid lots of trial commits to trigger CircleCI. You can take a look at this PR https://github.com/hyperoslo/Cheers/pull/20

Before our configuration file for version 1.0 looks like this

```sh
- set -o pipefail && xcodebuild -project Cheers.xcodeproj -scheme "Cheers-iOS" -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 8,OS=11.0' -enableCodeCoverage YES test
```

Now we should put `pipefail` inside `shell`, follow https://github.com/CircleCI-Public/circleci-demo-ios/blob/master/.circleci/config.yml

> shell: /bin/bash --login -o pipefail

Now is the actual trying `xcodebuild`, after many failures due to `destination` param

```
xcodebuild: error: Unable to find a destination matching the provided destination specifier:
		{ platform:iOS Simulator, OS:11.3 }

	Missing required device specifier option.
	The device type “iOS Simulator” requires that either “name” or “id” be specified.
	Please supply either “name” or “id”.
```

```
xcodebuild: error: option 'Destination' requires at least one parameter of the form 'key=value'
```

I found this to work, run this in the same folder as your `xcodeproj`

```sh
xcodebuild -project Cheers.xcodeproj -scheme "Cheers-iOS" -sdk iphonesimulator -destination "platform=iOS Simulator,OS=11.3,name=iPhone X" -enableCodeCoverage YES test
```

### Adding workflow

Version 2.0 introduces [workflow](https://circleci.com/docs/2.0/workflows/) which helps organising jobs

> A workflow is a set of rules for defining a collection of jobs and their run order. Workflows support complex job orchestration using a simple set of configuration keys to help you resolve failures sooner.

For our simple use cases, we add this workflow

```
workflows:
  version: 2
  build-and-test:
    jobs:
      - build-and-test
```
Replace operating system shell/explorer on Linux and Apple systems.
Tags: discuss, linux, apple
Published: 2018-04-03 12:43:46

---
title: Replace operating system shell/explorer on Linux and Apple systems.
published: true
description: Is it possible to replace the graphical interface just like on Windows?
tags: discuss, Linux, apple
---
On Microsoft Windows you can replace explorer.exe with your own custom application by changing a value in the registry. When Windows boots it will start myExplorer.exe in stead of explorer.exe, completely replacing the graphical interface.

Is this also possible on Linux and Apple systems? Has anybody here done this already? How does it work?

Thanks in advance.
Magento 2 Product Attachments Extension
Tags: magento2product
Published: 2018-04-03 12:03:42

---
title: Magento 2 Product Attachments Extension
published: true
description: Magento 2 product attachments extension allows you to files of multiple formats to your product and CMS pages. 
tags: Magento 2 Product 
---
<img src="https://thepracticaldev.s3.amazonaws.com/i/z3769qwl4tyv1rvt1utm.png">

Magento 2 product attachments extension allows you to files of multiple formats to your product and CMS pages. Customers can download the files if they want to get additional details regarding your products or service. <b><a href="https://codecanyon.net/item/magento-2-product-attachments-extension-file-upload-download/21660317">Magento 2 product attachments</a></b> extension also creates the dedicated page for a product attachment which displays the all the attached files and users can download from there as well. You can also limit the downloading of files from the back office. The price of this plugin is only $69 and comes with free support and upgrades. 

<b>Screenshots</b>

<img src="https://thepracticaldev.s3.amazonaws.com/i/h2zqlyc49afyb9z4ump2.png">

<img src="https://thepracticaldev.s3.amazonaws.com/i/4t4btarq5bz0d7k1bdg7.png">

<img src="https://thepracticaldev.s3.amazonaws.com/i/uxeevcfn92piqqmxkvyk.png">

<img src="https://thepracticaldev.s3.amazonaws.com/i/tiph5i8wpv0h7wjvbq8b.png">
Adjusting Arch Linux time to local time
Tags: archlinux, utc
Published: 2018-04-03 11:21:10

---
title: Adjusting Arch Linux time to local time
published: true
description: Adjust the time on Arch Linux clock to the current local time.
tags: Arch Linux, UTC
---

After updating my system, I found out that the system time being displayed was 1 hour ahead. In fact, I thought I was late for lunch only to realize that the clock was one hour ahead.

Looking through the internet, I came across many solutions that didn't work. However, this proved to work. After checking the `timedatectl` status:

```
$ timedatectl status
$ Local time: Tue 2018-04-03 15:02:23
  Universal time: Tue 2018-04-03 12:02:23 UTC
  RTC time: Tue 2018-04-03 12:02:23
  Time zone: Africa/Nairobi (EAT, +0300)
  System clock synchronized: no
  systemd-timesyncd.service active: no
  RTC in local TZ: no
```

Combing around, the simple fix was to run:

```
$ timedatectl set-ntp true
```

Boom! On the next clock tick, the time adjusted correctly.

### Motivation

You might face this issue if you update your Arch Linux to the latest release so in case you do, don't break a sweat :wink:
Memory management in Vulkan and DX12: slides are online
Tags: vulkan, memory, directx
Published: 2018-05-04 20:47:31

---
title: Memory management in Vulkan and DX12: slides are online
published: true
tags: vulkan,memory,directx
canonical_url: http://asawicki.info/news_1678_memory_management_in_vulkan_and_dx12_slides_are_online.html
---

Slides from my talk at Game Developers Conference (GDC) 2018: "Memory management in Vulkan and DX12" are now available online, as part of materials from **[Advanced Graphics Techniques Tutorial](http://www.gdcvault.com/play/1025458/Advanced-Graphics-Techniques-Tutorial-New)**. Access to this PDF is open to anyone, not behind GDC Vault paywall. I've put some additional information in "backup" slides at the end that I didn't show during my presentation. The slides are designed the way that you can learn from them even without seeing the talk.
I'm considering to use vim or neovim as my primary text editor. Any tips?
Tags: discuss
Published: 2018-04-03 09:35:49

---
title: I'm considering to use vim or neovim as my primary text editor. Any tips?
published: true
tags: discuss
---

I've been using VS Code as my primary text editor. Before, I have been using JetBrains's IDEs, Atom, and Sublime Text. I moved from IDEs to VS Code because a text editor is lighter than any IDE. I initially came from Atom. However, upon discovering and giving VS Code a shot, I was immediately hooked.

I've noticed that I'm using the terminal a lot these days. I wondered if I could use a terminal-based text editor instead. I think it makes perfect sense since I'm also using the terminal a lot. The text editor I have decided upon using is Vim. I also found out about Neovim minutes before I wrote this #discuss item. I think I'll use that instead of just vim.

So, any tips, things I should know, and/or fair warnings in using vim/neovim? What are your experiences in using any of the two?

Thanks! :)
Marketing Automation Made Easy with Devart SSIS Data Flow Components for Marketo
Tags: database, data, sqlserver, ssis
Published: 2018-04-03 07:48:09

---
title: Marketing Automation Made Easy with Devart SSIS Data Flow Components for Marketo
published: true
description: Devart has released new versions of SSIS Data Flow Components 1.7 with support for Marketo, a well-known cloud lead management and marketing automation solution. Now users can seamlessly integrate Marketo objects with other cloud applications and databases via the SQL Server Integration Services engine. 
tags: database, data, sqlserver, ssis
---

Devart, a recognized vendor of professional database management software for developers and DBAs, has released the new versions of SSIS Data Flow Components with support for Marketo. They allow users to integrate Marketo templates, subscribers, campaigns and many other objects with cloud applications and databases via SQL Server Integration Services (SSIS). The list of components includes optimized Marketo Source, Marketo Destination and Marketo Lookup components that provide their own Marketo Connection Manager. 

On the mission to make marketing automation fast and flawless, SSIS Data Flow Components for Marketo offer the following capabilities:

    • Building SSIS-based integration solutions for Marketo in the blink of an eye
    • No-brainer automating Marketo integration via SSIS Data Flow tasks
    • Handy importing and exporting CSV files to Marketo
    • Synchronizing Marketo with SQL Server or other data sources
    • And many more

To learn more about new SSIS Data Flow Component for Marketo, please visit https://www.devart.com/ssis/marketo.html

About Devart

Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration and backup solutions. The company also implements Web and Mobile development projects.

For additional information about Devart, visit https://www.devart.com/.
Preparing a course for junior developers
Tags: discuss, training, course, developers
Published: 2018-04-03 07:07:40

---
title: Preparing a course for junior developers
published: true
description: What are the key points for creating a course that will help developers becoming pros.
tags: discuss, training, course, developers
---

So, we have decided to create a course for junior developers that would go on for several weeks. The point is to introduce them to newest technologies that are used on real projects and show them the best practices in software engineering. While previously I had several presentations and short-term workshops, I am still a bit struggling about how to conduct it so that it will bring value to the participants.

I have identified several things like:
- prepare all prerequisites (environment, materials, Git repository)
- work with smaller groups (or have additional help with overcoming impediments)
- don't over-flood people with information
- if possible select participants (so that everyone starts on the same level)
- be friendly, try to motivate instead of just stating facts

Anyhow, I would like to start a discussion on what *you* think are the key points for successful course. If you have any tips to share, please don't hesitate ;).
The future of the web?
Tags: commentary, webassembly, frontend
Published: 2018-04-03 06:26:20

---
title: The future of the web?
published: true
description: About web components and WASM 
tags: #commentary #wasm #frontend
cover_image: https://images.pexels.com/photos/1389101/pexels-photo-1389101.jpeg
---

This is a short commentary to hopefully start a conversation around this.
I believe that web components and WASM are the future of the web and that tools like Angular and React will become less relevant in the future.

Your thoughts?
Is there a sweet spot between SEO and DRY for site headers?
Tags: discuss, frontend
Published: 2018-04-02 23:25:45

---
title: Is there a sweet spot between SEO and DRY for site headers?
published: true
description: Trying to figure out sweet spot between SEO and DRY
tags: discuss, front-end
---

**Smart peeps** - so, I have a question for you. Here's a hypothetical situation: 

## Situation
You have done it, you have built a website. Cleverly, you have a partials folder with a header and footer and you just include that on every page. But, now every single page has the same meta tags. This makes the search engine algorithms push your site into the *land of boring repeat content* - not good.

## Solutions? <- this is where I want to put your thoughts!!!
**NOTE: I will update this Solutions section with great answers from you guys!** 
 
### Jekyll
I have addressed this in jekyll for static sites by including liquid tags in the header that draws directly from the YAML during the build process. It is smooth and easy.

In the /includes folder, I have a file called 'head.html' that is constructed like so:
```html
<head>
  <!-- other head meta stuffs like width and utf-->

  <title>{{ site.name }}{% if page.title and page.url != "/" %} | {{ page.title }}{% endif %}</title>
  <meta name="description" content="{% if page.description %} | {{ page.description }}{% else %}{{ site.description }}{% endif %}">

   <!-- other head stuffs like twitter and css -->
</head>

```

This 'head.html' is included as part of most page layouts in the /layouts folder, like so (this is 'default.html':

```html
<!DOCTYPE html>
<html>
  {% include head.html %}
  <body>
    {% include header.html %}

    <div class="page-content">
      <div class="wrapper">
        {{ content }}
      </div>
    </div>
    {% include footer.html %}
  </body>
</html>
```
And then, in the pages, I can use YAML, like so:
```md
---
layout: default
title: space invaders in the wild
permalink: /spaceinvaders/
description: a gallery of space invaders that I have seen
img: somedir/genericspaceinvader.png
---
## My super duper header
My super duper content
```
Now, this page will show up (to search engines...and eventually other humans) with the meta like:
```html
  <title>ME: space invaders in the wild</title>
  <meta name="description" content="a gallery of space invaders that I have seen">

```

Perhaps not the best for SEO, but not the same as all 20,000 other pages showing up as : 'Me' with a description of 'my description' or whatever. 


 
### How do you do it for other sites? Is there a similar approach?