shameemreza

// Use strict equality when comparing variables of the same type
let age = 25;
let legalAge = 21;
console.log(age === legalAge); // false

// Use loose equality when comparing variables that may be a string or a number
let input = "25";
let number = 25;
console.log(input == number); // true

shameemreza

import React from 'react'

const About = () => {
  return (
    <div>
      <h1>About Our App</h1>
      <p>Our app is the best thing since sliced bread.</p>
    </div>
  )
}

shameemreza

import Link from 'next/link'

const Home = () => {
  return (
    <div>
      <Link href="/about">
        <a>About</a>
      </Link>
    </div>
  )

shameemreza

import axios from 'axios'

const About = ({ data }) => {
  return (
    <div>
    <h1>About Our App</h1>
    <p>Our app is the best thing since sliced bread.</p>
    <p>Data from API: {data}</p>
    </div>
   )

shameemreza

function UserProfile({ user }) {
  return (
    <div>
      <h1>{user.name}</h1>
      <p>{user.bio}</p>
    </div>
  );
}

export async function getServerSideProps(context) {

shameemreza

import { useRouter } from "next/router";

function UserProfile() {
  const router = useRouter();
  const { id } = router.query;

  // Fetch data for user with id
  ...

  return (

shameemreza

function UserProfile({ user }) {
  return (
    <div>
      <h1>{user.name}</h1>
      <p>{user.bio}</p>
    </div>
  );
}

export async function getServerSideProps(context) {

shameemreza

import Link from "next/link";

function UserList({ users }) {
  return (
    <ul>
      {users.map((user) => (
        <li key={user.id}>
          <Link href="/users/[slug]" as={`/users/${user.slug}`}>
            <a>{user.name}</a>
          </Link>

shameemreza

import React from "react";

function EmployeeList() {
  return (
    <div>
      {/* Render the employee list here */}
    </div>
  );
}

shameemreza

import React from "react";

function EmployeeList() {
  const employees = [
    { name: "John Doe", age: 25, position: "Software Engineer" },
    { name: "Jane Smith", age: 32, position: "Product Manager" },
    { name: "Mike Johnson", age: 27, position: "UI/UX Designer" },
    { name: "Sarah Lee", age: 30, position: "Marketing Manager" },
  ];