DEV Community: Universal Equations

Becoming a JavaScript Jedi - Mastering the JavaScript Filter

Mensah Alkebu-Lan — Sun, 21 Nov 2021 18:55:55 +0000

Prerequisites
Discussion
References

Prerequisites

Some familiarity with the JavaScript programming language.
Some familiarity with arrow functions.
Some familiarity with prototypes in JavaScript.

Discussion

Arrays in JavaScript are list-like objects whose prototype has methods to perform traversal and mutation operations. There are countless use cases in Web Development where arrays will be useful.

The Array.prototype.filter() method creates a new filtered array containing all of the elements in the array that pass the test implemented by the provider function. This provider function can be an arrow function taking an element of the array as input and a boolean pass/fail as output. To clarify, if the output is true the element will be included in the new filtered array. As with most methods in JavaScript, there is considerable flexibility in how they are implemented. For example, instead of an arrow function, the filter method can also take a callback function that returns true or false.

Below is a typical example of how the filter function is used:

var arr1 = [1,2,3,4],
    arr2 = [2,4],
    res = arr1.filter(item => !arr2.includes(item));

console.log(res);

When this program is executed, the result should be [1,3]. That is, for each of the elements is arr1, the provider function is going to check whether the array [2,4] includes that item. If the element is neither 2 nor 4, it will be added to the filtered array.

References

Array.prototype.filter() - JavaScript | MDN. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter. Assessed 11-21-2021.
Array - JavaScript | MDN. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array. Assessed 11-21-2021.

View original article at https://voices.hassanriver.com/article/2021/11/becoming-javascript-jedi-mastering-javascript-filter/.

Getting Started with React Bootstrap

Mensah Alkebu-Lan — Sat, 20 Nov 2021 04:12:45 +0000

Author: Mensah Alkebu-Lan

Install with Dependencies
Let’s Develop
Let’s Run It
References

Install with Dependencies

If you’re using npm init to bootstrap your initial project, I would recommend using src/index.js when prompted for your package.json main as opposed to the default value index.js. If you’re prompted for a test command, use “react-scripts test.” We'll update the rest of the package.json later.

Once the process is complete, you can use the following command to add the necessary dependencies to a newly created React Bootstrap-based project.

npm install react react-dom react-bootstrap react-scripts bootstrap@5.1.3

Notice, we’re using the 5.1.3 version of Bootstrap. Now, as hinted above, let’s create some folders in the root directory. Naturally, if you’re using create-react-app, some of these steps will already be done.

Let’s Develop

First, create a public folder containing an index.html file. A standard index.html file for a React application is the following:

 <!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>React-Bootstrap Starter</title>
 </head>
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root"></div>
 </body>
</html>

Then, create a src folder. To start, this can contain an empty index.js, App.js, and App.css file.

Let's fill two of these files in. A standard index.js file for a React application is the following:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

To use bootstrap, add the following import:

import 'bootstrap/dist/css/bootstrap.min.css';

Notice the index.js file has an import that refers to App. Let’s add App to our App.js file.

import React, { useState } from 'react';
import Container from 'react-bootstrap/Container';
import Button from 'react-bootstrap/Button';

import './App.css';

const App = () => (
   <Container>
       <Button variant="primary">Click Me!</Button>
   </Container>
);

export default App;

The App.css can be left blank and updated as needed.

Let’s Run It

We’re almost ready to run this. We’re going to need to enact some changes in the package.json first. First let’s update “scripts” so we at least have the four basic commands:

"scripts": {
   "test": "react-scripts test",
   "start": "react-scripts start",
   "build": "react-scripts build",
   "eject": "react-scripts eject"
 }

I know we don’t have unit tests. We’ll get to that next time.

What we have is quite simple, but it will run. When you try to run the app (i.e. npm run start or yarn start), you may be prompted to update browserslist. If not, just add it manually to your package.json file as is shown below.

 "browserslist": {
   "production": [
     ">0.2%",
     "not dead",
     "not op_mini all"
   ],
   "development": [
     "last 1 chrome version",
     "last 1 firefox version",
     "last 1 safari version"
   ]
 }

Once start up is completed, you should be able to pull up your web app by pointing your browser to http://localhost:3000.

