technology:api

Managing React modals with singleton component design
▻https://hackernoon.com/managing-react-modals-with-singleton-component-design-5efdd317295b?sourc

(This post was originally posted to my personal blog)Controlling modals of all kinds (informational modals, custom alerts, image lightboxes, …) across an application is a frustrating problem that we all face when developing apps. When the app is simple, it’s sufficient to place a single <Modal /> component and have a state to toggle it on/off. However, things get complicated when you have different places to present the same modal or different kinds of modal to display in your app.There have been a couple of design solutions for this such as using the React Context API (this blog is an example) or manipulating react-navigation’s StackNavigator (as described in this blog post). In this post, I would like to share my own design for this problem using a singleton <Modal /> (...)

#react-native #javascript #manage-react-modals #react-modal #reactjs

Integrating #api-first optimized video using a Headless #cms
▻https://hackernoon.com/integrating-api-first-optimized-video-using-a-headless-cms-47968e70fb0?s

https://cdn-images-1.medium.com/max/1000/1*TO7UrNELUIsrDmZ3sSUE0g.jpeg

Integrating high quality, API-first video into a Headless CMSVideo is hard. Encoding, serving the right version to the right browser, device optimization, bandwidth consideration, it’s all pretty daunting. Thankfully there’s Mux and the new Mux Videos Extension, which allow you to add best-in-class video delivery to your application without the headache.In this overview, I’m going to show you how to use the Mux Videos Extension to power video content in your application in just a few clicks using the Cosmic JS Headless CMS. As a bonus, I’ll show you how to create your own Cosmic JS Extension to connect to your favorite API services in your Cosmic JS Dashboard.TL;DRInstall the Mux Videos ExtensionCheck out the Mux Videos Extension codebaseIf you’re not yet a Mux customer, they’re offering a (...)

#javascript #web-development #video-marketing

Make an Eye tracking and Face detection app as a beginner
▻https://hackernoon.com/make-an-eye-tracking-and-face-detection-app-as-a-beginner-d72e0139546b?s

https://cdn-images-1.medium.com/max/750/1*tJPP3eRByPdZSNsDftreMw.jpeg

We all know, how cool an #android app looks, when it can detect our face or track if our eyes are closed or open. It becomes way more cooler when the app can even detect if we are smiling, reading on phone or not looking at it.Well…I believe.. whatever does appeals me, simply makes me build it!Sorry, tried a “The Dark Knight” pun :)So let us make an android eye tracking and face detection app using Google Vision API.From Google:Cloud Vision API enables developers to understand the content of an image by encapsulating powerful machine learning models in an easy-to-use REST API. It quickly classifies images into thousands of categories (such as, “sailboat”), detects individual objects and faces within images, and reads printed words contained within images. You can build metadata on your image (...)

#apps #eye-tracking #facedetection #machine-learning

WebSockets & #api Gateway
▻https://hackernoon.com/websockets-api-gateway-9d4aca493d39?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/1024/1*cK1Fb7RsEuzlnnPC3zgrog.png

A quick, hands-on demo2018 was the year I won many imaginary arguments about why a #serverless #websocket API Gateway will never work. I was wrong.Before I atone, let me explain: serverless patterns work best when state is separated from execution logic, but I argued that the two are inseparable in real-time applications, pertaining to connection state. So when the API Gateway team announced WebSocket support at re:Invent, I was eager to learn more.Let’s refactor a simple real-time app into a serverless real-time app and deploy it to a WebSocket API Gateway.Hello HelloWe begin with a simple NodeJS client that talks to wss://echo.websocket.org:▻https://medium.com/media/2581597a559d33a586ba0907acd384b8/hrefI’ve also prepared a demo repo:git clone ▻https://github.com/robzhu/ws-demoscd (...)

#api-gateway #websockets-api-gateway

Will Artificial Intelligence Lead a #healthcare Renaissance in 2019?
▻https://hackernoon.com/will-artificial-intelligence-lead-a-healthcare-renaissance-in-2019-b08a2

