Forem: Krishna Damaraju

Strings

Krishna Damaraju — Sun, 20 Aug 2023 07:57:02 +0000

Strings

1️⃣ Declaration

Javascript

// Both Single and Double quotes are OK to create strings in JS
var string1 = "Hello Js!!" ✅
var string2 = 'Hello Js!!' ✅

Swift

// Only Double quotes are OK to create strings in JS
var string1 = "Hello Js!!" ✅
var string2 = 'Hello Js!!' ❌

2️⃣ Length

Javascript


"Hello world!!".length // 13 (counts empty spaces too)

Swift

"Hello world!!".count // 13 (counts empty spaces too)

3️⃣ Case Transformation

Javascript


"Hello world!!".toLowerCase() // hello world!!
"Hello world!!".toUpperCase() // HELLO WORLD!!

Swift

"Hello world!!".lowercased() // hello world!!
"Hello world!!".uppercased() // HELLO WORLD!!

4️⃣ Template literals

Javascript

const name = "Krishna"

const message = `Hello there, i am ${name}.`

Swift

let name = "Krishna"

let message = "Hello there, i am \(name)."

5️⃣ Split

Javascript

var string = "Hello world!!"

string.split("")

Swift

var string = "Hello world!!"

string.split(separator: "")

6️⃣ Multi-line strings

Javascript

// most used way
var string = `
A long time ago 
in a galaxy far far away
javascript is being used for coding`

Swift

// """ are always to be alone
var string = """
A long time ago 
in a galaxy far far away
Swift is being used for coding
"""

7️⃣ Concatination

Javascript


var string = "Hello"
var string2 = 'world'

var string3 = string + string2 // string.concat(string2)

Swift

var string = "Hello"
var string2 = 'world'

var string3 = string + string2

8️⃣ Typecasting

Javascript


var someNumber = 12345

var asString = String(someNumber) // -OR- someNumber.toString() -OR- `${someNumber}`

Swift

var someNumber = 12345

var asString = String(someNumber) // -OR- '\(someNumber)'

More examples are added on the go

JS dev learning Swift

Krishna Damaraju — Sun, 20 Aug 2023 07:39:50 +0000

I've always had a strong desire to create useful applications that could assist people in various aspects of their lives, both in their work and personal activities. While I did start working on these ideas a while ago, my efforts took a backseat due to my busy work schedule in the past few years. However, I am now determined to wholeheartedly commit myself to developing these practical applications once again.

Recently, I've been exploring Electron.js as a platform for building these apps, but I've encountered some challenges that don't seem worth the effort, especially at the early stages of development. Because of this, I'm considering exploring alternatives beyond JavaScript. I'm particularly interested in creating apps using native programming languages. To start off on this journey, I've decided to learn Swift.

My take-aways from this journey are:-

🎯 To expand my skills by learning new programming languages and tools outside the realm of JavaScript.

🎯 To create applications that I personally find valuable and would love to use on a daily basis.

And finally, the primary objective of this series is to provide a side-by-side comparison of the syntax and code structures used in JavaScript and Swift. The intention is to create a handy "Cheat Sheet" that individuals can refer to for quick guidance.

[This article is written by me and modified with help of chat-gpt]

NestJS and ‘class validator’ cheat sheet

Krishna Damaraju — Mon, 13 Jun 2022 13:33:53 +0000

NestJs along with class-validator is a good combination for validating API responses. Both are well documented but some needed use cases are not covered assuming developer to figure out. Below are some few cheat sheets which helped me in defining those cases and you can use these to scale to some extent.

1️⃣ Validating String

Any String



// example.dto.ts
import {
  IsString,
  IsNotEmpty,
  MinLength,
  MaxLength
} from 'class-validator'

export class AnyString {
    @IsString()
    @IsNotEmpty()
    @MinLength(3)
  @MaxLength(65)
    userName: string
}

Specific String



// example.dto.ts
import {
  ArrayNotEmpty,
  IsArray,
    IsIn
} from 'class-validator'

const weekdays = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday'];

export class SpecificString {
  @IsArray()
  @ArrayNotEmpty()

    @IsIn(weekdays)
  day: string[]
}

Array of strings



// example.dto.ts
import {
  ArrayNotEmpty,
  Contains,
  IsArray,
  IsString,
  Matches,
  MaxLength
} from 'class-validator'

export class StringArray {
  @IsArray()
  @ArrayNotEmpty()