You can find the source code for this exercise on Github.

References

React-Bootstrap Documentation. https://react-bootstrap.github.io/getting-started/introduction/. Accessed 11/15/2021.
Getting Started. https://react-bootstrap.github.io/getting-started/introduction/. Accessed 11/15/2021.
How to Use React Bootstrap with NPM. https://www.pluralsight.com/guides/how-to-use-react-bootstrap-with-npm. Accessed 11/19/2021.
react-bootstrap/react-bootstrap: Bootstrap components built with React. https://github.com/react-bootstrap/react-bootstrap. Accessed 11/19/2021.

View the original article at

https://voices.hassanriver.com/article/2021/11/getting-started-react-bootstrap/

Restful APIs Are Good, But GraphQL APIs Are Usually Better

Mensah Alkebu-Lan — Mon, 26 Apr 2021 19:37:15 +0000

According to the GraphQL Foundation, GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. Like many influential technologies, GraphQL was developed by Facebook in 2012. In their own words they “needed a data-fetching API powerful enough to describe all of Facebook, yet simple enough to be easy to learn” by their developers.

For a few years, GraphQL was used internally for their mobile applications. The first GraphQL repos were open sourced in 2015. One of the Github repos contained the GraphQL specification and another contained a GraphQL JavaScript reference implementation.
GraphQL APIs draw a natural comparison and contrast to Restful APIs. I should mention in the very beginning there are benefits to both approaches.

Don’t force adopt GraphQL when REST makes more sense. Even if you do decide to go with GraphQL APIs, be sure to continue REST-based best practices. For example, optimize for reusability.

A core distinction of GraphQL is it is optimized for performance and flexibility. A big part of this is instead of returning a complete dataset, GraphQL allows you to tailor the request to just give you the data you need. This is a notable change from RESTful APIs, since REST endpoints don’t allow you to tailor the data that is returned. Another advantage is operations that would require multiple RESTful API calls can be simplified to a single GraphQL API call.

One of the downsides of GraphQL is there is generally a learning curve. A lot of this has to do with the GraphQL schema. The GraphQL schema defines a collection of types and the relationship between those types.

The GraphQL ecosystem is large. One place you’ll see it used often is integrated with headless CMSs. Examples of such CMSs are Sanity IO, GraphCMS, and Sitecore.

You also not only have GraphQL reference implementations for many programming languages, you also have frameworks that work well with or are a part of some of the popular service and app development frameworks. This list of frameworks includes NestJS, Quarkus, and GatsbyJS.

Hopefully, we can follow up this conversation with one of at least one of the GraphQL servers.

View the original article and more at: Hassan River.

References:

GraphQL: Core Features, Architecture, Pros & Cons. https://www.altexsoft.com/blog/engineering/graphql-core-features-architecture-pros-and-cons/. Accessed 20 Apr 2021.
GraphQL: A data query language. https://engineering.fb.com/2015/09/14/core-data/graphql-a-data-query-language/. Accessed 20 Apr 2021.
GraphQL vs REST: What you need to know. https://www.rubrik.com/en/blog/technology/19/11/graphql-vs-rest-apis. Accessed 20 Apr 2021.
Schema Basics - Apollo Server - Apollo GraphQL Docs. https://www.apollographql.com/docs/apollo-server/schema/schema/. Accessed 20 Apr 2021.
What is GraphQL? https://www.redhat.com/en/topics/api/what-is-graphql. Accessed 20 Apr 2021.
Interacting with APIs: Rest and GraphQL. https://cloud.google.com/blog/products/api-management/interacting-with-apis-rest-and-graphql. Accessed 20 Aor 2021.

Sass Lead Responds to ‘Please Remove’ the Black Lives Matter Sass Site Banner Comment

Mensah Alkebu-Lan — Sun, 09 Aug 2020 01:48:57 +0000

Recently, Lead Designer and Developer of the Sass project, Natalie Weizenbaum responded to a Github issue post asking that the Black Lives Matter banner be removed from the site.