https://cdn-images-1.medium.com/max/1024/1*zOTEjv1v55AjlTX8KtOqDg.jpeg

Recognizing the Opportunities for Advanced Computing in HealthcareThe two topics of healthcare and technology have truly joined forces together to create a revolutionary era for healthcare today. I studied Biochemistry as one of my double majors at UC Berkeley many moons ago but decided to enter the field of Computer Science & application development when I entered the marketplace. At the time breakthroughs surrounding healthcare weren’t happening fast enough but now, with the combination of advancements in genetics, medical research, and the democratization of advanced data computing techniques, we are getting a glimpse into the future possibilities in improving healthcare substantially.Why it Hasn’t Happened YetThere is a multitude of reasons that have contributed to why AI hasn’t (...)

#healthcare-renaissance #api #image-processing #artificial-intelligence

How #chat #api boosts the Engagement and Retention of Users
▻https://hackernoon.com/how-chat-api-boosts-the-engagement-and-retention-of-users-646bb7bb1739?s

https://cdn-images-1.medium.com/max/1024/1*DmNe908DwkGpz0Enb6N9Pw.png

Instant #messaging is a term that entered common usage during the 90s. The days of GTalk, Yahoo Messenger, Orkut, who can forget?But do you know that the actual concept of instant messaging dates back to the mid-1960s? The Compatible Time-Sharing Systems (CTSS) were one of the very first multi-user operating systems, created at the Massachusetts Institute of Technology (MIT)’s Computation Center in 1961. They allowed up to 30 users to log in at the same time and send messages to each other. Those systems, which perhaps seems closer to emails today, had a lot of registered users from MIT and nearby colleges by 1965.Since then, we have come a long way as today we have multiple ways to communicate. In the case of user-user interaction, we have options like push notification, in-app (...)

#in-app-messaging #chat-api

Implementing AudioWorklets with #react
▻https://hackernoon.com/implementing-audioworklets-with-react-8a80a470474?source=rss----3a8144ea

https://cdn-images-1.medium.com/max/1024/1*xBAAzp2dbEan-3sRgVT6yw.jpeg

Photo by Steve Harvey on UnsplashWith the shipment of the #audioworklet feature in Chrome 64, it’s probably reasonable to say 2018 was a good year for the Web Audio API. Nearly a year later after its release, there are still relatively few examples outside of the resources at Google Chrome Labs and dsp.audio for developers to draw from. These serve as great introductions to the interface, but with relatively few user-created examples to learn from, we’re left to our own devices when figuring out how to implement it out in the wild. The reality is, the task of getting AudioWorklets to play nice with React and other UI frameworks isn’t as straightforward as it might seem. The aim of this article is to show programmers already familiar with the Web Audio API how they can connect AudioWorklets (...)

#javascript #web-audio-api #audioworklets-with-react

Type safety and #spark Datasets in #scala
▻https://hackernoon.com/type-safety-and-spark-datasets-in-scala-20fa582024fc?source=rss----3a814

Working with Spark Datasets have been quite interesting and most of the time rewarding in our current project. It has a simple yet powerful API that abstracts out the need to code in complex transformations and computations. To be honest, we also have a fairly straightforward use case: few domain entities, fewer transformations based on simple joins.However, there are also few things that have been counterproductive to us but I am going to focus on one of them: lack of type safety in some operations, particularly, joins.dataSetA.join(dataSetB, "columnA")The above code will fail on runtime if either of dataSetA and dataSetB (or both) don’t have “columnA” column. This is a waste of resources at multiple levels: from precious CPU cycles to developer’s time. In the remainder of this (...)

#dataset #generic-programming #shapeless

4 Critical Capabilities of Headless CMS #api You Need to Integrate with External Systems
▻https://hackernoon.com/4-critical-capabilities-of-headless-cms-api-you-need-to-integrate-with-e

https://cdn-images-1.medium.com/max/1024/1*nVZEmlomKXw8GBE_BauGNg.png

