DEV Community: cem kaan kosali

How to create Custom Interface with standard directus interfaces?

cem kaan kosali — Mon, 25 Oct 2021 06:51:05 +0000

How to create Custom Interface with standard directus interfaces?

Oct 23 '21 Comments: 1 Answers: 1

How to create a custom interface by using standard directus interfaces as a starter?

an answer in discord uses directus tarball in dependencies and a custom vue.config.js , but the rest of the import statements are still wrong.

Here is my custom interface source code:

Even If all import statements…

Open Full Question

cost of a software error

cem kaan kosali — Mon, 07 Dec 2020 17:41:36 +0000

$560M USD

https://calleam.com/WTPF/?page_id=2086

λ-calculus in Dart

cem kaan kosali — Wed, 18 Nov 2020 06:48:40 +0000

Lambda calculus is Turing complete, that is, it is a universal model of computation that can be used to simulate any Turing machine.[1] Its namesake, the Greek letter lambda (λ), is used in lambda expressions and lambda terms to denote binding a variable in a function.

Lambda calculus may be untyped or typed. In typed lambda calculus, functions can be applied only if they are capable of accepting the given input's "type" of data.

But how to assign types to functions?

In Dart, functions are objects, just like strings and numbers are objects. A typedef, or function-type alias, gives a function type a name that you can use when declaring fields and return types. A typedef retains type information when a function type is assigned to a variable.
Here is the Type definition example from language tour

Functional Programming with Flutter

windows for js development

cem kaan kosali — Sat, 06 Jun 2020 12:19:44 +0000

Need to get a note what's in my current typescript node development toolbox. So I can get it back quickly.

I striped out my some other development related software for other platforms such as Haskell and PHP (composer)

HOST OS: Windows 10 Pro for Workstations

drWeb as Anti Virus solution.
AnyDesk instead of Teamviewer

After fresh install of windows start with Ninite or Chocolatey

I install Firefox Developer Editon manualy

But since I will install choco I can skip this step

Chrome
qBittorrent
Thunderbird
7-Zip
VLC
K-Lite Codecs
HandBrake
TeraCopy
IrfanView
GIMP (I still use Picasa for photo organization.)
ShareX
Foxit Reader
LibreOffice
FileZilla
Notepad++
Visual Studio Code ( Main IDE )

{N} NativeScript

I install node.js and other nativescript related stuff chocolatey in this order .

Chocolatey

choco install -y qBittorrent Chrome Thunderbird VLC HandBrake TeraCopy IrfanView 7zip k-litecodecpackfull GIMP ShareX foxitreader LibreOffice FileZilla notepadplusplus vscode

Global NPM Packages

Yarn classic
Then I add global packages with
yarn add global @vue/cli @vue/cli-init @vue/devtools strapi create-strapi-app pm2 typescript ncu

Visual Studio Code Plug-ins

NativeScript Extension for Visual Studio Code
Apollo GraphQL for VS Code
vscode-language-babel
Dark+ Contrast Theme
VS Code ESLint extension
Git Graph extension for Visual Studio Code
GitLab VSCode Extension
GraphQL for VS Code
VSCode GraphQL
Graphql For VSCode
VS Code JavaScript (ES6) snippets
Kotlin Language
Material Icon Theme
NativeScript Vue Snippets for Visual Studio Code
Node npm
Prettier Formatter for Visual Studio Code
Reflow Markdown
Visual Studio Code Remote - WSL
vscode-stylelint
Tailwind CSS IntelliSense
tailwind-sass-syntax
Todo Tree
Tslint
TypeScript Hero
Vetur
Vetur TypeScript Performance Workaround
Vue VSCode Snippets
Vuex Suggest
Webpack
FlatUI Theme for VSCode

Database Tools

MySQL Workbench
Beekeeper Studio (Since I am a beekeeper I need it for MariaDB, Postgres, Amazon RedShift and CockroachDB: Distributed SQL)
SqLite Studio
PostgreSQL admin

Online Tools

mockaroo For Fake data
excalidraw For Quick Protypes

Databases (Docker Official Images)

SqLite for all local development
Postgres for SQL staging and production
MongoDB for NOSQL staging and production
Couchbase I use it instead of MongoDB in personal projects.
CockroachDB: Distributed SQL
MariaDB instead of MySQL

Virtualisation

Docker Desktop (for Docker Compose)
VirtualBox (for macOS and Xcode for iOS)
Windows Subsystem for Linux (for Debian)
GenyMotion (for Android)

Other Code tools

massCode All my snippets are here
insomniaGraphQL and REST api requests insomnia.rest
Cygwin 64
Git bash
Putty
PowerShell 6
Cmder my main terminal
ngrok for serving localservers over https
Listray

Libraries I like to use almost in every project

Voca The ultimate JavaScript string library
Lodash
date-fns Modern JavaScript date utility library
Vue-Apollo

Functional Typescript Series

cem kaan kosali — Sat, 22 Feb 2020 07:36:30 +0000

Function composition is the process of combining two or more functions to produce a new function. Composing functions together is like snapping together a series of pipes for our data to flow through.

const trim = (s: string) => s.trim();
const capitalize = (s: string) => s.toUpperCase();

“Family Tree” Data Structure

cem kaan kosali — Tue, 11 Feb 2020 09:58:10 +0000

There is no right or wrong programming paradigm.
In family tree, it's obvious to choose OOP instead of functional programing.
I have no idea how to implement this kind of data into functional programming.
Check out this answer, isn't it just stunning and amazing?