If you don't know much about Web development, Sass has built a strong reputation in the open-source community as being a mature, stable, and powerful professional-grade CSS extension language. Now, if you don't know what CSS is, don't worry about it. You still know enough to know some of the sites you go to these days have a banner at the top of the screen expressing support for the movement known as Black Lives Matter. On the Sass site, there is such a banner, and, in a Github issue, a developer asked that the banner be taken down. You don't have to know too much about Web development to understand Natalie's response:

Natalie Weizenbaum | Lead Designer and Developer of Sass

Technical work is inseparable from politics whether that's by causing or preventing harm to people, embedding biases in our products or working to highlight those biases so we move past them, pointedly avoiding any statement avoiding any statement that could be too political or standing up for the rights of our fellow human beings. Even you are engaging in political action by demanding our silence on the subject of Black Lives.

Sass in particular has always been a political project. From its earliest days it sought to empower designers who tended to have a much stronger representation of marginalized groups than their engineering counterparts, and in so doing it gave these marginalized people a larger place and a louder voice in tech as a whole. The most prominent voices in the Sass community have always been people pf color, queer people, and women, and empowering these people is a political act in an industry dominated by straight white men.

Saying "Black Lives Matter" isn't an abstract political point. It's a matter of life and death, particularly for our many Black users and contributors. Police violence is a part of their lives as Sass is a part of their lives, and we take a stand against that violence because we care about them as not just users but as whole people.

References

Sass Black Lives Matter Banner #461. https://github.com/sass/sass-site/issues/461#issuecomment-663722319

Recognizing Those All over The World Who Were Working to Design and Deploy Open-Source Ventilators

Mensah Alkebu-Lan — Thu, 23 Jul 2020 22:28:46 +0000

One of the many encouraging things I've seen amidst this global COVID-19 pandemic is the amount of innovation going on all over the world to combat it. For example, engineers, designers, and tech founders in various parts of the world were fleshing out their designs to create open-source ventilators as a backup in case their respective countries ran into shortages. Each team used different hardware devices and programmatic languages to seek to achieve the same goal of coming up with a device that could potentially save lives. Many even made prototypes, and some of these prototypes were tested on artificial lungs.

They were all great projects, but I have to say my personal favorite was the one worked on in Colombia. I'll let you dig and find your favorite :-).

To get you started, below is just a small sample of source code repositories of open-source ventilators worked on:

OpenLung Emergency Medical Ventilator. https://gitlab.com/open-source-ventilator/ventilator/OpenLung. Last accessed: 7/6/2020.
Open_Source_Ventilator. https://github.com/CSSALTlab/Open_Source_Ventilator. Last accessed: 7/6/2020.
pandemic-ventilator-2.0. https://github.com/Mascobot/pandemic-ventilator-2.0. Last accessed: 7/6/2020.
Low-Cost Open-Source Ventilator-ish Device or PAPR. https://github.com/jcl5m1/ventilator. Last accessed: 7/6/2020.

References

There’s A Shortage Of Ventilators For Coronavirus Patients, So This International Group Invented An Open Source Alternative That’s Being Tested Next Week. https://www.forbes.com/sites/alexandrasternlicht/2020/03/18/theres-a-shortage-of-ventilators-for-coronavirus-patients-so-this-international-group-invented-an-open-source-alternative-thats-being-tested-next-week/#4efca37c3ba0. Last accessed: 7/6/2020.
Open-Source Ventilator Project. https://simulation.health.ufl.edu/technology-development/open-source-ventilator-project/. Last accessed: 7/6/2020.
Designing a low-cost, open source ventilator with Arduino. https://blog.arduino.cc/2020/03/17/designing-a-low-cost-open-source-ventilator-with-arduino/. Last accessed: 7/6/2020.
An Open Source Ventilator Powered by Raspberry Pi and Arduino Goes Into Testing in Colombia. https://www.hackster.io/news/an-open-source-ventilator-powered-by-raspberry-pi-and-arduino-goes-into-testing-in-colombia-6c3f04b1ca94. Last accessed: 7/6/2020.

Debezium: Open-Source Technology for Change Data Capture

Mensah Alkebu-Lan — Thu, 23 Jul 2020 22:19:24 +0000

Introducing Debezium

Debezium is an open-source tool for Change Data Capture (CDC). It does this as a distributed platform that turns data stores into event streams. This allows you to focus only on data that has changed instead of all data. For example, it enables you to keep disparate data systems in continuous sync and to respond quickly to new information.

