Creative Developals

Summary of React 18 update

Async try and catch until 👉 https://codesandbox.io/s/promisify-7mkcf?file=/src/index.ts

Clean Code tips 👨‍💻👩‍💻

Do you know what happens when you type a website on your browser and press enter ?

Functions types and when to use them

Using this custom typescript utility you can merge two types without worrying about duplicates among any of the types you are trying merge.

For complete codebase: https://codesandbox.io/s/prompt-user-in-react-app-0zey1?file=/src/App.tsx

Table of Content

1. What are Truthy and Falsy values in JS?
2. Double negation
3. Double Or
4. Double question mark

1.What are Truthy and Falsy values in JS?

Truthy values: In JavaScript, a truthy value is a value that is considered true when encountered in a Boolean context.
reference: https://developer.mozilla.org/en-US/docs/Glossary/Truthy

Falsy values: A falsy (sometimes written falsely) value is a value that is considered false when encountered in a Boolean context.
reference: https://developer.mozilla.org/en-US/docs/Glossary/Falsy
--------------------------------------------------------------

2.Double negation: this symbol does a double evaluation.

The way this works, it evaluates if the value is falsy and if it is, it returns false otherwise true. The first "!" close to the value evaluates to true or false, and the second "!" negates the result returned by the first "!" value.

Usecase: JavaScript and TypeScript

Code sample:

/***
* !! Code below
*: JS & TS
*/

const emptyStr = '';
const nullish = null;
const undefine = undefined;
const zero = 0;

if(!!emptyStr && !!nullish && !!undefine && !!zero) console.log("You are all truthy values");

else console.log("You are all falsy value");
--------------------------------------------------------------

3.Double Or: this returns the right-hand side when the left-hand side of the expression evaluates to a falsy value. it's like an if-else statement

Usecase: JavaScript and TypeScript

Code sample:

/***
* || Code below
*: JS & TS
*/

console.log(`You are a ${emptyStr || "fase"}ly value`);
--------------------------------------------------------------

4.Double question: this is used as a fallback option if the left-hand side is undefined or null. Note this only covers undefined and null values in TypeScript and the "Double Or || operand" covers it because undefined or null results in a falsy value.

Usecase: TypeScript only

Code Sample:

/***
* ?? Code below
*: TS only
*/

console.log(`You are a ${emptyStr ?? "fase"}ly value`);//anti-usage

console.log(`You are a ${undefine ?? "fase"}ly value`);//good usage

Almost everyone that has been programming in Javascript. will most likely come across the word curry but not worry if you have not because there is no better time than now.

What is Curry?
In simple terms, Curry is a functional programming technique that returns a function until it gets the exact number of arguments needed for the function to complete.

Below are two use cases with both Javascript and React

Note: Only use curry in your codebase when it's necessary as it can be very confusing for others read and understand your code

What is createPortal ?

The createportal method is one of the few methods of the ReactDOM API. Portals provide a way to render children into a DOM node that exists outside the hierarchy of the DOM component.

Why createPortal?
createPortal gives a cleaner way to create isolated components, e.g components that overlay on top of a component e.g: modals, portlet, fixable switch, etc.

when createPortal renders the children into the separate ELEMENT_NODE in our HTML, we find it very easy to style components like Modal in case of positioning and z-index.

It helps to increase the rate of web accessibility e.g: because it's in a different DOM_NODE, the screen-reader can read a Component content without getting screwed by positioning blockage.

Practical codebase: https://codesandbox.io/s/react-typescript-forked-kg6rd

⁣⁣

On their wedding night, Akpos’ young bride approached him and asked for $20.00 for their first lo******ng encounter.

In his highly aroused state, Akpos readily agreed.

This scenario was repeated each time they made love, for more than 30 years, with Akpos thinking that it was a cute way for her to afford new clothes and other incidentals that she needed.

Arriving home around noon one day, the wife was surprised to find her husband, Akpos, in a very drunken state.

During the next few minutes, Akpos explained that his employer was going through a process of corporate down-sizing, and he had been sacked.

It was unlikely that, at the age of 59, he’d be able to find another job.

Calmly, his wife handed him a bank book which showed more than thirty years of steady deposits and interest totaling nearly$1 million.

Then she showed him certificates of deposits issued by the bank which were worth over $2 million.

She explained that she had ‘charged’ him for s*x, and these were the results of her savings and investments.

Akpos was so shocked that he could barely speak. Finally he found his voice and blurted out, ‘If I’d had any idea what you were doing, I would have had s*x only with you.’

That’s when she shot him.

You know, men just don’t know when to keep their mouths shut!

“Politicians are soiling my name,” Aisha Buhari - READ MORE
http://goo.gl/g9WaOW

"Politicians are soiling my name," Aisha Buhari - vibesnews Aisha Buhari, the person whose name and passport is bandied as the bribe giver in the Haliburton Scandal, has denied participation in

A woman keeps having the same weird dream, so she goes to her psychologist.

Psychologist: "What is your dream about?"

Woman: "I am being chased by a vampire..."

Psychologist: "So, where are you in this dream?"

Woman: "I am running in a hallway."

Psychologist: "Then what happens?"

Woman: "Well, that's the weird thing. In every single dream, the same thing happens. I always come to a door, but I can't open it. I keep pushing the door and pushing the door, but it won't open!"

Psychologist: "Does the door have any letters on it?"

Woman: "Yes."

Psychologist: "And what do these letters spell?"

Woman: "P-U-L-L."

Call EFCC to order, PDP govs tell Buhari - READ MORE
http://goo.gl/rXEp3D

Call EFCC to order, PDP govs tell Buhari - vibesnews The Peoples Democratic Party Governors’ Discussion board led by Ondo Condition Governor, Dr. Olusegun Mimiko has decried the actions of the Financial