whoisYeshua

## 00-README-NEXT-SPA.md

      
              5 files
            
          
              40 forks
            
          
              28 comments
            
          
              443 stars
            
          
                gaearon
                / 00-README-NEXT-SPA.md
            
            
              Last active
              May 2, 2024 21:05
            
              
                Next.js SPA example with dynamic client-only routing and static hosting
              
          
    Next.js client-only SPA example

Made this example to show how to use Next.js router for a 100% SPA (no JS server) app.
You use Next.js router like normally, but don't define getStaticProps and such. Instead you do client-only fetching with swr, react-query, or similar methods.
You can generate HTML fallback for the page if there's something meaningful to show before you "know" the params. (Remember, HTML is static, so it can't respond to dynamic query. But it can be different per route.)

Don't like Next? Here's how to do the same in Gatsby.


## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Filter with has vs Filter with includes</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
</head>
<body>
	<h1>Open the console to view the results</h1>

## esm-package.md

      
              1 file
            
          
              200 forks
            
          
              7 comments
            
          
              2779 stars
            
          
                sindresorhus
                / esm-package.md
            
            
              Last active
              May 2, 2024 22:22
            
              
                Pure ESM package
              
          
    Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.
This means you have the following choices:

Use ESM yourself. (preferred)

  Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.


## Every possible TypeScript type.md

      
              1 file
            
          
              13 forks
            
          
              18 comments
            
          
              137 stars
            
          
                laughinghan
                / Every possible TypeScript type.md
            
            
              Last active
              March 31, 2024 04:40
            
              
                Diagram of every possible TypeScript type
              
          
any: magic, ill-behaved type that acts like a combination of never (the proper [bottom type]) and unknown (the proper [top type])

Anything except never is assignable to any, and any is assignable to anything at all.
Identities: any & AnyTypeExpression = any, any | AnyTypeExpression = any
Key TypeScript feature that allows for [gradual typing].


unknown: proper, well-behaved [top type]

Anything at all is assignable to unknown. unknown is only assignable to itself (unknown) and any.
Identities: unknown & AnyTypeExpression = AnyTypeExpression, unknown | AnyTypeExpression = unknown


Prefer over any whenever possible. Anywhere in well-typed code you're tempted to use any, you probably want unknown.


## ElementRef, TemplateRef, ViewRef, ComponentRef and ViewContainerRef.ts
//--------------- ElementRef----------------------


@ViewChild('foo', {static: false}) foo: ElementRef;


@Component({
    selector: 'sample',
    template: `
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>Filter with has vs Filter with includes</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
	</head>
	<body>
	<h1>Open the console to view the results</h1>
	//--------------- ElementRef----------------------


	@ViewChild('foo', {static: false}) foo: ElementRef;



	@Component({
	selector: 'sample',
	template: `