Built on top of Apache Kafka & Kafka Connect, a traditional "Debezium-centric" architecture comprises source and sink data stores with a selection of Kafka Connect compatible connectors able to communicate changes taking place in the source data store to the sink data store.

If you're comfortable with Docker and Kubernetes, a basic Debezium setup should only be moderately difficult. The main ingredients are Apache Kafka and Kafka Connect. Fortunately, in Debezium's public Docker repo, there are Zookeeper, Kafka, and Kafka Connect images ready to go. If you can get Apache Kafka with Kafka Connect up & running, you have several Debezium deployment options to choose from. Let's go over a few.

Some Kafka Connect Deployment Options

Since Kafka Connect is Debezium's foundation, for the time-being, we'll focus mainly on Kafka Connect deployment options.

Apache Camel and Debezium are a natural fit since Camel is known for its ability to integrate data consumer and producer systems. We also can't lose sight of the fact both technologies are strongly supported by Red Hat.

You can also use Debezium in Google Cloud with technologies like PubSub and DataFlow. In this architecture, PubSub plays a similar role as Apache Kafka in a traditional setup, but you'll still need some knowledge of the Kafka Connect libraries.

In a traditional 'Debezium-centric' architecture, a relational database is used for the sink data store, but there are use cases such as database caching where an in-memory computing platform like GridGain can be used.

Before I forget, I have to thank Gunnar Morling at Red Hat and his team for all the work they are putting into Debezium.

References:

Extending Kafka connectivity with Apache Camel Kafka connectors. https://developers.redhat.com/blog/2020/05/19/extending-kafka-connectivity-with-apache-camel-kafka-connectors/. Last accessed: 7/16/2020.
How do I move data from MySQL to BigQuery? https://cloud.google.com/blog/products/data-analytics/how-to-move-data-from-mysql-to-bigquery. Last: 7/16/2020.
Change Data Capture Between MySQL and GridGain With Debezium. https://www.gridgain.com/resources/blog/change-data-capture-between-mysql-and-gridgain-debezium. Last accessed: 7/21/2020.
Change data capture in Postgres: How to use logical decoding and wal2json. https://developers.redhat.com/blog/2020/05/19/extending-kafka-connectivity-with-apache-camel-kafka-connectors/. Last accessed: 7/21/2020.

Confluent’s Latest Funding Round Is One of Many Indicators Apache Kafka Is Here to Stay

Mensah Alkebu-Lan — Fri, 17 Jul 2020 17:40:28 +0000

tags: `BeSafe` `kafka` `ecosystem` `round` `series` `valuation`

With Confluent recently raising a $250 million Series E round on a $4.5 billion valuation, it’s safe to say Apache Kafka and its ecosystem is here to stay.

We celebrate the fact so many developers from Confluent and other companies have contributed over the years to make Kafka better and easier to use. For example, Colin McCabe at Confluent is currently working on KIP-500 which aims to eliminate Apache Zookeeper as a dependency to store Kafka’s metadata. This will make Kafka easier to use.

In the latest Kafka 2.5 release, some progress on KIP-500 was made with the completion of KIP-555 and KIP-543. KIP-555 is about the deprecation process leading up to KIP-500. Now, whenever the –-zookeeper flag is used with either kafka-configs.sh or kafka-message-partititions.sh, you should get a warning encouraging you to use -–bootstrap-server instead of the --zookeeper flag. The goal of KIP-543 is to handle more operations without direct Zookeeper access. This was accomplished with some modifications to Kafka’s ConfigCommand object. Arguably Kafka’s closest “competition”, Apache Pulsar, also uses Apache Zookeeper, so, once KIP-500 is complete, this would provide an additional point of differentiation between the two technologies.

At this point, there aren’t many questions lingering for this technology. One of the few questions that needs to be answered is one that needed to be answered for many of the technologies as prominent as this one. That is defining the boundaries of when Kafka should be used and shouldn’t. It’s easy to lose sight of this when you have incredible add-on technologies like ksqlDB that allows you to use language-neutral SQL to author stream processing programs.

