All post in Tutorials

React Reconciliation & React Fiber

Henri Remonen

In our article about how React re-renders we managed to peek at how React reconciliation algorithm works. However, we did not go deep into its soul and inner parts. I wanted to write a follow-up post that will go deeper into the internals of React and more specifically – the reconciler and the React Fiber.

Nested Components are an Anti-Pattern in React

Henri Remonen

Even though declaring functions inside other functions can be a used technique to tackle problems, it is an anti-pattern in React. Using nested components in React will lead to performance issues and unexpected bugs, if you would like to know why that is, this is your chance to do so!
React 19 - What to Expect

React 19 – What to Expect?

Henri Remonen

The latest version of React is just around the corner and we can expect it to be released later this year. Some of the exciting features that we can look forward to are React Forget, server actions, new hooks, and error boundaries. Keep an eye out for the launch and be prepared to take advantage of these new features!
How React Re-renders - React, Frontend

How React Re-renders?

Henri Remonen

React uses components and elements to build user interfaces. When a component is updated, React re-renders the elements. If you're not familiar with these concepts, don't worry. We'll cover them briefly, and if this struct a chord you're welcome to learn more as we can explore these concepts further!
Are Tailwind Container Queries Supreme? - React, Tailwind - Frontend

Are Tailwind Container Queries Supreme?

Henri Remonen

Acquiring a specific layout design using media queries can be a daunting task. Fortunately, container queries offer an excellent solution to this challenge. In this article, we will explore how to use container queries and the fundamental concepts behind them. Additionally, we will dive into a more "real-world" use case of container queries in more detail.
5 Essential Advanced Tailwind Tips

5 Essential Advanced Tailwind Tips

Henri Remonen

Tailwind has gained a lot of popularity. Because of its utility-first approach, it is easy and intuitive to get started with. I feel like the main benefit is not having to juggle between separate CSS files speeding up the development process. This is not a tutorial on how to set up Tailwind. Nor will I cover how to center a div. I’ll showcase five Tailwind techniques which helped me on my dev journey and I’ve found out to be the most helpful.
Accessible Navbar In Next.js. React, Next.js - Frontend.

Start Creating Accessible Navbars in Next.js 14

Henri Remonen

Creating navbars is kinda easy right? Well yes, but have you considered the accessibility aspects of the navbar. This post is more of a guide on how to implement an accessible navbar in React. However, the underlying HTML can be integrated into your workflow regardless of the framework.