How 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 MoreAll Posts: Page 5
Build Multi-Page Forms with Formik and NextJS
Learn how to build multi-page forms with Formik and NextJS. Retain the form state across multiple tabs and routes using shallow routing.
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 MoreFormik Tutorial: Only Send Modified or Changed Fields on onSubmit.
Learn how to send only modified or changes values in Formik in deeply nested objects. Remove the unchanged values!
Read MorePractical Guide to Redirects in NextJS
Learn the best practices when using redirects in NextJS. When and how to redirect inside getStaticProps, getServerSideProps, middleware, API routes and next.config.js
Read MoreHow to Redirect to 404 Page in NextJS When Using Dynamic Routes
Learn how to redirect to 404 Page when using getServerSideProps and getStaticProps Dynamic Routes.
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 MoreBuild a Responsive React Table of Contents Component with DaisyUI
Learn how to build a React table of contents component that works on desktop and mobile using Typescript, React, and DaisyUI!
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 Build a React OTP Input From Scratch Using DaisyUI
Learn how to build a 6-digit react otp input and automatic submission through WebOTP API in a React Application.
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 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!