Integrating a new content management system (CMS) into your existing ecosystem of tools and services may be challenging, but not with a headless CMS with a quality API. Read on to learn how headless CMS API can help you prepare for the future.There is no doubt that in order to connect content-as-a-service with its headless API-first approach to other best-of-breed #microservices you have to have a good quality API on both ends, so that the services communicate and integrate well.But what does a good quality API really mean? Of course, there are many different angles you can consider (e.g. it has to be testable, well documented, with solid error reporting, secure…). In this article I am focusing on the quality of a headless CMS API, and more specifically the required API capabilities (...)

#app-development #headless-cms #integration

Recap of Hack-APIs Hackathon
▻https://hackernoon.com/recap-of-hack-apis-hackathon-2299dccb8b99?source=rss----3a8144eabfe3---4

Cloudinary Sponsored Hackathon hosted at Ashesi University, Ghana.Hack-APIs HackathonOn November 30 and December 1, 2018, the Google Developer Student Club Ashesi hosted the Hack-APIs hackathon at Ashesi University, Ghana. That event, which was sponsored by #cloudinary, comprised 15 teams, whose members were undergraduates from Ashesi and other universities in Ghana. The goal was to create an environment in which the competing teams, regardless of skill, could huddle for 24 hours, during which they would brainstorm for ideas and build apps with real-world APIs. The prizes were GH₵ 1,000, GH₵ 600, and GH₵ 400 in cash for the first-, second-, and third-place winners, respectively.A Cloudinary representative [myself] was present at the hackathon to mentor the teams and to show them how to (...)

#api-hackathon #api #developer-stories #hackathons

Automated Upgrade Tooling for Abseil
▻https://abseil.io/blog/20181221-upgrade-tooling

By Alex Strelnikov, Abseil Engineer

As we promised when we released our Compatibility Guidelines, we have developed a process for announcing and handling any API-breaking changes we may need to make within the Abseil code base. Our C++ Automated Upgrade guide outlines this process, which consists of clang-tidy tooling and associated communication regarding the change. A list of all such tools will be listed on our Upgrade Tools page.

At this time, we are also releasing our first such tool: a clang-tidy check for removing bug-prone implicit conversions in calls to several absl::Duration functions.

As outlined in our upgrade guide, we will always first serve notice of such a tool via this blog, and will also blog once we’ve officially removed the deprecated (...)

Stop printing your personal photos via online websites
▻https://hackernoon.com/stop-printing-your-personal-photos-via-online-websites-155a9b925179?sour

https://cdn-images-1.medium.com/max/1024/1*jlF9-8LXD36IJWf9YSToaQ.png

Security Vulnerability in InkmonkThere are plenty of online shops which offer to print your photos, visiting cards and t-shirts. But do they protect the photos or personal information you share with them? We will find out.We discovered a #security vulnerability in Inkmonk.com (India’s first print marketplace) which leaks all the photos you have uploaded, via a simple API:Vulnerable APIThe ids used in the above #api is serially iterable and the response looks like this:API responseAnd if you click on one of the URLs in the above response, you will see the pictures uploaded by the users of the website. They do not require any kind of #authentication at all. Some examples below:This security bug was reported to the InkMonk on 19th November, 2017. They acknowledged the existence of the issue and (...)

#cybersecurity #marketplaces

React Native Animated Splash Screen :)
▻https://hackernoon.com/react-native-animated-splash-screen-87b1f8c857e4?source=rss----3a8144eab

https://cdn-images-1.medium.com/max/1000/1*V-XN0fRz3ILfR04lHl-sNw.jpeg