  // check if every array item is string
  @IsString({ each: true }) 
    // Pass `each: true` when you want this validation to run on every array item

  // Check if every array item has max length
  @MaxLength(6, { each: true })

  // Check if every array item is only alphabets
  @Matches('^[a-zA-Z\\s]+$', undefined, { each: true })

  // CHeck if every array item contains a text
  @Contains('hello', { each: true })
  stringArray: string[]
}

Array of Strings with a custom prefix



// example.dto.ts
import {
  ArrayNotEmpty,
  IsArray,
  Validate,
  ValidateNested,
  ValidatorConstraint,
  ValidatorConstraintInterface
} from 'class-validator'

@ValidatorConstraint({ name: 'arrayPrefixValidator' })
export class ArrayPrefixValidator implements ValidatorConstraintInterface {
  validate(values: string[] = []): boolean {
    if (values.length) {
      return values.every((value) => value.startsWith('str-'))
    }
    return false
  }
}

export class StringArray {
  @IsArray()
  @ArrayNotEmpty()

  // Check if every array item contains a prefix str-
  @Validate(ArrayPrefixValidator, { message: 'No str- prefix' })
  stringArray: string[]
}

2️⃣ Validating Number

Any number



// example.dto.ts

import {
  IsNumber,
  IsNotEmpty,
  MinLength,
  MaxLength
} from 'class-validator'

export class AnyString {
    @IsNumber()
    @IsNotEmpty()
    @MinLength(3)
  @MaxLength(65)
    userName: string
}

Specific Number



// example.dto.ts

import {
  IsNumber,
  IsNotEmpty,
  MinLength,
  MaxLength,
  ValidatorConstraint,
  ValidatorConstraintInterface
} from 'class-validator'

@ValidatorConstraint({ name: 'isDividedBy17' })
export class IsDividedBy17 implements ValidatorConstraintInterface {
  validate(value: number): boolean {
    if (value {
      return value % 17 === 0
    }
    return false
  }
}

export class SpecificNumber {
  @IsNumber()
    @IsNotEmpty()

  // Check if number is divisible by 17
  @Validate(IsDividedBy17, { message: 'No divided by 17' })
  specificNumber: number
}

Array of numbers



// example.dto.ts

import {
  IsNumber,
  IsNotEmpty,
  MinLength,
  MaxLength,
  ValidatorConstraint,
  ValidatorConstraintInterface
} from 'class-validator'

@ValidatorConstraint({ name: 'isEvenNumber' })
export class IsEvenNumber implements ValidatorConstraintInterface {
  validate(numbers: number): boolean {
    if (numbers {
      return numbers.every(number => number % 2 === 0)
    }
    return false
  }
}

export class SpecificNumber {
  @IsNumber()
    @IsNotEmpty()

  // Check if everynumber is even
    @Validate(IsEvenNumber, { message: 'No divided by 17' })
  numbersList: number[]
}

3️⃣ Custom Object

For example you have a payload like below



{
    movies: [{
        name: "The jurassic park",
        yearOfRelease: 1999,
        languages: ["en"]
        gener: ["sci-fi", "thriller"]
    },
    {
        name: "The Croods",
        yearOfRelease: 2012,
        languages: ["en", "fr", "es"]
        gener: ["animation", "kids"]
    }]
}

To validate such object



// example.dto.ts

import {
  IsNumber,
  IsNotEmpty,
  MinLength,
  MaxLength,
  ValidatorConstraint,
  ValidatorConstraintInterface
} from 'class-validator'

@ValidatorConstraint({ name: 'isEvenNumber' })
export class IsEvenNumber implements ValidatorConstraintInterface {
  validate(numbers: number): boolean {
    if (numbers {
      return numbers.every(number => number % 2 === 0)
    }
    return false
  }
}

const validLanguages = ["en", "es", "fr"] 
const validGeneres = ["sci-fi", "thriller", "animation", "horror", "vintage"]

// 💡 Types here
export class Movie {
  @IsString()
    @IsNotEmpty()
    @ISRequired()
  name: string

  @IsNotEmpty()
  @IsNumber()
    @ISRequired()
  yearOfRelease: number

  @IsNotEmpty()
  @IsString()
    @IsIn(validLanguages)
    @ISRequired()
  languages: string[]

