frivolta

import * as React from "react";
import { render } from "react-dom";
import { SidebarProvider, useSidebarContext } from "./useSidebarContext";
import { ChildComponent } from "./childComponent";

export const App = () => {
  const [isOpen] = useSidebarContext();

  return (
    <div>

frivolta

import { useState, useEffect } from "react";

export type UseSidebar = [
  boolean,
  React.Dispatch<React.SetStateAction<boolean>>
];

export const useSidebar = (newOpenValue: boolean): UseSidebar => {
  const [isOpen, setIsOpen] = useState(true);

frivolta

import * as React from "react";
import { useSidebar, UseSidebar } from "./useSidebar";
import { createGenericContext } from "./createGenericContext";
interface Props {
  children: React.ReactNode;
}

// Generate context
const [useSidebarContext, SidebarContextProvider] = createGenericContext<
  UseSidebar

frivolta

import React from "react";
import { useSidebarContext } from "./useSidebarContext";

export const ChildComponent: React.FC = () => {
  const [isOpen, setIsOpen] = useSidebarContext();

  return (
    <>
      <p>Sidebar is: {isOpen ? "Open" : "Closed"}</p>
      <button onClick={() => setIsOpen(!isOpen)}>Toggle sidebar</button>

frivolta

import React from "react";

export const createGenericContext = <T extends unknown>() => {
  // Create a context with a generic parameter or undefined
  const genericContext = React.createContext<T | undefined>(undefined);

  // Check if the value provided to the context is defined or throw an error
  const useGenericContext = () => {
    const contextIsDefined = React.useContext(genericContext);
    if (!contextIsDefined) {

frivolta

const firstArr = new Array(200).fill(undefined).map((val, i) => `item${i}`)
const secondArr = new Array(250).fill(undefined).map((val, i) => `item${i}`)
const result = secondArr.reduce(
  (acc, item) => {
    return acc.includes(item) ? acc : [...acc, item]
  },
  [...firstArr]
)

frivolta

const firstArr = new Array(200).fill(undefined).map((val, i) => `item${i}`)
const secondArr = new Array(250).fill(undefined).map((val, i) => `item${i}`)

frivolta

const result = []
for (let i = 0; i < firstArr.length; i++) {
  if (result.indexOf(firstArr[i]) == -1) result.push(firstArr[i])
}
for (let i = 0; i < secondArr.length; i++) {
  if (result.indexOf(secondArr[i]) == -1) result.push(secondArr[i])
}

frivolta

const concatArr = firstArr.concat(secondArr)
const result = concatArr.filter((item, idx) => concatArr.indexOf(item) === idx)

frivolta

const result = [...new Set([...firstArr, ...secondArr])]