frivolta

// Add a new generic type T
const filterArrayByValue = <T>(
  items: T[],
  propertyName: string,
  valueToFilter: string
): T[] => {
  return items.filter(item =>item[propertyName] === valueToFilter);
};

frivolta

// Add a new generic type P
const filterArrayByValue = <T, P extends keyof T>(
  items: T[],
  propertyName: P,
  valueToFilter: string
): T[] => {
  return items.filter(item =>item[propertyName] === valueToFilter);
};

frivolta

type Book = {
  title: string;
  genre: string;
  publicationYear: number;
};

type Car = {
  modelName: string;
  type: string;
  price: number;

frivolta

// Let's define our valueToFilter type
const filterArrayByValue = <T, P extends keyof T>(
  items: T[],
  propertyName: P,
  valueToFilter: T[P] //Partial<T>
): T[] => {
  return items.filter(item =>item[propertyName] === valueToFilter);
};

frivolta

// Define a book type
type Book = {
  title: string;
  genre: string;
  publicationYear: number;
};

// Define a list of types
const listOfBooks: Book[] = [
  {

frivolta

// Define a book type
type Book = {
  title: string;
  genre: string;
  publicationYear: number;
};

// Define a list of types
const listOfBooks: Book[] = [
  {title: 'Dragon Of The Titans', genre: 'fantasy', publicationYear: 1992},

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";

interface Props {
  children: React.ReactNode;
}

// Generate context
const SidebarContext = React.createContext<UseSidebar>(undefined!);

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);