  @IsNotEmpty()
  @IsString()
    @IsIn(validGeneres)
    @ISRequired()
  genre: string[]
}

export class MoviesList {
  @IsArray()
    @ArrayNotEmpty()
    @Type(() => Movie)
  movies: Movie[]
}

Thanks for reading till here. I'd like to hear your thoughts.

Originally posted: https://www.krishnadamaraju.me/nestjs-and-class-validator-cheat-sheet

A note app is all I needed to be productive.

Krishna Damaraju — Wed, 08 Jun 2022 06:30:14 +0000

Being a developer is a mentally demanding job that necessitates many soft and hard skills as well as a specific set of personal traits in order to work productively and avoid burnout.

That was my need a few years ago: to make the most of my day, avoid task overload, and eventually not work over weekends to compensate 🙅.

Please read the below article on my journey from spending 6 hours on every weekend and not so good time management to working not more than 8 hours per day and no work load.

https://www.krishnadamaraju.me/a-note-app-is-all-needed-to-be-productive

I'd be happy to hear you thoughts on it

Cheers 🙌🏻
-Krishna

Can you list down a few common patterns you follow in your react code base

Krishna Damaraju — Tue, 01 Mar 2022 14:18:59 +0000

Usage of `React.FC` from my experience

Krishna Damaraju — Sun, 13 Feb 2022 15:07:19 +0000

I have been working with React + Typescript setup for a year and a half and if you are someone like me, I bet you could have seen or used Typescript interface FC at least once. On that note, I want to share a few things related to React.FC, which are purely out of my experience using it. Please consider this just as an opinion, nothing much and nothing less.

What is `React.FC` or `React.FunctionalComponent`

React.FC is a generic interface for the functional components, one of the two ways to write components in React. This is not an inbuilt type, but comes as a part of the @types/react

Below is a general way to write a component that takes children,



const CardComponentNonFC = ({
  title, 
  children
  }:{ 
  title: string, 
  children: ReactNode
  })  => {
    return (
       <div className="card">
          <h1 className="card__title">{title}</h1>
          <div className="card__content">
            {children}
          </div>
      </div>
    )
}

And the same code can be written with React.FC in the following



import React, { FC } from "react";

const CardComponentFC:FC<{ 
  title: string
  }> = ({
  title, 
  children
  })  => {
    return (
       <div className="card">
          <h1 className="card__title">{title}</h1>
          <div className="card__content">
            {children}
          </div>
      </div>
    )
}

How do i use it 👍

Cleaner code and Better DX (Developer Experience) with the default children prop. It makes a component container by the behaviour and less mental toll in understanding the code.




// With FC
import React, { FC } from "react";

const Card = () => {
  return (
    <CardComponentFC {...}> // CardComponentFC is defined above
      <div> ... </div>
    </CardComponentFC>
  )
}


// same without FC
const CardNonFC = () => {
  return (
    <CardComponentNonFC 
      {...}
      children={  <div> ... </div>} />
  )
}

For me, the first code is much cleaner and easier to understand.

Second and last reason is the return type restrictions. I'd like my component to always return an element or null (null is mostly the bottom type of my components) and I don't like undefined being returned. React.FC has that check, by default, to prevent returning undefined.



import { FC } from "react";
export const Container: FC = ({ children }) => {
  if (children) {
    return <>{children}</>;
  }

 //💥 this would through the error
  return undefined;
};

See the CodeSandbox for the same.

How do i NOT use it 👎

I tried to use it for the default functional exports over the functional expressions. I had a hard time with it. Let me know if you have solved it 🙌

If a component that doesn't need to render children. It doesn't need to be typed as React.FC. Now that we know it implies the children prop by default, use FC only where it makes sense. Not every component need to accommodate the children.
Generics in React typescript is something I like and has the flexibility. React.FC doesn't seem to fit well with that.

Summary

There are mixed opinions on using it and it was recently removed from the Create React App template. There are a few posts suggesting not to use it, but from experience, you may not have any huge performance implications of not using it.

There are definitely some limitations/disadvantages of using it, but I would rather say that depends on the component. Not all components need memoisation or hooks, similarly, not all components need FC. If you can draw that thin line, you can happily use it.

** References to read more about it **

originally published at here

JS Array Iterators Cheat Sheet — Part 1

Krishna Damaraju — Tue, 21 Apr 2020 13:28:48 +0000

Hey! I'm starting this new series aimed at helping beginners understand some key javascript concepts. I know that digesting all the info and being able to implement everything in the first go can be difficult for beginners, so I'll try and include a decision diagram at the end of each post. I hope it helps! Let's get started.

Iterator methods are helpful, but they can also be confusing if you don't understand the slight differences between them. This cheat sheet discusses the contrasting differences between forEach, map, filter, and some.

Before beginning...

"You must unlearn what you have learned" - Yoda

Here are a few keywords used in this article and their meanings:

Callback - A function to be called after the current code execution.
Chainable - A method to pass the returned value to the other function.
Mutation - Change and replace the original value.

🥨 Array.prototype.forEach

Usage: An alternative to for with advantages of scoping. Use this for ajax calls, set/get operations to be performed on each array item and go for this when no other function fits your needs.
Returns: undefined
Mutation (by default): Doesn't mutate the provided array.
Breaking the loop: Cannot skip the loop execution.
Chainable: Not Possible as it returns undefined
Change in array values while iterating:

"Breath-in and breath-out before you read this" 😇

1. Any new data added to the array while the loop execution will be ignored. 

2. Any data modified or deleted will be provided chainable to the forEach when forEach visits it. 

3. Any modifications to the processed data will be ignored and deletion of the processed element might make the next element in the loop to be skipped due to the change of index.

Empty arrays/elements: Will be ignored.
undefined/null: Will be looped.
Async: Is not supported.

🍱 Array.prototype.map

Usage: use this when you want to transform the given array. If you use case is not to return anything, use forEach or for...of
Returns: Array and array of undefined's if callback doesn't return anything.
Mutation (by default): Doesn't mutate the provided array.
Breaking the loop: Cannot skip the loop execution.
Chainable: Yes
Change in array values while iterating: Same as forEach
Empty arrays/elements: Will be ignored.
undefined/null: Will be looped.

🥢 Array.prototype.filter

Usage: To filter an array based on a given condition. If you need to return the first element matched, use Array.prototype.find()
Returns: Array and empty array if nothing is filtered or callback doesn't return
Mutation (by default): Doesn't mutate the provided array.
Breaking the loop: Cannot skip the loop execution.
Chainable: Yes
Change in array values while iterating: Same as forEach
Empty arrays/elements: Will be ignored.
undefined/null: Will be looped.

🧃 Array.prototype.some

Usage: Returns true if at-least one element passes the provided condition in the callback or else false
Returns: boolean
Mutation (by default): Doesn't mutate the provided array.
Breaking the loop: Cannot skip the loop execution.
Chainable: Yes
Change in array values while iterating: Same as forEach
Empty arrays/elements: Will be ignored.
undefined/null: Will be looped.

Decision diagram for Arrays

If you are a beginner, there will be some confusion till sometime on what iterator method to be used. I made a decision diagram for the same. Hope it helps. 🙏

Hope you like the article, let me know your thoughts in the comments or tweet me
Cheers! 🙌
KD

Initially published on Medium

P.S.

If you're passionate about open-source development and looking to contribute to exciting open-source projects, Team XenoX might just be your calling. We're always working on something cool. So I'd love for you to join us! Check out our work at XenoX Multiverse! 🔥

Write for XenoX!

Team XenoX is also looking to add more authors to our publication. If you like writing and have some creative ideas you'd like to share, we'd love to have you! 💯 Your blog posts will gain a lot more eyeballs. 👀 You'll get a chance to win some cool swag. And hey, you also get expert consultation and free proofing/editing from our best. 😉😎

If you want to apply, just go here and enter your details:
https://forms.clickup.com/f/1rz92-3351/VMFE0Q81LI7E0A92Z0

A complete guide for better buttons

Krishna Damaraju — Thu, 17 Oct 2019 09:10:44 +0000

Buttons are one of the most simple, yet deeply fundamental and foundational building blocks of the web. Click a button, and you submit a form or change the context within the same page. But there is a lot to know from the HTML implementation and attributes, styling best practices, things to avoid, and the even-more-nuance implementations of the buttons — links and button-like inputs.

This article covers, building —

Links,
Buttons,
and Button-like Inputs

We’re going to deep-dive into all three of them, and for each, dig into the 🏗️ HTML implementations, 🖌 CSS and ⚙️ JS considerations, ❤️ Accessibility information, and ‼️ Pitfalls/Bad practices. By covering all that, we’ll have a better UX implementation of each.

A complete <dev> guide for better buttons - codeburst

Krishna Damaraju ・ 7 min read

codeburst.io

Well, we made a tool - RevealURL and benefited from it.

Krishna Damaraju — Sat, 07 Sep 2019 17:41:39 +0000

TLDR; I designed my first app, I corrected my mistakes as developer, I used some amazing analysis tools, We launched on PH and we contributed to OSS 😍

A random thought turned into a tool - RevealUrl, which helps you to find spammy links in any page, literally. Through the journey from the initial discussion until this blog, there are some learning I'd want to share with the community, in brief.

So, the guy behind the idea and did the heavy lifting with the back-end is Gaurav shankar and I am the guy who worked on the web page design, Development and browser plugins. So, this blog post will cover my contributions.

For a clear understanding, this article is divided into 3 sections - Designing, Development, and Publishing.

🎨 Designing

Though I experiment with designs, I am not completely from a design background. I explore design tools in my free time and this time its Adobe XD - A free, almost SketchApp-ish alternative and it is amazing with inbuilt prototyping.

App Designing

I have the least idea on the UX from a perspective of a designer, so ideally I made a page which I feel like using - A one-page app. And I prefer apps that are simple and easily adaptable to use. It started with a simple just a wireframe -

And coloring it followed next

In the process, a thought struck - 'Why can't I make it a little dynamic?' and the result is the iteration of the primary color amongst the below every-time when you load the app.

and the final result is the below UI -

Logo Making

I must say, Logo making, is the hardest part of the whole process, why - too many thoughts, less possibility with adobe XD and way too much creativity needed. The solution, Download a free SVG and edit 🤷‍♂

Tools used

Hero Patterns
Flaticon
Coolors

👨‍💻 Development

I sometimes feel frameworks are making us lazy & bad and this was one such time. You may not agree, but well feelings are not mutual. The reason, basic requirements like editor-config, linting and distributing never occurred to me while coding.

Coded in plain 'Ol HTML, the only time to make decisions were

reboot.css or normalize
jQuery or not ended up with reboot and jquery. Let us try its just a simple tool !!

The only challenge during development was the making of Browser plugins. Started with Chrome plugin I wanted to use the same code for Firefox as well. After a little reading, for my usage (Storage, notifications, and active tab), I just need to replace the window.chrome API with window.browser for firefox to work. That's all and there comes my first semi-cross browser plugin 😄

You can download it here - Firefox | Chrome

Tools used

Semantic Versioning
EditorConfig
Grunt

Publishing

When you are publishing your plugins the browser stores, you need a one-time fee of $5 to be paid for Chrome store and Firefox 🦊 is free and friendly always. The submission was little time taking and there are too many policies for the safety of addon-user in Chrome and in Firefox they just need your code. Simple right?

As a simple tool which doesn't collect any of the personal or sensitive info from visitors, we had a curiosity to learn about visitor interactions in the app. So, in the process, we learned the basic usage of the following tool -

Heap
GA
Freshmarketer

And finally, Our preferable platform to launch is Product hunt (obviously 😁) along with little drum-roll 🥁 on our social handles. PH works on PST, and if you launch a product at later part of the day it will be automatically scheduled to release next day. On PH, activity is more during the day than on night so PH does this to bring more audience. Thanks 🙌 PH for that.

And finally, it was a 3rd product of the day.

So, final thoughts.

Sidekicks are much required for any developer. There is a possibility to learn something new through them.

We ❤️ OSS and made the [code public(https://github.com/team-underscore). Do share hugs or bugs.

Cheers, KD 🤘

-- Posted here initially --

What do you expect from dev meet-ups? 🤝

Krishna Damaraju — Sun, 16 Sep 2018 06:43:50 +0000

When you attend a dev meet-up what are your expectations?

Reason is that, I am exposed to fewer dev meet-ups and scope of learning and frequency of meet-ups is less where I live. So, am curious about what is happening all around the world and want to listen to it directly from devs instead of some google search.

Let me add some from my little experience :

Networking,
AMAs,
Coding standards.

Thanks for your time 🙌

A poll on git commands Usage

Krishna Damaraju — Tue, 17 Jul 2018 12:54:05 +0000

Its always good to see the charts and bars of the tech surveys. They inspire and motivate me to learn new things and gives an overview of what developers are using all over the world.

If you are someone like me who follows the surveys closely and with a thought - "why don't they conduct a survey for this?". This is a survey came out of such thought.

We developers use git every day and did it ever occurred to you what could be the most used command in git ?. You could say git commit, maybe, I don't know and I don't have enough proof to support your statement. And I have tried searching for it and couldn't get a solid data-backed evidence (Maybe I would have missed something, post in the comments if you have exactly what I am looking for).

So I made a survey to ask developers to list the most used git commands in their day-to-day routines. This may not be a big deal for you and only takes less than 2 minutes to complete. So, I request every one of you, who knows and uses git to take this survey and at the end you can actually see the responses from other people. Isn't great? 😏

Take the Survey

P.S: Please don't fill if you have already filled or don't fill with random values.

You can ask, "what do I get out of this?" -

To see what commands are used more frequently by developers all around the globe.
To give you insight on what commands you use very often
To help beginners kickstart the learning process by providing them with the most used commands in the industry.
And to satisfy my curiosity by solid data-backed evidence.😁

I will update this blog with survey results by 25/07/18. I guess a week would be enough, what do you guys think?

And finally, If you don't follow developer surveys, here are a few things to start with

Git [Script] Aliases That Could Be Helpful

Krishna Damaraju — Fri, 20 Apr 2018 13:12:26 +0000

Usage of terminal is one of the best things a programmer does. It makes us feel like a little hacker playing around (at-least to me ;D ) with his cozy tool. We write little tools (when ever possible) to automate small tasks or cut the pain of typing a very long commands.

Git has the awesome feature of writing your own aliases to commands. I like it a lot and written a set of aliases that I use everyday (I call them short-codes) and I wanted to share them hoping to-be useful to others.

And it starts here ..

These are the list of aliases that I use everyday.

alias g!='git init' 
alias g.='git add .'
alias g.-file='git add'
alias gb='git branch'
alias gb-new='git checkout -b'
alias gblame='git blame'
alias gcl='git clone'
alias gc='git commit -m'
alias gcout='git checkout'
alias gd='git diff'
alias gf='git fetch'
alias gl='git log'
alias gph='git push'
alias gph-f='git push -f'
alias gpl='git pull'
alias gr='git remote'
alias gr-list='git remote -v'
alias gr-add='git remote add'
alias greset='git reset --hard'
alias grevert-head='git revert HEAD'
alias grevert='git revert'
alias gs='git status'
alias gsh='git stash'
alias gsh-a='git stash apply'
alias gsh-c='git stash clear'
alias gsh-d='git stash drop'
alias gsh-l='git stash list'
alias gsh-p='git stash pop'

If you feel they are helpful, you can create your own aliases with the above list or I have created a git repo with detailed instructions to install and use them.

Make sure to reopen your terminal to see the changes.

Update: I'd recommend beginners to learn and understand actual commands before using any tools/aliases for git.

Forem: Krishna Damaraju

Strings

Strings

1️⃣ Declaration

Javascript

Swift

2️⃣ Length

Javascript

Swift

3️⃣ Case Transformation

Javascript

Swift

4️⃣ Template literals

Javascript

Swift

5️⃣ Split

Javascript

Swift

6️⃣ Multi-line strings

Javascript

Swift

7️⃣ Concatination

Javascript

Swift

8️⃣ Typecasting

Javascript

Swift

JS dev learning Swift

NestJS and ‘class validator’ cheat sheet

1️⃣ Validating String

Any String

Specific String

Array of strings

Array of Strings with a custom prefix

2️⃣ Validating Number

Any number

Specific Number

Array of numbers

3️⃣ Custom Object

A note app is all I needed to be productive.

Can you list down a few common patterns you follow in your react code base

Usage of `React.FC` from my experience

What is React.FC or React.FunctionalComponent

How do i use it 👍

How do i NOT use it 👎

Summary

JS Array Iterators Cheat Sheet — Part 1

🥨 Array.prototype.forEach

🍱 Array.prototype.map

🥢 Array.prototype.filter

🧃 Array.prototype.some

Decision diagram for Arrays

P.S.

Write for XenoX!

A complete guide for better buttons

A complete <dev> guide for better buttons - codeburst

Krishna Damaraju ・ 7 min read

Well, we made a tool - RevealURL and benefited from it.

🎨 Designing

App Designing

Logo Making

Tools used

👨‍💻 Development

Tools used

Publishing

What do you expect from dev meet-ups? 🤝

A poll on git commands Usage

Git [Script] Aliases That Could Be Helpful

And it starts here ..

What is `React.FC` or `React.FunctionalComponent`