teleren/devto huggingface dataset:
Building The Materialize Engine For Interactive Streaming Analytics In SQL - Episode 112
Published: 2019-12-24 00:01:47

<p>Transactional databases used in applications are optimized for fast reads and writes with relatively simple queries on a small number of records. Data warehouses are optimized for batched writes and complex analytical queries. Between those use cases there are varying levels of support for fast reads on quickly changing data. To address that need more completely the team at Materialize has created an engine that allows for building queryable views of your data as it is continually updated from the stream of changes being generated by your applications. In this episode Frank McSherry, chief scientist of Materialize, explains why it was created, what use cases it enables, and how it works to provide fast queries on continually updated data.</p><p><a href='https://www.dataengineeringpodcast.com/materialize-streaming-analytics-episode-112/'>Listen Now!</a></p>
PSA about systemd
Tags: linux, news
Published: 2019-12-24 03:16:15

Hello everyone,

 This is my first post and I hope is a useful one.

For those new to Linux, you may heard about Debian voting on the init system, if you haven't, good for you, you may skip the rest, have a nice day :) .

If you already know what systemd is, you can also can skip the rest and have a nice day too.

How am I doing so far? I already lost 80% of the readers.

I think this post is for the rest of you, you just got your first install or have been blissfuly unaware of all this init system debacle.

TLDR: the whole thing doesn't matter until it does and that will probably be never, so stay blissfuly ignorant of the matter.

For the last 1% of the readers, good for you. Those who are interested in the inner workings of the system have a wonderful journey ahead of you, but beware, there are some unworthy battles out there and I'm afraid this is one of those. These init system discussion lost it's technical value long ago and now is almost a religious one. If you want to learn something about it, avoid all things "Vs" or "best" or "comparisons", just go to the individual descriptions and technical inner workings.

The Linux community can be a wonderfully passionated bunch and as such, can be vicious sometimes, we have to take the bad with the good I guess. So my advice is, don't get involved, these discussion at this point has very little nutritional value.

Have a nice day.
Quick Tutorial - Routing with React
Tags: react, tutorial, javascript
Published: 2019-12-24 22:57:34

So you built that beautiful web app, Man and God were pleased with it, but whenever you try to route your app using the anchor tag, you lose all your App data, and you wonder why, maybe the gods aren't pleased after all? Probably not, using an anchor tag generally fetches a fresh version of your html file(short version) and to route in react you would have to use a package called react-router-dom. First you need to install the package, on your command prompt/terminal run
```javascript
npm install --save react-router-dom
```
then import the package into your app
```javascript
import {BrowserRouter, Route, Link} from 'react-router-dom'
```
So now to create your components that you want to route between

```javascript
const Homepage = () => {
return(
<div>This is hoempage</div>
<Link to="/aboutus" class="button primary">Click to go to About Us</Link>
)
}
const AboutUs = () => {
return(
<div>This is About Us
<Link to="/" class="button primary">Click to go to back home</Link>
</div>
)
}
```

```javascript
const App = () => {
<div>
<BrowserRouter>
<div>
<Route path="/" exact component={Homepage}></Route>
<Route path="/aboutus" component={AboutUs}></Route>
</div>
</BrowserRouter>
</div>
}
```

now you can route between pages, you might be wondering what the exact keyword is doing there, well it has to do with the way the BrowserRouter works, it creates an object called history which keeps track of the current url the user is visiting and uses it to also update the url as a user switches from 1 component to another and the way it works is, it queries the url and compares to the path that user is trying to visit and if it finds an occurrence in that path it renders the component, for example you are trying to access /aboutus, the BrowserRouter takes a look at the first route and checks if it contains "/", in this case it, does, so it renders it. To avoid this behavior, we add the exact attribute to the route to tell the Router that this component should only be rendered if the url is exactly '/'

You can copy out this code and play around with it, to learn more about the behavior of the react router :)
Complementary DNA
Tags: codewars, typescript
Published: 2019-12-24 14:27:10

Hey,
<p>
  As a codewars beta member I just completed training on the "Complementary DNA" kata. <a href="www.codewars.com/r/VHz6ew">Take the initiation</a> to join me and start training too!
</p>
<p>
  If you are a member already <a href="http://www.codewars.com/kata/554e4a2f232cdd87d9000038/train/typescript">click here</a> to train on "Complementary DNA".
</p>
Bowling Game Kata in JavaScript
Tags: javascript, tdd, kata, beginners
Published: 2019-12-24 14:27:23

I created a video showing the Bowling Game Kata in JavaScript. This is a kata originally created by Uncle Bob Martin. I wanted to show the kata in JavaScript. This is a great kata to do when learning TDD, a new language, or practicing using your editor more efficiently. Thanks for watching!