For example, we often associate the concept of stream-table duality with Kafka. Some have gone so far as to say this is misleading. The argument is this may persuade development teams into thinking Kafka can be used as a relational database. The counter-argument is this is not listed as one of Kafka’s typical use cases.

References

What every software engineer should know about Apache Kafka. https://news.ycombinator.com/item?id=23206566. Last accessed: 7/7/2020.
Confluent Raises $250M and Kicks Off Project Metamorphosis. https://www.confluent.io/blog/series-e-round-metamorphosis/. Last accessed: 7/7/2020.
Apache Kafka Needs No Keeper: Removing the Apache ZooKeeper Dependency. https://www.confluent.io/blog/removing-zookeeper-dependency-in-kafka/. Last accessed: 7/7/2020.
Announcing ksqlDB 0.10.0. https://www.confluent.io/blog/ksqldb-0-10-0-latest-features-updates/. Last accessed: 7/16/2020.

The Tech community’s response to Racial Justice Reform is led by IBM.

Mensah Alkebu-Lan — Thu, 18 Jun 2020 23:14:27 +0000

A link to IBM CEO’s letter to Congress on Racial Justice Reform has been added to our news site. I will more than likely be writing a blog post on our tech blog which will essentially be a commentary on this letter and may also reference the statements made by Microsoft and Salesforce on this issue. Possibly more than one post.

As I mentioned before, a high school student can understand everything in this letter, and you may even encourage them to not only read it but also to use it as a template to write his/her own letter to Kamala and Cory. While we’re on this topic, I should also say one feature we will be adding to the news site is marking articles that can comfortably be read by a high school student. We just have to update the data model to allow for this. Parents, I think you’ll know what to do with this information
:-).

References

IBM CEO’s Letter to Congress on Racial Justice Reform. https://www.ibm.com/blogs/policy/facial-recognition-susset-racial-justice-reforms/. Last Accessed: 6/17/2020.

Introduction to TensorFlow

Mensah Alkebu-Lan — Thu, 11 Jun 2020 06:55:39 +0000

TensorFlow is an open-source neural network framework that makes it easy to build and deploy Machine Learning (ML) models across many different devices. In order to install TensorFlow, you’ll need to have Python installed first.

You can reference the following if you need some help getting TensorFlow installed:
https://www.tensorflow.org/install/pip#virtual-environment-install

I would strongly recommend installing TensorFlow in a virtual environment. Once that’s installed, if you’re comfortable with python you should be familiar with the concept of importing packages. One way of checking you have TensorFlow installed correctly is to try to install it while in interactive mode.

For example:

(venv) … $ python
…
>>> import tensorflow as tf

Well, don't stop there. Let's try to print the version:

>>> print(‘tensorflow version’,tf.__version__)
tensorflow version 2.2.0

How about add?

>>> print(tf.add(1,1))
tf.Tensor(2, shape=(), dtype=int32)

You good??? No vicious erros?? I’m impressed. You appear to be somewhat comfortable with TensorFlow, so I think next time we’ll be ready to talk about Keras, which is a high-level neural network built on top of TensorFlow.

References:

A LIGHTNING-FAST INTRODUCTION TO DEEP LEARNING AND TENSORFLOW 2.0.
https://builtin.com/machine-learning/introduction-deep-learning-tensorflow-20. Last accessed: 6/11/2020.
TFRT: A new TensorFlow runtime.https://blog.tensorflow.org/2020/04/tfrt-new-tensorflow-runtime.html. Last accessed: 6/11/2020.
The Google’s 7 steps of Machine Learning in practice: a TensorFlow example for structured data. https://towardsdatascience.com/the-googles-7-steps-of-machine-learning-in-practice-a-tensorflow-example-for-structured-data-96ccbb707d77. Last accessed: 6/11/2020.

GraphQL: A solution for connecting data

Mensah Alkebu-Lan — Tue, 21 Apr 2020 04:19:51 +0000

You may wonder why a startup like Hasura(@hasurahq) is able to raise almost $10 million to simplify GraphQL for developers. In that same breath, I should say I am very grateful to developers like Christian Nwamba(@codebeast ) who are helping developers understand these concepts. Before we talk about what it can do, though, let's talk about what it is.

GraphQL is an open-source query and data manipulation language for APIs.
It, presently, contains the five built-in types:

