iamsaief

/* class, constructor, object */
class Student {
	constructor(name, id) {
		this.name = name;
		this.id = id;
		this.university = "Harvard University";
	}
}

const student1 = new Student("Tom Hardy", 101);

iamsaief

/* inheritance, extends, super */
class Parent {
	constructor() {
		this.fatherName = "Christopher Nolan";
		this.motherName = "Emma Thomas";
	}
}
class Child extends Parent {
	constructor(name, age) {
		super();

iamsaief

function HelloWorld() {
	return (
		<div>
			<h3>Hello World!</h3>
		</div>
	);
}

iamsaief

function App() {
	return (
		<div>
			<HelloWorld name='Hello World'></HelloWorld>
			<HelloWorld name='Hello Bangladesh'></HelloWorld>
		</div>
	);
}
function HelloWorld(props) {
	return (

iamsaief

function App() {
	const products = [
		{ name: "Photoshop", price: "$4.00" },
		{ name: "Figma", price: "$5.00" },
		{ name: "Sketch", price: "$6.00" },
	];

	return (
		<div>
			<Products

iamsaief

function App() {
	const products = [
		{ name: "Photoshop", price: "$4.00" },
		{ name: "Figma", price: "$5.00" },
		{ name: "Sketch", price: "$6.00" },
		{ name: "After Efects", price: "$26.00" },
		{ name: "Premier pro", price: "$96.00" },
	];

	return (

iamsaief

import React, { useState } from "react";

function App() {
	return (
		<div>
			<Counter />
		</div>
	);
}

iamsaief

import React, { useState, useEffect } from "react";

function App() {
	return (
		<div>
			<Users />
		</div>
	);
}

iamsaief

const characterMap = (str) => {
  const charMap = {};
  str.split("").forEach((char) => {
    if (charMap[char]) {
      charMap[char]++;
    } else {
      charMap[char] = 1;
    }
  });

iamsaief

A dataset containing named CSS colors.

From MDN: CSS Colors.