How to Set up Styled-Components with SSR in NextJS (Typescript)
Learn how to set up styled-components themes in NextJS when using Typescript.
Read MoreCategory Typescript
How to Extend User and Session in NextAuth.js (Typescript)
Learn how to extend the user and session objects in typescript to get more information about the user when using useSession, getSession, or getToken.
Read MoreDynamically Filter Array of Objects in Typescript
In this article, you will learn how to filter an array of objects in typescript dynamically using expressions and queries.
Read MoreHow to Configure Typescript baseUrl in a Node.js Project
Learn how to configure baseUrl in a NodeJS project by using tsc-alias for production builds and ts-node-dev for development.
Read MoreHow to Import a JSON file in Typescript
To import a JSON file in typescript you have to enable two settings in tsconfig.json: esModuleInterop and resolveJsonModule.
Read MoreHow to Flatten an Object in JavaScript or TypeScript
Learn how to flatten objects in javascript and transform it into dot notation. Flatten deeply nested objects, with arrays, and whatnot.
Read MoreHow to Parse NextJS Query Params in Typescript
In this tutorial we're going to learn how to parse and get fully-typed NextJS query parameters in Typescript.
Read MoreHow to Sort Array of Objects In Typescript
Learn how to sort an array of objects in TypeScript. Implement a dynamic compare function to sort an array of objects dynamically.
Read MoreHow to Track Scroll Direction Inside IntersectionObserver in React
In this article, I will show you how to track the scroll direction inside an intersection observer in React. It can be used when implementing a Table of Contents component.
Read MoreHow to Escape RegExp Special Characters in Javascript (or Typescript)
This tutorial shows you three ways to escape special characters in query strings in javascript.
Read MoreSpeed Up Your React Apps By using Debounce (with Typescript)
Using debounce is the one of the techniques you should learn to speed up your apps by limiting function executing on user generated input.
Read MoreHow to use React useRef in Typescript
Tired of all the useRef errors in typescript? In this beginner guide, I'm going to show you all you need to know about using React's useRef hook in typescript.
Read MoreDisclaimer
This content may contain links to products, software and services. Please
assume all such links are affiliate links which may result in my earning
commissions and fees.
As an Amazon Associate, I earn from qualifying purchases. This means that
whenever you buy a product on Amazon from a link on our site, we receive a
small percentage of its price at no extra cost to you. This helps us
continue to provide valuable content and reviews to you. Thank you for
your support!
Tags
#React.js#javascript#next.js#router#best practices#daisyui#tailwindcss#urql#typescript#next#editorjs#prism.js#react-table#Formik#Javascript Fundamentals#React Debounce#GraphQL#escape regex#Typescript Basics#Node#NextAuth.js#Next Middleware#react-select#react-bootstrap#sass#styled-components#MUI#purge-css#axios#Carousel#zod#yup#dayjs#date validation#lodash#react hooks#material-ui#mongoose#typegoose#mongodb#next-app-router#next 13#chart-js#chart-js-2#chart-js-3#stripe#stripe checkout#react chartjs 2#nodejs#local storage#astro#ga4#google analytics 4#ubuntu
