Today, I do my best to clearly explain how snapshots work in React and why they're important to understand. 

Today, I'm going to fully explain the rendering, re-rendering, and committing phases in React.js

Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together. 

https://nextjs.org/docs/app/api-reference/functions/revalidatePath

Code: https://github.com/coderyansolomon/react-state

In this video, we'll explore why React's useState hook is essential for building interactive user interfaces. Through a simple counter example, you'll see how relying on plain JavaScript variables fails to trigger UI updates when data changes. By the end, you'll understand how state management ensures your components stay in sync with dynamic data.

Learn how to handle events in React.js with this step-by-step tutorial, perfect for beginners. We'll cover essential techniques for managing button clicks, input changes, and form submissions in a simple, easy-to-follow format. By the end, you'll be equipped to confidently implement event handling in your React projects!

Code: https://github.com/coderyansolomon/react-events

Learn how to build a cool scroll-snap feature in Next.js using Tailwind CSS!

Final Code: https://github.com/coderyansolomon/scrollsnap

Topics Covered:

• What is an event?
• How are event handlers typically passed?
• Calling a function rather than passing a reference to a function
• But what if you need to pass arguments?
• When possible, I like creating functions outside of the component so I can test them a bit easier via exports

Today, I discuss a helpful stragety that has helped improve my productivity as a software engineer while saving me some mental fatigue as well. 

Today, I discuss what I think is one of the hardest parts about software engineering.