React Native Animated Loading Screen :)▻https://medium.com/media/b397c8cc4d9cdd942a45120cdf074670/hrefI am going to talk about my Animated Loading Screen in React Native and how you can build your own Loading screen using React Native Animated API with EASE .There are tutorials which describe the animated API . So , I am not going talk about that. I will only talk about how i made my own animation using the animated API .First, there are four components you can animate using the Animated API.▻https://medium.com/media/ec267ba4a905de8a3007036f0de25886/hrefIn my case, I wanted to animate a View, a Image inside another View.To animate something, you need to do the following,1 . An Animated Value.▻https://medium.com/media/dbef8cd010a984324432f2c5fed97267/hrefImport Animated from react native. Then, (...)

#splash-screen #react-native

How I built a #telegram Reminder bot with Node JS, the IBM Watson API and Firebase
▻https://hackernoon.com/how-i-built-a-telegram-reminder-bot-with-node-js-the-ibm-watson-api-and-

https://cdn-images-1.medium.com/max/1024/1*h89l_KJR8w2NrzQXtPCAmw.jpeg

How I built a Telegram Reminder Bot with Node JS, the IBM Watson API and FirebasePhoto by Rock’n Roll Monkey on UnsplashTable of ContentsIntroductionPrerequisitesCreate the bot with Node JSConnecting the bot to a real time DB(Firebase)Run the Cron JobScript to connect to the IBM Watson APIDeploy to GlitchConclusionIntroductionThis Telegram bot, would simply take three commands./start — Initializes our bot./save — Saves the string we will like to be reminded of later./time — Saves the time we would love to carry out this task.Then, this data is saved to firebase, and a cron job is initialized, which will run at the set time. This cron job, sends a text reminder to the user, and is then converted to an audio file, using the Text to Speech IBM Watson API, and is also sent to the user.PrerequisitesA Telegram (...)

#telegram-reminder-bot #automation #bots #nodejs

Create an Alexa Radio Skill in 5 Minutes with Standard Library and #nodejs
▻https://hackernoon.com/create-an-alexa-radio-skill-in-5-minutes-with-standard-library-and-nodej

https://cdn-images-1.medium.com/max/1024/1*INqWRjXVN4kI8V48NHqSFA.png

Create your own Alexa Radio Skill with your favourite streaming stations. Once deployed, you can say Alexa, open radio and Alexa will start streaming a radio station. You can stream a particular genre by saying Alexa, ask radio to play Jazz music. You can, of course, add or delete the stations, so you can have a completely personalised music playing experience. Getting up and running is super simple.If you haven’t checked out Code on Standard Library, do that right now. Sign up and get an account. It’s free.Next, click on Open and this will open up a panel with some featured templates you can use.Click on the Community API Sources tab and search for alexa-radio-skill. Click on Create API to use it as a template for your own service. Once it’s created, proceed to the next step.Minute One: (...)

#javascript #amazon-echo #alexa-skills #tutorial

Interacting with MapR-DB
▻https://hackernoon.com/interacting-with-mapr-db-58c4f482efa1?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/490/1*-BT_BwyWeEW67aFvQW7bvg.png

MapR Platform is an excellent choice for solving many of the problems associated with having humongous, continuously increasing dataset of nowadays businesses.The distributed, highly efficient file system along with the powerful yet simple and standard streaming API, are key components of the success of the platform. However, one of its most celebrated pieces is its distributed, non-SQL, highly available, JSON database.MapR-DB supports the HBase API for retro-compatibility, but the newest OJAI API is the core of it.Let’s look at an example of a document we could store in MapR-DB.▻https://medium.com/media/2378b9d6c9eec97a2ebe0e4fc31d0349/hrefThis is a pure JSON that MapR-DB can store. The document could be as complicated as we want. There is virtually no limit on the document size, the (...)

Strengthen #tls in React Native Through Certificate Pinning — iOS Edition
▻https://hackernoon.com/strengthen-tls-in-react-native-through-certificate-pinning-ios-edition-9

