teleren/devto huggingface dataset:
Adding custom toolbar buttons to Fulcro 3 Workspaces cards
Tags: clojure, fulcro, workspaces, react
Published: 2020-06-08 17:55:32

Recently I came across the problem that I wanted to use Workspaces' toolbar functionality - but with Fulcro 3 cards. There is no official documentation of doing this, so I ended up taking the standard Fulcro 3 card as a base and creating this custom card.
I used the following imports:
```clojure
(ns util
  (:require [com.fulcrologic.fulcro.algorithms.merge :as m]
            [nubank.workspaces.core :as ws]
            [nubank.workspaces.model :as wsm]
            [nubank.workspaces.ui :as ui]
            [nubank.workspaces.ui.core :as uc]
            [com.fulcrologic.fulcro.dom :as dom]
            [nubank.workspaces.card-types.fulcro3 :as ct.fulcro]))
```
And created this card:
```clojure
(defn custom-toolbar-card [fulcro-class & {::keys [toolbar-items card-width card-height] :as props}]
  {::wsm/card-width card-width
   ::wsm/card-height card-height
   ::wsm/align {:flex 1}
   ::wsm/init
   (fn [card]
     (let [fulcro-card (ct.fulcro/fulcro-card-init card {::ct.fulcro/wrap-root? true
                                                         ::ct.fulcro/root       fulcro-class})
           card-id     (::wsm/card-id card)
           app         (::ct.fulcro/app fulcro-card)]
       (assoc fulcro-card
              ::wsm/render-toolbar
              (fn []
                (dom/div
                 (mapv #(uc/button {:onClick ((:fn %) app)} (:text %)) toolbar-items)
                 (uc/button {:onClick #(ct.fulcro/inspector-set-app card-id)}
                            "Inspector")
                 (uc/button {:onClick #(ui/restart-card card-id)}
                            "Restart"))))))})
```
Note that I added the standard card-with and card-height parameters as well - you can leave those out - and added the default Fulcro 3 buttons.

Buttons can now be added in the format `{:fn (fn [app-of-the-card] ...) :text "Button Text")}`.

You can use it like this:
```clojure
(ws/defcard login-card
            (util/custom-toolbar-card
             account-forms/LoginForm
             ::util/card-width 6
             ::util/card-height 16
             ::util/toolbar-items
             [{:fn (fn [app]
                     #(m/merge-component! app account-forms/LoginForm {:ui/error "The credentials you entered are incorrect."}))
               :text "Trigger error"}]))
```
In this example, I made a card for a login form (`account-forms/LoginForm`) which is a Fulcro 3 component. I added a toolbar item with the button text "Trigger error" that, when clicked, calls the fn, which is given the fulcro app of the card, updating the LoginForm to set a login error text.
MPSec Multi-Path Security
Tags: mpsec, multipathsec, mpsectechnology, fatpipenetworks
Published: 2020-06-08 17:45:48

At FatPipe, we value the importance of protecting your mission critical data. That is why we designed and developed a one of its kind security feature, <a href="https://www.fatpipeinc.com/solutions/mpsec-multi-path-security.php">Multi-Path Security (MPSec™)</a>, that gives your traffic an extra shield of protection. Security increases with the number of connections your business uses. Data streams are dismanteld into individual packets that are sent across numerous connections and put together at the receiver's end, thereby ruling out any possibility of security breaches whatsoever.
4 API Types in gRPC
Tags: grpc, rest, microservices
Published: 2020-06-08 17:41:56

gRPC framework enables to define 4 different kinds of APIs, where RESTful framework doesn't provide these capabilities.
- Unary API
- Server Streaming API
- Client Streaming API
- Bi-directional Streaming API
To know more about these APIs, watch the video: https://lnkd.in/eGF72sW

#grpc #protocolbuffers #techtter #api
Should crypto be boring?
Tags: discuss, cryptography, security
Published: 2020-06-08 17:39:19


