TypeScript syntax is often inspired by JavaScript.
In some cases, TS even uses the exact same syntax as JS for a different purpose.
The difference?
JS features focus on values.
TS features focus on types.
Here's a few examples.
Cory House
@housecor.com
2.2K followers 61 following 136 posts
Courses: pluralsight.com YouTube: youtube.com/@housecor Consulting: reactjsconsulting.com ⚛️
![const config = {
entry: ["src/main.tsx"],
ignore: [
// Deliberately telling Knip to ignore all test files.
// This way, if a file or func is only used by a test, knip will report it as unused.
"src/**/*.test.*",
]
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:oqxta3otybn6tmffwkawtor3/bafkreihesandg2pwwp5hxc6b6sowpwq6jt4qghkqvirakhgzaqajrdon3u)
![function useForceErrorViaSearchParam() {
const [searchParams] = useSearchParams();
const error = searchParams.get("throwError");
if (error) throw new Error(error);
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:oqxta3otybn6tmffwkawtor3/bafkreiacpt3ooo523ssqte3mgisq6btrqtpmadwnfggor6rvtdto3gffzy)
![import { useQuery } from "@tanstack/react-query";
type Status = "loading" | "error fetching" | "no devices found" | "available";
export const useMediaAvailability = (kind: MediaDeviceKind) =>
useQuery({
queryKey: ["mediaAvailability", kind],
queryFn: async (): Promise<Status> => {
try {
const mediaDevices = await navigator.mediaDevices.enumerateDevices();
const cameraDevices = mediaDevices.filter((device) => device.kind === kind);
if (cameraDevices.length && cameraDevices.some((d) => d.label)) {
return "available";
}
return "no devices found";
} catch (error) {
return "error fetching";
}
},
});](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:oqxta3otybn6tmffwkawtor3/bafkreiaodq3qaorw5kr5wgl2tzs5r27blb2eq4s253uxla3dwoagmxj5we)