Strengthen TLS in React Native Through Certificate Pinning — iOS EditionEnhance React Native’s networking API protection on Android and iOS without touching your Javascript code or manually editing the native code projects.The first edition of this article implemented TLS certificate pinning for React Native apps on Android. Since then, the #react-native-cert-pinner package has been enhanced to support pinning on iOS devices, and this edition of the post walks through the previous example for iOS.Beginning in July 2018 with the 68 release, Chrome began marking all sites not running HTTPS (TLS over HTTP) as “not secure”. TLS uses site certificates to establish a chain of trust and encrypt communication at the transport layer.SOURCE: Google Security BlogThis is a significant boost in networking, (...)

#mobile-app-development #ios-app-development #certificate-pinning

Preprocess Keras Model for TensorSpace
▻https://hackernoon.com/preprocess-keras-model-for-tensorspace-ed5e4db9a2a1?source=rss----3a8144

https://cdn-images-1.medium.com/max/1024/1*frk5recEWdL8bzyFfFie4g.png

How to preprocess Keras model to be TensorSpace compatible for neural network 3D visualizationTensorSpace & Keras“TensorSpace is a neural network 3D visualization framework. — TensorSpace.org”“Keras is a high-level neural network API. — keras.io ”IntroductionYou may learn about TensorSpace can be used to 3D visualize the neural networks. You might have read my previous introduction about TensorSpace. Maybe you find it is a little complicated on the model preprocess.Hence today, I want to talk about the model preprocess of TensorSpace for more details. To be more specific, how to preprocess the deep learning model built by Keras to be TensorSpace compatible.Fig. 1 — Use TensorSpace to visualize an LeNet built by KerasWhat we should have?To make a model built by Keras to be TensorSpace compatible, (...)

#python #data-visualization #machine-learning #technology #javascript

Building a dashboard with #react & #graphql
▻https://hackernoon.com/building-a-dashboard-with-react-graphql-de4203eee6c9?source=rss----3a814

https://cdn-images-1.medium.com/max/800/1*RyDjHo8jlgDIGMV6NZ5vCw.png

As a frontend developer you can never go more than a year without being tasked to build a dashboard of some sort. This year it’s a real time dashboard, providing live performance insights throughout the day.From a technology perspective we only had one constrain; the data must come from Elastic Search, the rest was up for grabs. So grab a fair trade, organic, made with love, tea and let’s go on a nerdy adventure…OverviewHold on, what’s Elastic Search (ES)? Simply put, it’s a RESTful API that sits on top of a search and analytics engine. At its core it stores your data and provides a way of accessing it through queries. For the purpose of this project all we care about is asking ES for some data and the correct data being retuned.Scope: the dashboard will be made up of two counters, two lists (...)

#apollo #javascript #elasticsearch

Making a #web voting app handling 245 million votes with $0.12
▻https://hackernoon.com/making-a-web-voting-app-handling-245-million-votes-with-0-12-e59d5ec6a03

https://cdn-images-1.medium.com/max/310/1*aooiaEC2ag3Q1JhmAJssYg.gif

Get Money Change — GiphyThe InspirationI always liked the emotion of 1x1 online voting duels like Big Brother Brasil and The Voice Battle. The way how it reaches millions of people is incredible. So, I decided to do a simple poll application able to deal with 1 day of voting, in a large country like Brazil and USA. With a challenge: I wanted do that, from scratch, in 2 hours, with some cents.As goal, I imagined a country of 300 million people, where 70% of population will vote. That is 210 million votes in one day, 8.75 million in one hour and approximately 2500 req/sec.The wayTo do that, I chose the simple and powerful combination of Golang and Redis (with AOF persistence). Running in a simple Digital Ocean droplet with Ubuntu, without any SO fine tunning. I didn’t worry about auth, (...)

#go #programming #high-scalability #api

Practical guide to #api Platform: How to tell if it’s the right framework for you
▻https://hackernoon.com/practical-guide-to-api-platform-how-to-tell-if-its-the-right-framework-f

https://cdn-images-1.medium.com/max/1024/1*odzUbXp_Nn206aHK26CfVg.jpeg

