teleren/devto huggingface dataset:
Basic React Hooks
Tags: javascript, react, hooks, examples
Published: 2018-12-14 18:26:24

---
title: Basic React Hooks
published: true
description: How to Use Basic React Hooks
tags: JavaScript, React, Hooks, Examples
---

## State and Effects:
[React State Hooks Ex 01](https://stackblitz.com/edit/react-state-hook-01)
[React State Hooks Ex 02](https://stackblitz.com/edit/react-state-hook-02)
[React State Hooks Ex 03](https://stackblitz.com/edit/react-state-hook-03)
[React State Hooks Ex 04](https://stackblitz.com/edit/react-state-hook-04)
[React State Hooks Ex 05](https://stackblitz.com/edit/react-state-hook-05)
[React State Hooks Ex 06](https://stackblitz.com/edit/react-state-hook-06)
[React State Hooks Ex 07](https://stackblitz.com/edit/react-state-hook-07)
[React State Hooks Ex 08](https://stackblitz.com/edit/react-state-hook-08)
[React State Hooks Ex 09](https://stackblitz.com/edit/react-state-hook-09)

## Context:
[profile-no-context-api](https://stackblitz.com/edit/profile-no-context-api)
[profile-with-context-api](https://stackblitz.com/edit/profile-with-context-api)
[profile-usecontext](https://stackblitz.com/edit/profile-usecontext)
[profile-with-context-api-functional-provider](https://stackblitz.com/edit/profile-with-context-api-functional-provider)
[profile-with-usecontext-and-functional-provider](https://stackblitz.com/edit/profile-with-usecontext-and-functional-provider)
[profile-with-usecontext-and-buttons-extracted](https://stackblitz.com/edit/profile-with-usecontext-and-buttons-extracted)

## Reducer:
[Todos Reducer](https://stackblitz.com/edit/todos-usereducer)
Learn to Build Decentralized Applications In an Hour: Introducing ‘Zero-to-Dapp’
Tags: dapps, technical, blockchain, documentation
Published: 2019-01-05 01:45:02

---
title: Learn to Build Decentralized Applications In an Hour: Introducing ‘Zero-to-Dapp’
published: true
tags: Dapps,Technical,blockchain,docs
canonical_url: 
---

Learning to build a decentralized blockchain application doesn’t have to be difficult or time-consuming for developers. Using languages and frameworks they already know, Blockstack makes it easy to build decentralized applications that protect privacy, are inherently more secure, provide data portability, [and more](https://blockstack.org/what-is-blockstack/).

To help make getting started even easier, we’re introducing the [‘Zero-to-Dapp’ tutorial. ](https://docs.blockstack.org/develop/zero_to_dapp_1.html)The tutorial is a step by step sequence designed to help developers quickly understand the Blockstack platform, the benefits of decentralized architecture, and create a working decentralized application, all in just about an hour.

While working through the Zero-to-Dapp tutorial, developers will create a multi-page web app called ‘Animal Kingdom’. In the course of building the application developers without previous blockchain or decentralized application experience will:

- Learn how decentralized applications (Dapps) are different from traditional web or mobile apps.
- Explore the Blockstack Ecosystem and its powerful platform capabilities.
- Discover the potential resources available through App Mining.
- Build a multi-page web dapp using standard front-end frameworks.
- Deploy and publish your application

In addition to learning a new approach and platform, developers who complete the Zero-to-Dapp tutorial and submit it to [App.co](https://app.co) get a free limited edition t-shirt (pictured below).

As you begin building we welcome you to join the Blockstack community, you can connect with thousands of other developers and the Blockstack PBC team via [Slack](http://chat.blockstack.org/) and the [Forum](https://forum.blockstack.org/).

[Start Now](https://docs.blockstack.org/develop/zero_to_dapp_1.html)

 

![zero-to-dapp](https://blog.blockstack.org/wp-content/uploads/2018/12/image_preview-9.png)

 

The post [Learn to Build Decentralized Applications In an Hour: Introducing ‘Zero-to-Dapp’](https://blog.blockstack.org/learn-to-build-decentralized-applications-in-an-hour-introducing-zero-to-dapp/) appeared first on [Blockstack Blog - Blockstack](https://blog.blockstack.org).
What do bloggers get from reading other people's blog ?
Tags: discuss, blogging
Published: 2018-12-14 16:50:31

---
title: What do bloggers get from reading other people's blog ?
published: true
description: What do bloggers get from reading other blogs?
tags: #discuss #blogging
---

What do bloggers get from reading other people's blog ?

I just started blogging lately, Tech blogging is kinda of life goal for me and i want to get better at it.

I set a goal for myself to read 5 articles per day to familiarize myself with writing and get experience and inspiration from other writers.

Sometimes i don't feel like reading and i just skim through the 5 blogs to convince myself i am still on track.

I just wonder how important is it.

I suppose i just have to read them even if i dont feel like it to get better at writing.

Anyway, How do you guys feel about this ?
Angular Component Subscription vs. AsyncPipe: Use Pipes When Possible
Tags: angular, angular2, observable, rxjs
Published: 2018-12-14 14:41:07

---
title: Angular Component Subscription vs. AsyncPipe: Use Pipes When Possible
published: true
description: Advice on writing cleaner reactive and asynchronous Angular code.
tags: angular, angular2, observable, rxjs
canonical_url: https://blog.eyas.sh/2018/12/use-asyncpipe-when-possible/
---

I typically review a fair amount of Angular code at work. One thing I typically encourage is using plain `Observable`s in an Angular Component, and using [`AsyncPipe`](https://angular.io/api/common/AsyncPipe) (`foo | async`) from the template html to handle subscription, rather than directly subscribing to an observable in a component TS file.

# Subscribing in components

Unless you know a subscription you're starting in a component is very finite (e.g. an HTTP request with no retry logic, etc), subscriptions you make in a Component must:

1. Be closed, stopped, or cancelled when exiting a component (e.g. when navigating away from a page),
2. Only be opened (subscribed) when a component is actually loaded/visible (i.e. in ngOnInit rather than in a constructor).

# `AsyncPipe` can take care of that for you

Instead of manually implementing component lifecycle hooks, remembering to subscribe and unsubscribe to an Observable, `AsyncPipe` can do that for you.

[See code examples and the full post here.](https://blog.eyas.sh/2018/12/use-asyncpipe-when-possible/)
Pragmatic Programming
Tags: devtips, pragmatic, learning
Published: 2018-12-14 16:27:37

---
title: Pragmatic Programming
published: true
description: Learn about some "soft" skills that can make you a better programmer.
tags: DevTips,Pragmatic,Learning
---

Watch the video to learn tips that will help you become a better programmer regardless of the tool you use. Topics include: understanding your tools, defensive programming, flexible programming, thinking before and while you code, up-front planning, and working with teams.
IBM DB2 for Developers
Tags: db2, development, linux
Published: 2018-12-14 14:32:10

---
title: IBM DB2 for Developers
published: true
description: DB2 download for developers
tags: db2, development, linux
---

IBM DB2 11.1 is freely available for development.

There are many editions, but I recommend _IBM Db2 Developer-C_ that is full featured and compatible with the commercial offering. There are some limitations of database size and memory usage, but it should be more than enough for development.

https://www.ibm.com/us-en/marketplace/ibm-db2-direct-and-developer-editions

If you want to download only the DB2 JDBC drivers see: {% link https://dev.to/adzubla/db2-jdbc-driver-2hif %}
Explain DB2 query
Tags: db2, explain, sql, optimization
Published: 2018-12-14 14:21:42

---
title: Explain DB2 query
published: true
description: How to run db2expln and db2advis
tags: db2, explain, sql, optimization
---

Write your SQL query to a file `query.sql` using the schema name in all tables.

```
db2expln -database DATABASE -t -g -terminator ';' -f query.sql
```
The `db2advis` can suggest some indices for the query:
```
db2advis -d DATABASE -i query.sql
```
DB2 JDBC driver
Tags: db2, jdbc, driver
Published: 2018-12-14 14:08:38

---
title: DB2 JDBC driver
published: true
description: How to check the version of a DB2 driver jar file or download it
tags: db2, jdbc, driver
---

Go to the folder where the `db2jcc4.jar` is located and execute:
```
$ java -cp db2jcc4.jar com.ibm.db2.jcc.DB2Jcc -version
IBM Data Server Driver for JDBC and SQLJ 4.25.13

```

If you need to download only the DB2 driver: https://www-01.ibm.com/support/docview.wss?uid=swg21363866
Uninstall Visual Studio extension from the command line
Tags: visualstudio, visualstudio2017, visualstudio2019
Published: 2019-08-31 12:12:25

---
title: Uninstall Visual Studio extension from the command line
published: true
tags: Visual Studio,Visual Studio 2017,Visual Studio 2019, visual studio
canonical_url: https://jessehouwing.net/visual-studio-uninstall-extension-from-the-commandline/
---

> The process below still uses OzCode as an example, but the problem has since been resolved. It turned out to be the way OzCode interacted with Resharper. OzCode was able to reproduce the issue after providing a trace captured with dotTrace.

 ![Uninstall Visual Studio extension from the command line](https://jessehouwing.net/content/images/2018/12/trashcan.jpg)

After installation of Visual Studio 2019 preview, it wasn't able to start after installing all my favorite extensions. The primary candidates for the freeze were Resharper and OzCode. Resharper has an installer which allows me to uninstall the extension, but OzCode is a vsix extension and if you don't know how, can only be uninstalled from the Extensions window in Visual Studio itself. With Visual Studio freezing on start-up, that's not an easy thing to do.

There is an alternative, you can use `vsixinstaller` to uninstall extensions from the commandline. The steps are as follows:

1. Find the vsix file you used to install the extension
2. Open it in your favorite archiver (mine is [7-zip](https://www.7-zip.org/))
3. Grab the extension's GUID from the `extension.vsixmanifest`.
4. Run `vsixinstaller /u:GUID` to remove the extension from a Developer Command Prompt.


![Uninstall Visual Studio extension from the command line](https://jessehouwing.net/content/images/2018/12/image-1.png)<figcaption>Find the Visual Studio Extension identifier for an extension</figcaption>



![Uninstall Visual Studio extension from the command line](https://jessehouwing.net/content/images/2018/12/image-2.png)<figcaption>Remove the extension</figcaption>


Photo credit: [Lore](https://www.flickr.com/photos/vollefolklore/3691933988/).
What are your CLI go to commands and aliases?
Tags: discuss, cli
Published: 2018-12-14 12:57:16

---
title: What are your CLI go to commands and aliases?
published: true
description: 
tags: discuss, cli
---

I realized that I have a bunch of CLI go to commands and aliases that speed up my productivity and was wondering what others use.

A few of my favs:

* `history | grep 'something'` - for finding a command I ran in the past
* `zz` - opens up ~/.zshrc for editing
* `wpd` - uses my local PHP version to run WP CLI so I can use XDEBUG on the CLI

What are your aliases and CLI goto productivity commands?
Firebase to GraphQL: Migrating your Database
Tags: graphql, firebase, tutorial
Published: 2018-12-14 12:15:48

---
title: Firebase to GraphQL: Migrating your Database 
published: true
description: I migrate a Web App backend from a Firebase Real Database to the Hasura GraphQL Engine. The Web App is built with Vue.js in the frontend.
tags: graphql, firebase, tutorial, javascript
---

Hello! 
I noticed that so many web apps use Firebase as their backend service. I found [firebase2graphql](https://github.com/hasura/graphql-engine/tree/master/community/tools/firebase2graphql), a CLI tool to help you try realtime GraphQL on your firebase data. It takes data exported from firebase and imports it into Postgres via Hasura GraphQL engine. 


{% link https://dev.to/malgamves/migrations-on-the-hasura-graphql-engine-heroku-to-digital-ocean--3b3c %}

I had to build an app from scratch for this, it really helped cement a lot of GraphQL operations because you have to configure the app to display data the GraphQL way when changing from Firebase. Have a look at the video

{% youtube E7fbcu2IT3k %}


Let me know if this was useful for you and if you'd be looking to migrate.
We wrote an extensive beginner's guide to scrum meetings
Tags: productivity, meetings, scrum
Published: 2018-12-14 12:01:18

Developers get roped into way too many meetings.

And most of them are obviously frustrated by it.

Teams that follow scrum have several meetings that help them build complex products faster and with great quality.

But the thing is, most of us hate meetings for various reasons - from unplanned agendas to "why am I in this meeting", we've heard them all.

Sure, you need to mould this process according to your team. But a lot of times teams end up changing far too many things and end up going back to square one - too many meetings and pissing off developer teams.

So, we decided to write an in-depth guide that goes through the what, who, how long, and a few best practices. 

[Here's the link to the guide](https://zepel.io/agile/scrum/meetings/).

I'd be happy to take in your feedback and improve on the guide so others can benefit from it.
Somebody else’s problem
Tags: development, programming, code, codecraft
Published: 2018-12-14 12:18:53

---
title: Somebody else’s problem
published: true
tags: development,programming,code,codecraft
canonical_url: https://craignicol.wordpress.com/2018/12/14/somebody-elses-problem/
---

Sometimes dividing tasks creates inefficiency. When one person both cooks and cleans, they tend to create less washing up than if the tasks are divided, because washing becomes “somebody else’s problem”. However, when one person washes and the other dries, the load is equivalent. This setup can be prone to stoppages when the drainer is empty and the washer is trying to get that stubborn burnt bit off the pan, at which point any good ToC practitioner will ask the drier-upper to help with the washing to maintain throughput.

When teams are divided by layer instead of features, the interface between them becomes a fracture because each team has context missing from the other. Data has the wrong shape, validation requires fields that can’t be captured. If you build both sides, the transition is smooth.

When developers test, they can focus on smaller, independent chunks, which means fewer tests with greater coverage. Writing integration tests for complex calculations is painful and slow. Testing those same calculations as an xUnit Theory is cleaner and faster.

Specialists are great, but where is specialisation causing fractures and more work?
Devart dbExpress Drivers with Support for RAD Studio 10.3 Rio Released
Tags: delphi, dataaccess, dbexpressdrivers
Published: 2018-12-14 06:50:53

---
title: Devart dbExpress Drivers with Support for RAD Studio 10.3 Rio Released

published: true
description: Devart presented the updated versions of dbExpress drivers with support for RAD Studio 10.3 Rio.
tags: delphi, data access, dbexpress drivers

---

Devart, a recognized vendor of database connectivity solutions for Embarcadero Delphi and Microsoft .NET development platforms, as well as database development and management software, has released the new versions of dbExpress drivers. dbExpress drivers are thin and simple data-access layers with fast access to various databases.

**An update includes the following cutting-edge features:**
-RAD Studio 10.3 Rio support
-The latest server version 18c is now supported in dbExpress driver for Oracle
-Now users can use OS authentication in the Direct mode
-PostgreSQL 11 and PostgreSQL 10.1 are supported in the new driver version
-Support for Windows authentication and MARS in the Direct mode in dbExpress driver for SQL Server
-Loading of the default client library for 64-bit applications is significantly improved in dbExpress driver for InterBase and Firebird
-Since the latest update of dbExpress driver for SQLite, the Direct mode is based on the SQLite engine version 3.20.0



**dbExpress** is a database-independent layer that defines a common interface to provide fast access to SQL database servers from Delphi and C++Builder on Windows and macOS. For each supported server, dbExpress provides a driver as an independent library that implements the common dbExpress interfaces for processing queries and stored procedures.

To learn more about the new versions of dbExpress drivers, please visit https://blog.devart.com/meet-dbexpress-drivers-with-support-for-rad-studio-10-3.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 http://www.devart.com/
Bit String
Tags: mathematics, discuss, article, discreetmathematics
Published: 2018-12-14 11:15:27

---
title: Bit String
published: true
description: Binary representation of sets.
tags: #mathematics #discuss #article #discreet_mathematics 
---
<img src="https://thepracticaldev.s3.amazonaws.com/i/bl8tjau4jy3g4mjvminm.png">


Hello there!!!! Hope you all doing great.

Today i'm going to write article on bit string i.e. bit representation of sets. Hope you will like it. So why we are waiting lets get started.

If we go through a example then we have to easy to understand bit string. So let's take a set X={0,1,2,3} so now if we have a set like set S={0,1} then here we can see both 0 and 1 is present on set X so bit string will be 11.Let's take another one if the element is not present in set e.g. set Z={1,4} so bit string will be 10.

Now come to main point.

From above example we can conclude that if a element is found inside the set then bit string will 1 otherwise 0. That's all about .

Hope you like it . See you in next article .

Good luck and happy coding.
EC-CUBE 4: 「データベースの設定」画面で「Malformed parameter "url".」エラー
Tags: eccube, symfony, dbal
Published: 2018-12-14 11:02:17

---
title: EC-CUBE 4: 「データベースの設定」画面で「Malformed parameter "url".」エラー
published: true
description: EC-CUBE 4.0.0 を Web インストーラーからインストールしていた時のことです。「データベースの設定」画面で、不可解なエラーに遭遇しました。EC-CUBE チームが対応してくださり、最新の 4.0.1 では解消されています。どうもありがとうございます。
tags: ec-cube, symfony, dbal
series: EC-CUBE On OpenBSD
---

[EC-CUBE](https://www.ec-cube.net/) 4.0.0 を [Web インストーラーからインストール](http://doc4.ec-cube.net/quickstart_install#web%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%A9%E3%83%BC%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%9F%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB) していた時のことです。
「データベースの設定」画面で、不可解なエラーに遭遇しました。

\* EC-CUBE チームが対応してくださり、最新の 4.0.1 では解消されています。どうもありがとうございます。

こういうこともあるのだな......と印象深かったため、備忘録として残します。

![database-registration](https://thepracticaldev.s3.amazonaws.com/i/u6o6uanawtwr5xnmu1wn.png)

「 **Malformed parameter "url".** 」（不正な形式の URL パラメーター）というエラーが、「次へ進む」を押下した時に発生しました。
エラーメッセージから原因を推測することは困難でした。
ホスト名その他の項目に対して、正しいつもりの値を設定して、何度かリトライしましたが、エラーを解消することができませんでした。

原因は **データーベースユーザーのパスワードに "#" が含まれていたこと** でした。
"%" や "!" が含まれていても問題ありませんでした。

Github の [Symfony/skeleton のイシュー](https://github.com/symfony/skeleton/issues/40) に、

> It is the # sign that is not recognized by PHP's parse_url() function as valid, this issue is not related to Symfony, but to Doctrine DBAL

というやり取りが残されています。

こちらが正しければ、EC-CUBE の不具合では無く、さかのぼって、
[EC-CUBE](https://github.com/EC-CUBE/ec-cube) -> [Symfony](https://github.com/symfony/symfony) -> [Doctrine DBAL](https://github.com/doctrine/dbal)
に起因する事象だったのかもしれません。

---

[EC-CUBE 4.0.0 のイシュー](https://github.com/EC-CUBE/ec-cube/issues/3928) が起票され、[対応](https://github.com/EC-CUBE/ec-cube/commit/bc47887833a631c95f6881a001b600f4a25d8bd7) が行われています。

![success](https://thepracticaldev.s3.amazonaws.com/i/g3s9ndg9zidqo562lp1c.png)

4.0.1 では "#" を含むパスワードを使用しても、インストールが成功するようになりました ☺️
fakestorejs a way to quiclky mock data
Tags: javascript, mock, api
Published: 2018-12-14 09:08:48

---
title: fakestorejs a way to quiclky mock data
published: true
description: 
tags: Javascript, mock, api
---

Hey, I've been working on a project now for a little more than a week, and I found it quite amazing, so if you guys want to check this out and give feedbacks your welcome !

I'm not really good with self promoting, but I would love to have some feedback, good or bad are really apreciated. 

About fakeStoreJS,
It provides a quick solution to mock data, usefull when doing test or in developement mode when there is no access method to a database yet.

ps: it's is also possible to persist the data (-: #realDataBase?

npm=> https://github.com/FabienGreard/fakeStoreJs
github => https://www.npmjs.com/package/fakestorejs

original post on [fabiengreard.com](https://fabiengreard.com/fakestorejs-a-way-to-quickly-mock-data/)
State of JS 2018
Tags: javascript, 2018
Published: 2018-12-14 08:54:57

---
title: State of JS 2018
published: true
description: 
tags: js, javascript, 2018
---

[link-->](https://2018.stateofjs.com/)

A cool site for JS.

![](https://thepracticaldev.s3.amazonaws.com/i/qzsxqpnkokm2a8by8fjd.png)
Developers Senior Class - Episode 2 - Some actual code
Tags: showdev, tutorials, classes
Published: 2018-12-14 08:32:03

---
title: Developers Senior Class - Episode 2 - Some actual code
published: true
description: This series of episodes follows me through a real project that we will really publish for real users! Long episodes, lots of architecture, as real world as possible.
tags: showdev, tutorials, classes
---

# Overview

Follow me as I try to build a digital version of a physical board game! This is a long-form series (1 hour per episode, approximately) with little to no editing. The intent is to end up with a project that we can actually publish and use together! You will see me try, test, fail, think and hopefully succeed in the end.

This is *not* a series about simpler or beginner concepts in bite sized formats.

Your feedback is warmly welcome.

Please help me out! Share the video, like it, tweet about it, etc...

Source code lives at: [https://github.com/spirodonfl/machi-koro](https://github.com/spirodonfl/machi-koro)

If you want to view this video on YouTube then just [click here](https://youtu.be/dnahBijpizA)
Do people still use Semantic HTML?
Tags: discuss
Published: 2018-12-14 07:55:47

---
title: Do people still use Semantic HTML?
published: true
description: Where did semantic html go?
tags: #discuss
---

It occurred to me recently that I rarely, if ever, see Semantic elements in code examples any more. Is it still a part of peoples workflow? Does it even still exist as a thing?
[Semantic HTML w3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp)
[MDN](https://developer.mozilla.org/en-US/docs/Glossary/Semantics)
Okay! We need to discuss "Google's congressional hearing"
Tags: discuss, google, webdev
Published: 2018-12-14 05:52:34

---
title: Okay! We need to discuss "Google's congressional hearing"
published: true
tags: discuss, google, webdev
---

Google's congressional hearing occurred on 11 Dec. Here are the few highlights:


{% youtube Oqw81WF_eqw %}


{% youtube -nSHiHO6QJI %}


What are your thoughts about it?

In case, You want to listen whole hearing.

{% youtube 8qS7eyUo_uk%}