Recent in
React v16.8 introduced a new hook called `useEffect, which allows you to run side effects in your functional components. UseEffect is a great way to handle expensive operations like API calls, but it can take some work. In this post, I'll show you how to use use useEffect` to debounce expensive procedures in Next.js. Debouncing is a technique for controlling the rate at which a function is called.
In this article, I'm going to show you how to build a real-time chat app using React.js and Firebase. In the app, we will allow the user to log in with their Google account using Firebase's Google sign-in Authentication.
For programmers ChatGPT has two problems, it require source code as a context otherwise it'll write some random solution of the error and the source code needs to be within ChatGPT input limit. I came up with a plan to build a VS Code extension which can directly extract source code from the code editor.
Cypress allows users to run multiple domains in one test with cy.origin() and manage pop-up windows. In the following case if test attempts to get access to a new domain, Cypress will throw a cross-origin error.
Every day, thousands of people click photos of their valuable moments with their smartphones and cameras. Businesses also use images on their websites and web apps to communicate information with customers and improve user experience. Low photo quality can be due to several factors, including low resolution, underexposed photos, etc.
When working with JavaScript, you might need to replace a string or substring with a new one. For example, you might want to replace a certain string (like "color” — American English) or substring in a larger text or document with a different string (“colour” — British English).
The ternary operator is a helpful feature in JavaScript that allows you to write concise and readable expressions that perform conditional operations on only one line.
In the we built a Node.js/Express server that exposes an `/ask` endpoint. When this endpoint is triggered and we include a text `prompt', the endpoint interacts with OpenAI's `/completions` API to generate and return a continuation of that text. We'll be building the UI of our app with the React JavaScript library.
Base64 strings represent binary objects in textual format. They are designed to transmit binary data between channels that only support a textual format.
This is the first article of a 3 to 4-part tutorial series. We'll be working towards building our very own custom Q&A chatbot. We’ll be focusing solely on creating a Node.js server where we can interact directly with OpenAI’s APIs.
In this post, we'll show you how to add images to the layout component we created in part two of the series. We'll also show you how to define unique images for each blog post using the frontmatter of the post's MDX file.
In this part of the series, we'll use MDX to define our blog pages. MDX is a powerful tool that allows us to create dynamic, interactive pages with Markdown and JSX.
Benefit from a weekly updates, coding challenges and helpful resources around software development.
Your privacy is important to us. We promise not to send you spam!