Is it possible to create a useful API in the course of a day or two? That’s exactly what the authors of the new framework called API Platform promise to us. However, you probably wonder if it’s really worthwhile to spend time getting to know yet another tool. Well, it depends.One of the most important challenges in the software development is to “not reinvent the wheel”. That’s why, from the beginning of the history of coding, developers have tried to create solutions that’d speed up their work by automating the most repetitive processes. However, selecting tools that’ll really meet your requirements is almost always a painful procedure.Among the most promising frameworks/tools that have shown up in the PHP world recently is API Platform. In my work, I often consult solutions with my clients  (...)

#api-framework #software-development #api-platform #web-development

Automate pfSense with pfSsh.php
▻https://hackernoon.com/automate-pfsense-with-pfssh-php-737856e906c?source=rss----3a8144eabfe3--

https://cdn-images-1.medium.com/max/1024/1*davOueOBBitaRuzKTHNtFg.jpeg

pfSense has a completely redesigned user interface since several versions. All settings can be easily reached and adjusted with this interface. The freely configurable dashboard is also a fine thing. However, there is sometimes the case that you would like to make settings via an API or the command line. pfSense does not currently have an API, this will only be available in one of the upcoming versions. Until then you can use the pfSense developer shell, also called pfSsh.php.Accessing pfSsh.phpThe fastest way to get to the developer shell is to connect to pfSense via SSH or directly connect a screen to the firewall. If SSH is not yet activated, you can do this in the web interface under System → Advanced.It is better to forbid logging in with a password and only allow logging in with (...)

#tech #automation #linux #open-source #technology

CppCon 2018: Modern C++ Design
▻https://abseil.io/blog/20181129-moderncpp

Titus Winters and Modern C++

By Tom Manshreck, Abseil Tech Writer

CppCon 2018 was held in Bellevue, WA at the end of September.

C++ has changed a lot since the transformative introduction of C++11. It is now all too apparent that C++ API Design itself also needs to change as the lessons learned about, for example, type design become more understood.

Titus Winters reflects on the changes to C++ and how the introduction of new principles such as move-only types have affected API design in this two-part talk.

In the first part, Titus focuses on parameter passing and an API’s overload set in providing a powerful conceptual framework for API design. In the second part, we focus on the properties of well-designed types, and how to think about things like Regularity. We discuss how Regularity (...)

AWS launches the C++ lambda runtime
▻http://isocpp.org/feeder/?FeederAction=clicked&feed=All+Posts&seed=http%3A%2F%2Fisocpp.org%2Fblog%2F2

https://isocpp.org/files/img/aws.PNG

More C++ and the cloud:

Introducing the C++ Lambda Runtime by Chris Munns

From the article:

Today, AWS Lambda announced the availability of the Runtime API. The Runtime API allows you to write your Lambda functions in any language, provided that you bundle it with your application artifact or as a Lambda layer that your application uses. As an example of using this API and based on the customer demand, AWS is releasing a reference implementation of a C++ runtime for Lambda. This C++ runtime brings the simplicity and expressiveness of interpreted languages while maintaining the superiority of C++ performance and low memory footprint. These are benefits that align well with the event-driven, function-based, development model of Lambda (...)

#News,_Product_News,

How to reduce development time? Mock your APIs
▻https://hackernoon.com/how-to-reduce-development-time-mock-your-apis-f0c81072fad6?source=rss---

https://cdn-images-1.medium.com/max/1024/1*KsQXuC_NloAk-w4eKIoi0w.jpeg

How To Reduce Development Time? Mock Your APIsDependent on the backend developer to start coding? Always being pestered to finish development soon so the frontend developer can start their work? Well, you don’t need to wait anymore.Today, the general office development environment has moved to an open office setup with dependencies between teams, in which development time is of the utmost importance. Anything the team can do to reduce development time is considered a huge advantage towards the development of the product. Recently, I found that using the mock servers provided by #postman is very helpful in helping reduce development time for both frontend and backend developers. So I’ll quickly take you into the steps to make a mock server on Postman.RequirementsDownload the (...)

#mock-your-apis #web-development #programming #api