{% youtube brahHchaegc %}
Flask Admin Dashkit – a beautiful web app coded on top of Bulma CSS
Tags: flask, bulma, appseed
Published: 2019-12-24 15:53:26

---
title: Flask Admin Dashkit – a beautiful web app coded on top of Bulma CSS
published: true
description: Python admin panel coded in Dashkit, a popular Bulma CSS kit
tags: flask, bulma, appseed
cover_image: https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-dashkit-pro-intro.gif
---

Hello coder, 

In this article, I will present a [beautiful Flask admin panel](https://appseed.us/admin-dashboards/flask-dashboard-dashkit-pro) coded on top of **Dashkit**, a popular UI Kit coded in [Bulma CSS](https://bulma.io/). 


![Flask Dashboard Dashkit PRO - App Screen.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-dashkit-pro-screen-1.png)

---

> Note: This is a **[commercial product](https://appseed.us/admin-dashboards/flask-dashboard-dashkit-pro)** built with automation tools by the AppSeed platform in **Flask** web framework.  

--- 

The product is a Python / [Flask admin dashboard](https://appseed.us/admin-dashboards/flask-dashboard-dashkit-pro), that comes with a basic set of features like authentication, database (SQLite, PostgreSQL), ORM, helpers and deployment scripts (Gunicorn, Docker) on top of Dashkit, a modern UI kit crafted in **[Bulma CSS](https://appseed.us/apps/bulma-css)** . App Features:

- UI Kit built-in **Bulma CSS**, a beautiful and modern CSS framework
- Web App framework: **Flask** 
- Session-based authentication (login register), dual setup database (SQLite for development and PostgreSQL for production), ORM, modular codebase (via blueprints) and deployment scripts (Gunicorn, Docker). 
- 24/7 Live support via Discord, eMail, and Github
- A **super discounted price**

Regarding the coding workflow, the app is generated using automation tools, and for curious minds, there is an article published here on Dev platform: 

[I’ve built 100+ open-source apps with automation tools](https://dev.to/sm0ke/100-open-source-apps-built-with-automation-tools-3jmj)

--- 

## App Screenshots

![Flask Dashboard Dashkit PRO - App Screen.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-dashkit-pro-screen-2.png)

<br />

![Flask Dashboard Dashkit PRO - App Screen.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-dashkit-pro-screen-3.png)

<br />

![Flask Dashboard Dashkit PRO - App Screen.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-dashkit-pro-screen-4.png)

<br />

## Resources

- [Flask Dashkit PRO](https://appseed.us/admin-dashboards/flask-dashboard-dashkit-pro) - the product page
- [Flask Dashkit PRO](https://www.youtube.com/watch?v=C-jKyXd3c28) - yTube video presentation
- More [Bulma CSS Apps](https://appseed.us/apps/bulma-css)- provided by the AppSeed platform

<br />

---

> Thank you!
QuickLinks
Tags: node, javascript, heroku, express
Published: 2019-12-25 08:02:03

---
title: QuickLinks
published: true
description: https://quick-links-app.herokuapp.com/dashboard
tags: NodeJS, JavaScript, Heroku, ExpressJS
---

This application will provide you a homepage for quickly accessing your favorite sites. Google Chrome does provide this option but unfortunately it is limited to 10 websites only. Using Quicklinks you can practically store unlimited number of links for quick access. 

Repository - https://github.com/boudhayan-dev/QuickLinks
Application - https://quick-links-app.herokuapp.com/dashboard

Feedback welcome !
I took a break to fight burnout
Tags: burnout, career
Published: 2019-12-25 12:57:34

---
title: I took a break to fight burnout
published: true
description: 
tags: burnout,career
cover_image: https://s3.amazonaws.com/aviaryan/email/burnout-header.jpeg
---

Burnout. Chances are, most of you are familiar with it. But for someone new to this career, an introduction is due.

Burnout is a state of mental, physical and emotional exhaustion. Often you don’t realize when it starts happening. Finding why it is happening is even harder. It is very common in our field of work.

Our jobs require us to work from a computer, 8 hours a day, 5 days a week. Humans weren’t like this until the last 150 years or so. So a 9-5 office desk schedule is un-natural. But that’s not it.

Our work can get repetitive over time. This creates boredom and lethargy. It can also get challenging at times, leaving us mentally exhausted after a full day of work. If many such days go by, the mental damage compounds.

Similarly, our work requires minimum physical movements. This creates a feedback loop of reducing physical movements. Soon we find ourselves not wanting to do large physical movements. This tricks us into thinking we are physically exhausted.

If you are a remote worker, the lack of human interaction can make you socially inept. Humans are social creatures. Lack of social interactions makes us feel emotionally drained.

So burnout is inevitable in this career. Learning to recognize it or avoid it altogether is KEY.

I realized I was getting into a similar situation recently. So I decided to take a 7-day leave. I did no work at that time. This worked wonders. I felt recharged and was looking forward to getting back to work by the 4th day. After coming back, the results spoke for themselves.

So if you feel similar, take a break. Try a 2-day complete disconnect from work for starters. I am sure it will help you. If it doesn’t, try a longer break.

There are also ways to reduce burnout on a day to day basis.

You can join a gym or put something physical into your routine. This will help you act more like humans from 150 years ago, tricking your brain into feeling more okay.

You can also start a hobby apart from work. A hobby which doesn’t involve computers. Think gardening, cooking, playing music.

Competing in a sport or activity works even better. Since you are competing, you want to win. You will be 100% attentive when you do that activity. This guarantees that you will disconnect from work, giving you a proper break.

These are my top tricks to beat burnout. What are you doing to beat this devil?

---

> First published in [my newsletter](https://aviaryan.com/letters/fighting-burnout).
How I Implemented the Dark Mode on My Website
Tags: html, css, javascript
Published: 2019-12-26 11:01:28

_**This post was originally published on [francoscarpa.com](https://francoscarpa.com/articles/darkmode/).**_

[francoscarpa.com](https://francoscarpa.com) can be displayed in clear and dark mode. Clear mode is suitable when you are in a bright environment, and dark mode is best when the light around you is low, since it is less tiring on the eyes. You can switch between the two modes using the button at the top. When you change the mode, it is stored as a preference and maintained for each subsequent visit, until you change it. I’ll explain how I implemented this feature.

## The Button

I wrote the button’s code from scratch. It is an SVG, which consists of a rectangle with rounded edges and a circle. I was inspired by the [iOS Switches](https://developer.apple.com/design/human-interface-guidelines/ios/controls/switches/). I like them as they are simple to emulate. When the button is disabled, its background is gray and the circle is on the left. When it’s enabled, the rectangle’s background turns green and the circle moves to the right. Visual feedback is also provided through animations, which improves UX due to the sense of transition perceived as the button status changes.

The HTML code that generates the button is this:

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/590b712drc3qjz6t65br.png)

An `onclick()` event is connected to the circle. The button is activated only by pressing the circle, not the surrounding rectangle. This is why it may seem that the button does not work when you press it. Therefore, you must click on the circle.

## The JavaScript Code

Operation of the mode change is based on this code:

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/kuvazxv4cc16ovtcse53.png)

The `toggleTheme()` function manages the transition from one mode to another, alternating between the two. A couple of variables store the `html` element and the button. The final `if`-statement is necessary to save the currently selected theme upon exiting the current page. It would be annoying to visit a different page and later return to the default clear theme. The option to save settings is possible thanks to the Web Storage API, in particular the localStorage mechanism, which provides persistent storage space for each site. The preferences are maintained even when you leave the site and return to it later. Therefore, through this API, not only is the current theme maintained by navigating through the various pages, but also the last selected theme is shown when you visit the site at a later time.

The `toggleTheme()` function updates the theme to be displayed by calling the setItem() method, which allows you to store couples of values. Since the light theme is set by default, to check if the dark theme should be provided instead, the final `if`-statement is responsible for calling the getItem() method to read the value. The function code is executed each time a page is loaded; this way the appropriate theme is shown every time you visit francoscarpa.com.
Article Exposure
Tags: meta
Published: 2020-01-01 02:37:56

Producing content whether it is source code or articles, obtaining consumers requires some advertising to reach an interested audience.

I've created content on dev.to for the last year. It provides a small amount of advertising with a recent article feed and tags. New signups also get a suggestion to follow recent contributors, this is where the majority of the followers I get.

# Reading Articles 

As a consumer of content I find it hard to determine good authors to follow. Reading one of their good articles does not mean they generally write in topics of my interest. If I don't look at the author I won't notice pattern of reading articles from the same author. 

For this reason I try to look at the profile of authors with good articles. This way I can identify if the pattern of articles is relatively capturing my interest. 

# Producing Content

So now I have some followers, many of which may have little interest in my content.

I have about 100 articles. New followers are unlikely to find articles in the group they are interested in. Searching by tag and author does not appear possible.

Dev.to provides article pining on the profile. This can help, but is not the quite the same as it highlights my interests.

# Historical Content

My previous articles become a place of reference. Both to use in response and recollection of commands.

 https://year-in-dev.cephhi.com/stats/jessekphillips
Anyone persists to study new tech and try to implement it?
Published: 2019-12-27 04:57:12

---
title:   Anyone persists to study new tech and try to implement it?
published: true
description: 
tags: 
---
---


 I always keep updated with new tech by reading it. But my weakness is not applying. Reading only is not make you understand it. I work as an Android Developer and lately my project now is to use all new tech as possible. Like MVVM, Observable Field, LiveData and it are all new to me!! There is a lot of things I don't complished it yet like understanding dependency injection using Dagger, RxJava, and Kotlin.

Sometimes, I have a bad habit like don't want to use or don't want to know or care any more about new tech. I just want to use my style or traditional way. So now there is a lot of things to catch up and study and apply new tech.

As a programmer or in the IT field, we cannot run from new tech. Whoever late behind, surely there is a lot of things to do.

1. Don't just study and read it. Try applying it even in the basic example.
2. Don't just copy and paste it. Try to type as possible cause you will notice any error and for your understanding.







 android 
---
edotel1
Tags: replit, html, css, javascript
Published: 2019-12-27 08:25:04

Data Coding
-index.html
pembuat = (361955401054_Ahmad Mahdan Aziz) dan (361955401040_Devis Alfian Rhamadhani).
-product.html
pembuat = (361955401040_Devis Alfian Rhamadhani).
-product2.html
pembuat = (361955401042_Ayu Irma Wardani).


{% replit @361955401040/Edotel1 %}
Entity Developer & dotConnect Providers Now Support Entity Framework Core 3.1
Tags: dotconnect, microsoft, database, dotnet
Published: 2019-12-27 10:58:58

---
title: Entity Developer & dotConnect Providers Now Support Entity Framework Core 3.1
published: true
description: Devart has recently introduced a significant update for the range of its products. Entity Developer and dotConnect ADO.NET data providers now offer the support for Entity Framework Core 3.1
tags: dotConnect, Microsoft, database, dotnet
---
*Devart has recently introduced a significant update for the range of its products. Entity Developer and dotConnect ADO.NET data providers now offer the support for Entity Framework Core 3.1*

Devart, a recognized vendor of professional database management software for developers and DBAs, announced the release of the new versions of [dotConnect ADO.NET data providers](https://www.devart.com/dotconnect/), and [Entity Developer](https://www.devart.com/entitydeveloper/), an ORM model designer and code generation tool. The new product versions now support Entity Framework Core 3.1.

After Microsoft released Entity Framework 3 only for .NET Core 3 (.NET Standard 2.1), it caused certain criticism because of not supporting Full .NET Framework. Microsoft reacted to this criticism by making Entity Framework Core 3.1 compatible with .NET Standard 2.0, and thus, allowing developers to use it in projects, targeting Full .NET Framework as well as .NET Core.

Devart, in turn, supported Entity Framework Core 3 for Full .NET Framework in all of its ADO.NET providers with ORM support, as well as in Entity Developer. Both the Entity Framework 6 and Entity Framework 6.4 are also supported in these tools. To learn more about the recent release, please visit — https://blog.devart.com/entity-framework-core-3-1-support-in-dotconnect-providers.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/
I built A Woocommerce CRUD With ReactJs

Tags: react, wordpress, redux
Published: 2019-12-27 17:17:30

# WooCrud : Woocommerce CRUD

WooCrud is a ReactJs application for your WooCommerce store. It's ready to install on a dedicated server/platform/domain.

The application has a responsive easy to use interface for shop managers and can be used to **Show**, **Add**, **Edit** and **Delete** WooCommerce products.

## Examples

  
### Login - Products List
![Login - Products List](https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Login-Listing.gif)
### Add New Product
![Add New Product](https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Add-New-Product.gif)
### Quick Edit
![Quick Edit](https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Quick-Edit.gif)
### Advanced Edit
![Advanced Edit](https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Advanced-Edit.gif)
### Delete Product
![Delete Product](https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Delete-Product.gif)
### User Settings
![User Settings](https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-User-Settings.gif)

## Features

- Unique WooCommerce dashboard

- See a list of all products

- Add products

- Quick update products

- Advanced edit for products

- WYSWYG 

- Delete products

- Filter products by categories

- Create categories

- Create tags

- Up-Sells and Cross-Sells

- Preview live product

- Easy to use interface

- Modern Design

For more information and documentation: [GitHub](https://github.com/TR4HIM/woocrud).

This my first OpenSource Reactjs app, please check it and let me know what do you think.

Best,
Day 2 - LiveCoding Session with Heavy Drumming
Tags: showdev, video, music, ruby
Published: 2020-01-03 01:57:23


Day 2 of the Livecoding Music Session with Sonic Pi. Today, I decide to add more drum elements with a little more variance than yesterday's session. 

https://www.youtube.com/watch?v=AUHrS63l6h8&feature=youtu.be&t=321