Boring crypto is best crypto. Do you agree with [@vixentael] (https://twitter.com/vixentael)?

Yesterday she gave a small hardcore cryptographic session within OWASP Chapters All Day event on the issue.

{% twitter 1269564503726927873 %}

Watch full video here ⇩⇩⇩ {% youtube 3JWkHaxXbKo %}


And check out other talks by OWASP members ➤ [here] (https://owasp.org/www-community/social/chapters_all_day/)
gRPC - The New API to Build Microservices
Tags: grpc, microservices, api, rest
Published: 2020-06-08 17:35:21

gRPC is the next generation modern API framework to build Microservices. This enables to build APIs different use case especislly Bi-directional streaming of data between applications. It's much better traditional RESTful framework in performance and efficiency.

gRPC uses Protocol Buffers as data exchange format which is much faster than JSON and light weight.

To know more about the gRPC, watch the video: https://youtu.be/TagQoZhMhG8
Minute JavaScript - Array's reduce method
Tags: javascript, video
Published: 2020-06-08 17:25:43

---
title: Minute JavaScript - Array's reduce method
published: true
description: Minute JavaScript is a Fast format JavaScript Tutorial that gets straight to the point. Today's Topic: Array's reduce
tags: javascript, video
---

Minute JavaScript is a Fast format JavaScript Tutorial that gets straight to the point.

Topic: Array's reduce

# More Videos

If you'd like to see more of my videos, [head over to YouTube](https://www.youtube.com/channel/UCDYDhCEPlrYfRyj2ApxeVMA/).

More Minute JavaScript Videos: 

[![Screenshot of YouTube Channel](https://dev-to-uploads.s3.amazonaws.com/i/ql8225baay311dte4eib.png)](https://www.youtube.com/playlist?list=PL59tadyXaIqVBUhq1PlZQvUSSzQzM62AF
)


What would you like to see next?
Hybrid Multi-Line WAN
Tags: hybridwan, hybridmultilinewan, wanoptimization, wantechnology
Published: 2020-06-08 17:09:42

<a href="https://www.fatpipeinc.com/solutions/hybrid-multi-line-wan.php">Hybrid multiline WAN</a> networks merge public and private data connections to increase flexibility and make the WAN 300% more dependable. Data encryption makes traffic 900% safer. Businesses that prioritize high WAN availability and security stand to benefit immensely from FatPipe's Hybrid multi-line technology that is simple, convenient and can be seamlessly deployed. Our products optimize bandwidth efficiency, especially for critical, real time applications, and <a href="https://www.fatpipeinc.com/technology/wan-security.php">WAN performance</a>, through a wide range of features without having to make significant hardware changes. Licenses and upgrades can be implemented remotely without interrupting ongoing operations.

This is a one stop solution that provides your business with LAN-WAN and public-private network convergence where connectivity is further enhanced through redundancy, <a href="https://www.fatpipeinc.com/technology/internet-load-balancing.php">load balancing</a>, encryption and firewall capabilities. Operations are inconspicuously transitioned to an alternate site when the primary site goes down. Migrating to the cloud was never easier than with FatPipe and our technology guarantees that cloud services are always available.
 
Now you can connect directly and safely to cloud platforms using inexpensive broadband connections that can be installed and activated in no time.
Some UI-Design Frontend Framework
Tags: uidesign, frontendframework
Published: 2020-06-08 17:06:56

---
title: Some UI-Design Frontend Framework
published: true
description: Some UI-Design Frontend Framework
tags: UIDesign, FrontendFramework
//cover_image: https://direct_url_to_image.jpg
---
Angular matterial
Angular Bootstrap
ng.ant.design,
https://www.infragistics.com/
https://tailwindcss.com/docs/release-notes
Simple configuration Babel + Node
Published: 2020-06-08 17:02:24

##Hello, I'm Evanderson, this is my second post and this I will you go to teach how to configure the Babel + Node in a simple way, let's go!

---
### 🚀 First step:
- **Initialize your papckage.json**
```
yarn init -y

or

npm init -y
```

---
### 📂 Install devDependecies:
```bash
yarn add babel-cli babel-preset-env nodemon rimraf -D

  or

npm install --save-dev babel-cli babel-preset-env nodemon rimraf
```
---

### 📄 Create file `.babelrc` in root path:
- Insert the code:
```javascript
{
  "presets": [
    ["env", {
      "node": "current"
    }]
  ]
}
```
---

### 📄 Create three scripts in `package.json`:
```json
"scripts": {
  "dev": "nodemon -w src --exec \"babel-node src --presets env\"",
  "build": "rimraf build && babel src -s -D -d build --presets env",
    "start": "node build"
}
```

**obs ⚠**: In your project you should have a folder `src` and a file `index.js` into the folder, if not, you should configure the `package.json` in accord with your directories.

---

### 💻 It's already done:

- **With this simple configuration, you can use import/export and several actualities of the syntax**

##if did you like, comment and share ok? bye!
In need of a Mentor
Tags: hiring
Published: 2020-06-08 16:59:29

I don't know if i should be finding an online mentor, but i really need one. My name is Emem, I am a self taught Front-End Developer with HTML, CSS and Javascript skills. I barely have anyone to show my progress too, give me words of hope or just anything related to my field of interest. I help myself with Google or reading posts and comments on communities like DEV and QUORA. But, i need someone who is more enlightened than i am, more experienced and ready to share their knowledge with me.  I guess should add that i am a teen (just so you who you dealing with). If you are interested, you could hit me up to get to know me better.
Typescript datatable for React Material-UI
Tags: react, materialui, datatable, typescript
Published: 2020-06-08 16:55:07

In the last few months we have worked on a data-table library.

Our main requirements were the following:
* should be UI independent (it works out of the box with material UI)
* fully customizable
* fully typed
* powerful filters
* async (load data asynchronously)

Here's the result
Code: https://github.com/Nexysweb/mui-list-ts/
Demos: https://nexysweb.github.io/mui-list-ts/
NPM package: https://www.npmjs.com/package/@nexys/mui-list

Feedbacks and PR welcome!
Secure Hybrid WAN
Tags: hybridwan, hybridmultilinewan, hybridnetwork, sdwan
Published: 2020-06-08 16:31:34

<a href="https://www.fatpipeinc.com/solutions/hybrid-multi-line-wan.php"><strong>Hybrid WAN</strong></a> becomes irrelevant without security. That's why most businesses choose FatPipe because our products and solutions bring together the best in security, economy and efficiency while managing traffic through dissimilar networks.

Security is the most widely encountered challenge for network administrators today. We at FatPipe appreciate the value of protecting your data that resides on cloud platforms or in on-premise locations so users can access them safely.

While firewalls generally address most security concerns including network intrusions, they can't manage WAN traffic. Conventional traffic routers on the other hand involve tedious and cumbersome installation and management procedures. FatPipe's <a href="https://www.fatpipeinc.com/solutions/secure-hybrid-wan.php">Secure Hybrid WAN</a> address both these constraints through smooth and effortless installations, clutter free management, and compatibility with all the major hypervisors, cloud platforms and legacy systems in the industry.

Our products also include SmartDNS™, a uniquely designed, patented feature that lets you failover incoming traffic. Other highlights include policy based routing based on latency, jitter and packet loss specific thresholds.
Build a Typing Speed Test with React Context
Tags: react, tutorial, webdev, typescript
Published: 2020-06-08 16:30:23

In this video we create a typing test application that captures the typing speed in the form of WPM using the react context api and hooks to manage it's state.

{% youtube ntMezAkFPYM %}

Note: I fail to mention this in the video, but wpm is calculated with the average word being 5 characters.
WAN Optimization
Tags: wanoptimization, wideareanetwork, wantechnology
Published: 2020-06-08 16:24:36

FatPipe's <a href="https://www.fatpipeinc.com/products/wan-optimization/index.php"><strong>WAN Optimization</strong></a> can give you 75 times faster connectivity. Network redundancy can also be enhanced.

Application delivery improves tremendously while you can exploit the full capacity of your WAN infrastructure, leading to yearly cost savings in the range of thousands of dollars that would otherwise be spent on extra hardware, software and bandwidth. FatPipe <a href="https://www.fatpipeinc.com/products/addons/wan-optimization.php"><strong>WAN Optimization</strong></a>'s caching/compression techniques tap into the true potential of your WAN which in turn minimizes data replication across your networks. FatPipe provides both file and byte level caching.

Other benefits include making your WAN more redundant and resilient. Interactive applications respond faster. The speed of inter-site data transmissions also increases. With a microscopic level of visibility into the environment, your business can sharply minimize the amount of redundant data in the network which reduces de-duplicaton and retransmission efforts, leading to better <a href="https://www.fatpipeinc.com/technology/wan-security.php">WAN performance</a>.

TCP/IP's innate constraints rule out the possibility of meeting rapidly growing network requirements by simply buying more bandwidth. In such a scenario, WAN Optimization becomes all the more crucial to take corporate connectivity to the next level.
Daily Challenge #254 - The Vowel Code
Tags: challenge
Published: 2020-06-08 16:19:35

---
title: Daily Challenge #254 - The Vowel Code
published: true
series: Daily Challenge
description: [add a brief description of task]
tags: challenge 
//cover_image: https://direct_url_to_image.jpg
---
Step 1: Create a function called encode() to replace all the lowercase vowels in a given string with numbers according to the following pattern:

a -> 1
e -> 2
i -> 3
o -> 4
u -> 5
For example, encode("hello") would return "h2ll4". There is no need to worry about uppercase letters for this challenge. 

Step 2: Now create a function called decode() to turn the numbers back into vowels according to the same pattern shown above. For the sake of simplicity, you can assume that any numbers passed into the function will correspond to vowels.

For example, decode("h3 th2r2") would return "hi there".

**Tests**
decode('h2ll4'), 'hello')
encode('This is an encoding test.')
encode('How are you today?')
encode('This is an encoding test.')

Good luck!
***
_This [challenge](https://www.codewars.com/kata/53697be005f803751e0015aa) comes from yaphi1 on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
FatPipe  SD-WAN
Tags: fatpipenetworks, sdwan, softwaredefinedwan
Published: 2020-06-08 16:17:24

With FatPipe's <a href="https://www.fatpipeinc.com/products/fatpipe-sd-wan-software-defined-wan/index.php">SD-WAN</a>, your busines can effortlessly transition to hybrid WAN platforms where WAN traffic and branch office configurations are centrally managed while devices can be brought online with zero touch installation. You can also improve <a href="https://www.fatpipeinc.com/technology/bandwidth-management.php">bandwidth availability</a> by directly connecting branch offices to the internet without going over budget. State of the art policy management lets you transmit traffic through the local internet to applications hosted on cloud based platforms without compromising on security. Your organization’s private cloud applications can also take advantage of a managed <a href="https://www.fatpipeinc.com/solutions/secure-hybrid-wan.php">hybrid network</a>.

<a href="https://www.fatpipeinc.com/solutions/mpsec-multi-path-security.php">Multi-Path Security (MPSec)</a>, our proprietary technology, lets you distribute traffic loads across numerous connections between the data center and remote locations. Data transmissions can be streamlined and controlled with a great deal of precision to optimize efficiency and enhance end user experience. Seamless, sub-second fail-over ensures that even real time application sessions such as VoIP don't get disrupted when the primary connection goes down.

FatPipe <a href="https://www.fatpipeinc.com/solutions/sd-wan-software-defined-wan.php"><strong>Software-Defined WAN (SD-WAN)</strong></a> is packaged to cater to the IT requirements of different businesses. Solutions can be adapted as per operational specifics and organizational goals.
Bastions on Demand
Tags: aws, devops, serverless, security
Published: 2020-06-08 16:13:59

Hi, all.

I recently wrote up an in-depth guide on how to dynamically create bastions for accessing resources within a VPC on AWS: https://theconsultingcto.com/posts/bastions-on-demand/

Bastions can be handy for securely proxying to resources such as Elasticsearch clusters, private APIs, and pretty much any AWS resource you might want to develop against from your local environment.

The guide covers a lot of ground, so if you have any questions, hit me up here in the comments.
Common bugs in Android apps
Tags: android, bugs, apps, memory
Published: 2020-06-08 16:13:42

We analysed 2,000,000 bugs reported from android apps in Finotes as of 28 May 2020 11.59 PM GMT.

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

Read this blog to know about our findings. https://www.blog.finotes.com/post/what-are-the-common-bugs-in-android-apps
🛑 How to Select the Right Automation Testing Tool( 3 Step Method)

Tags: testing, beginners, tutorial, webdev
Published: 2020-06-08 16:01:56

✅Join us - https://sendfox.com/thetestingacademy

In this video, We are discussing about the topic How to Select The Right Automation Testing Tool? ( 3 Step Method)

✅ If you are new consider subscribing and follow day by day to become an Automation Testing expert in 30 days.

[![Right Automation Testing Tool](https://i.imgur.com/Cz3vHcC.png)](https://youtu.be/MLVRlwBFBG4 "Right Automation Testing Tool") 

🚀 Day 7 Task :  Discussion on Right Automation Tools
🚀 Thread :  https://scrolltest.com/automation/day7
🚀 All Task List : https://scrolltest.com/automation/task
🚀 Watch Full Playlist : https://scrolltest.com/automation/playlist

3 Step Method To Select Right Automation Testing Tool
1. Understand your project requirements thoroughly
2. Consider your existing test automation tool as a benchmark(if not step 3)
3. Use Pubh Matrix.

--
Be sure to subscribe for more videos like this!

[![ TheTestingAcademy](https://dev-to-uploads.s3.amazonaws.com/i/r7vcy6wbvyjbk1y1uu0o.png
)](https://www.youtube.com/TheTestingAcademy?sub_confirmation=1 "TheTestingAcademy")
Machine Learning in 30days. 
Tags: machinelearning, python, datascience
Published: 2020-06-08 15:58:15

## **Introduction**
Hello everyone, my name is Duc. I'm CS student in HCM city Viet Nam. So this is first post. I'll try to write one post everyday.So let's get started.
## **Let's google!!!**
Yes, Want to know something? Just google it. Well, let's see. When i google "machine learning" i have over 2 billions results. 
<img src="https://i.imgur.com/m1aVAdq.png" />

That is a lot of information. A lot of courses, resource,etc. You can feel overwhelming. So do I. First we need declare clearly what is Machine Learning? Efficient way to learning ML? How to get a job with ML?. Actually, i don't know answer the quesion : how to get a job with ML? :D 

## **What is Machine Learning?**
- [Wiki](https://en.wikipedia.org/wiki/Machine_learning) said :

> _Machine learning (ML) is the study of computer algorithms that improve automatically through experience.[1] It is seen as a subset of artificial intelligence. Machine learning algorithms build a mathematical model based on sample data, known as "training data", in order to make predictions or decisions without being explicitly programmed to do so.[2] Machine learning algorithms are used in a wide variety of applications, such as email filtering and computer vision, where it is difficult or infeasible to develop conventional algorithms to perform the needed tasks._

- Do you get that? if yes, you're better than me.
- With me, i will do not ask ***what is ML?*** first. Instead of that, i will ask ***why we need ML?***. I found the answer on [Caltech](https://www.caltech.edu/) the main meaning answer is: *we can't solve problem with normal algorithm, and the problem have* **pattern**. What is **pattern** mean ? The partern mean is: the price of house increase follow: rooms, local,... Recognize dog in image, etc.

## **A litte things we need to know** :
1. *Python*: absolutely, Python is the most common in ML. You **shouldn't** think Python is the best language for ML. Although, yes it is :D. The reason for Python is the most common in ML is easy to learn, simple syntax, a ton packages support for you. C/C++, Assembly still have performance better than Python. But you don't want headache with pointer in C/C++ or writing function in Assembly when we do ML, right? 

2. **Matlab** : yes, it is. No more explaining.

3. **Math** : yes. If you hate math, i think you can think again about ML. Some subjects you need to know like: Linear Algebra, Matrix Calculus, Statistical.

> Not only that, but you also have to learn more. But that was too much with the beginning

## Apologies:

> *I am not very good at English. So, sometimes I may use wrong grammar and vocabulary. Hope you can understand the content and help me with suggestions on English and article content.*

## References:
1. [https://work.caltech.edu/telecourse](https://work.caltech.edu/telecourse)
2. [https://sites.google.com/site/fsubiwiki/home/data-mining/machine-learning/history](https://sites.google.com/site/fsubiwiki/home/data-mining/machine-learning/history)
3. [https://machinelearningcoban.com/](https://machinelearningcoban.com/)
Rdoc Enhancements for Hash Completed
Tags: ruby, documentation, hash
Published: 2020-06-08 15:55:56

---
title: Rdoc Enhancements for Hash Completed
published: true
description: 
tags: ruby, documentation, hash
---

I've finished my enhancements (revisions, really) of the Rdoc for Hash. They will be seen in the next release, but may be seen now at:
- https://docs.ruby-lang.org/en/master/Hash.html.

My main goal was to have example code for just about everything.

The current Rdoc is at:
- https://ruby-doc.org/core-2.7.1/Hash.html.

I've begun work on Array.