This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Example taken from the official ReactJs docs | |
import("./math").then(math => { | |
console.log(math.add(16, 26)); | |
}); | |
/*************************/ | |
// Without lazy loading | |
import AnyComponent from './AnyComponent'; | |
// With lazy loading |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<nav> | |
<a>Home</a> | |
<a>Services</a> | |
<a>Locations</a> | |
<a>About Us</a> | |
<a>Contact</a> | |
</nav> | |
<h2 style="text-align:center"> | |
Please hover on menu item to see the animation effect | |
</h2> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap'); | |
* { | |
box-sizing: border-box; | |
} | |
body { | |
margin: 0; | |
padding: 10px; | |
height: 100vh; | |
display: flex; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* A utility to make developer life easy. | |
*/ | |
class JavascriptUtility{ | |
/** | |
* Returns `true` if both arguments passed are exactly same by | |
* type and value; Else returns false. | |
*/ | |
private static isEqual(value: unknown, other: unknown): boolean{ | |
// Get the value type |