All post in React - Frontend

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!