String
Boolean
Int
Float
ID

These data types provide a foundation for building schemas or documented representations of data entities and their interactions.

So where does GraphQL fit into your current architecture? Putting a GraphQL server in front of a data source can help create minimal architecture. GraphQL can be used as a light wrapper around existing APIs. In other words, GraphQL APIs allow us to efficiently connect data—reducing complexity. Thinking in graphs is about thinking about the data and the connections among the different entities.

References:

Hasura raises $9.9M Series A to simplify GraphQL for developers. https://techcrunch.com/2020/02/26/hasura-raises-9-9m-series-a-to-simplify-graphql-for-developers/. Last Accessed: 4/20/2020.
Get Started Building GraphQL APIs With Node. https://css-tricks.com/get-started-building-graphql-apis-with-node/. Last Accessed: 4/20/2020.
Advice from a GraphQL Expert. https://www.netlify.com/blog/2020/01/21/advice-from-a-graphql-expert/. Last Accessed: 4/20/2020.

Gatsby: A React-based static-site generator

Mensah Alkebu-Lan — Mon, 20 Apr 2020 03:28:53 +0000

Gatsby is a React-based static site generator powered by GraphQL.
To create a new Gatsby project, we can, first,install the Gatsby CLI via npm:

npm install -g Gatsby

From here, we can create a new Gatsby project:

gatsby new [rootPath] [starter]

Starters allow us to quickly spin up different types of Gatsby sites. There are a number of Gatsby starters right within the GatsbyJs Github repo (https://gihub.com/gatsbyjs). For example, if you wanted to create a Gatsby project with a blog boilerplate, you could do the following:

gatsby new my-blog https://gihub.com/gatsbyjs/gatsby-starter-blog

If we cd into the newly created project’s root directory, we can execute gatsby develop to start the development server.

Eventually, amongst the text in your terminal, you should see the following:

You can now view gatsby-starter-blog in the browser:

http://localhost:8000/

There’s much more we could talk about, but we’ll stop here to give you a chance to get your hands dirty. 😊

DEV Community: Universal Equations

Becoming a JavaScript Jedi - Mastering the JavaScript Filter

Table of Contents

Prerequisites

Discussion

References

Getting Started with React Bootstrap

Table of Contents

Install with Dependencies

Let’s Develop

Let’s Run It

References

Restful APIs Are Good, But GraphQL APIs Are Usually Better

References:

Sass Lead Responds to ‘Please Remove’ the Black Lives Matter Sass Site Banner Comment

References

Recognizing Those All over The World Who Were Working to Design and Deploy Open-Source Ventilators

Debezium: Open-Source Technology for Change Data Capture

Introducing Debezium

Some Kafka Connect Deployment Options

References:

Confluent’s Latest Funding Round Is One of Many Indicators Apache Kafka Is Here to Stay

tags: `BeSafe` `kafka` `ecosystem` `round` `series` `valuation`

The Tech community’s response to Racial Justice Reform is led by IBM.

Introduction to TensorFlow

GraphQL: A solution for connecting data

Gatsby: A React-based static-site generator

DEV Community: Universal Equations

Becoming a JavaScript Jedi - Mastering the JavaScript Filter

Table of Contents

Prerequisites

Discussion

References

Getting Started with React Bootstrap

Table of Contents

Install with Dependencies

Let’s Develop

Let’s Run It

References

Restful APIs Are Good, But GraphQL APIs Are Usually Better

References:

Sass Lead Responds to ‘Please Remove’ the Black Lives Matter Sass Site Banner Comment

References

Recognizing Those All over The World Who Were Working to Design and Deploy Open-Source Ventilators

Debezium: Open-Source Technology for Change Data Capture

Introducing Debezium

Some Kafka Connect Deployment Options

References:

Confluent’s Latest Funding Round Is One of Many Indicators Apache Kafka Is Here to Stay

tags: BeSafe kafka ecosystem round series valuation

The Tech community’s response to Racial Justice Reform is led by IBM.

Introduction to TensorFlow

GraphQL: A solution for connecting data

Gatsby: A React-based static-site generator

tags: `BeSafe` `kafka` `ecosystem` `round` `series` `valuation`