"Family Tree" Data Structure

Jul 21 '10 Comments: 3 Answers: 2

I'm looking for a way to represent a family tree in PHP. This means that children will need to inherit from two (or more) parents.

Here are the requirements:

1, 2, or more parents
Bonus points if I can attach metadata like a last name or relationship status

Here is…

Open Full Question

Do you need GraphQL?

cem kaan kosali — Sun, 26 Jan 2020 18:42:52 +0000

MeshyDB vs Parse Platform

I have tried both backend platforms.
I decided to use both for a recipe application. Tomorrow I hope I will start.
Just because I feel more comfortable while developing for nativescript, Instead of Nuxt, I will use nativescript.

I ❤️ Couchbase but sooner or later, I must use some online tool for beta testing Because I want to reclaim online real data from beta testers.

Emotionally I want to use GraphQL in all my projects. It's a special kind of technology. But If there will be no relational tables then why I will deal with back4app or Strapi with PostgreSQL?

Do you need GraphQL?

You will use more than 2 tables.
You will have more than 2 One to Many or Many to Many relationships.

Otherwise, just use MeshyDB, you won't need Parse Platform until you add your third table.

Note: I don't trust MangoDb nor parse for production. I will use PostgreSQL or MySql

For serious projects, I will use Relational database management systems (RDBMS) with Laravel or Strapi. They are my first choices for future applications which are in my todo list.

https://lumen.laravel.com/
Check out this tutorial
https://medium.com/@bsilva0x87/how-to-configure-laravel-lumen-with-lighthouse-php-graphql-ad63b8273321

day28

Nativescript-vue report page

cem kaan kosali — Sat, 25 Jan 2020 17:36:04 +0000

I didn't finish all report page but hive layout without second layer is finished

day27

stacklayout in nativescript

cem kaan kosali — Thu, 23 Jan 2020 17:36:41 +0000

After using stacklayout in nativescript, I go on solving freecodecamp javascript.

day25

(D-R-Y)

cem kaan kosali — Tue, 21 Jan 2020 16:59:07 +0000

The DRY Principle is one of the tenets or key concepts of programing. DRY (D-R-Y) stands for Don't Repeat Yourself.

day24

AWS Certified Cloud Practitioner

cem kaan kosali — Mon, 20 Jan 2020 16:21:30 +0000

I have studied for AWS Certified Cloud Practitioner. It turned out, I am already familiar with ️

Billing and Pricing
managing IAM Users
CloudFront
S3
Regions

day23

Functional Typescript

cem kaan kosali — Sun, 19 Jan 2020 17:19:34 +0000

Typescript in a Functional Way

We all want to use advantages of functional paradigm in our hybrid language enviroments. But what kind of advantages are we talking about? Let's start with nested functions.

Nested Functions

For Example: We can calculate square of a number by the time we add 2 over it, in same function:
f(n)=(n²)+2

or you can declare two functions ;

f1(n) = n²
f2(n) = (n+2)

then apply changes in order nested ; f2(f1(n))

Function Composition makes the code more readable.

You might ask ; how come

f1(n) = n²
f2(n) = (n+2)
f2(f1(n))

is more readable than f(n)=(n²)+2 ?

Basically we just extracted function declarations from function executions. The code reader will just read square(addTwo()) which means "add 2 to your parameter then take the square of the result". Javascript does not allow dot notation.

It will make sense if we will use a composer function which will compose our functions, then run many functions one by one. Such as;

const composed = composeMany(func1, func2, func3, func4, func5);

Compose Two Functions

Function composition is the process of combining two or more functions to produce a new function. Composing two functions produce a new function.
Composing functions together is like snapping together a series of pipes for our data to flow through.

Now let's see how to implement compose function in Typescript.

const square = (n: number) => n*n;
const addTwo = (n: number) => n+2;
const squareAndAddTwo = (n: number) => addTwo(square(n));

Still easy to understand right?

const compose = <T>(f: (x: T) => T, g: (x: T) => T) => (x: T) => f(g(x));

Let me explain this simple line in detail.
We assign a type variable called T and show it as <T> before the outer arrow function. It means all types will be the same.

By using <T>; both functions are limited to return the same type as input variable.

Don't need to worry about missed typed variables or functions returning wrong types.
Our compose function has two parameters

f function which returns same type of it's input parameter x. f: (x: T) => T
g function which returns same type of it's input parameter x. g: (x: T) => T

f can only get g as argument. That's why we can call it as an unary function.
In functional programing always prefer unary functions. If it's not possible to use unary functions than use binary functions(which have two . In functional programing; 90% of all functions are unary or binary(function calls with two parameters). To make our compose function more correct we can develop it even more. Let's tell typescript to limit the type of f function's argument to match the
the return type of the g function.

const compose3 = <T1, T2, T3>(f: (x: T2) => T3, g: (x: T1) => T2) => (x: T1) => f(g(x));

Now f function's argument always must be the same as return type T2 of g function.

How cool is that? Isn't compose function rock solid now? Just show this function when someone argues about typescript. Typescript is useful in such cases. you won't turn back. This is real bug-free coding. It won't even need to get compiled. If your function will return some other type then your IDE will scream.

How about composing many functions?

Typescript has rest parameters so we can use them. To have more information about rest parameters in typescript please check documantation.

https://www.typescriptlang.org/docs/handbook/functions.html#rest-parameters

As a result, here is the final code as a gist. You better bookmark it for your future needs.