Today I cover debouncing network requests in your React/Next.js apps -- but this concept applies more broadly. TLDR; it sometimes makes sense to only trigger a network request once the user has stopped interacting for a certain amount of time
Finally Understand props.children In React.js
3 JavaScript Features You Need To Know For React
Learn how revalidation works in your fetch requests in Next.js
Learn how to handle uncaught errors in your Next.js apps!
Today, I cover an anti-pattern with using the useEffect hook in React.js
Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching
Struggling to understand the difference between controlled and uncontrolled components in React? In this video, I'll walk you through simple examples of both, explain when you should use each, and show you the real-world pros and cons. 📚 What you'll learn: What a controlled component is What an uncontrolled component is How to implement both types of inputs Which approach is better for different situations Whether you're building simple forms or complex user interfaces, mastering this concept will make your React apps cleaner and easier to maintain. #react #webdevelopment #reactjs
TLDR; don't mutate state directly. Always use setState when updating a piece of state. Also, pass a function when updating state based on previous state.
Today I explain a key point regarding server and client components in Next.js and passing props. Also, I explain what you should know regarding client boundaries in Next.js
Docs: https://www.korbit.ai/ I'm not affiliated with this tool in any way. We've just found it useful the last few months using it on our team. If you know any tools, or even something better than Korbit, let me know in the comments below.
Learn the recommended way to fetch data in Next.js as well as some patterns to know about client and server components.
In todays video, I cover the core concepts of React.js in about 20 minutes. Of course, this isn't everything you need to know. But it is a good starting place and review for some.
docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components