Frontend letter to frontend lovers

Hello people, Welcome to this week's iHateReading letter. In today’s section, we will be discussing Frontend. Frontend The React team have introduced React 19, and new changes have come up with 3 new hooks, useTransition is the most desired one, and other changes in the form submit action. Read the detailed blog on the new features in React 19 and watch the video on YouTube. A very detailed blog on how React works under the hood, to all the new comers, React depends on Virtual DOM to track the difference between the actual DOM and then only update or render that part of the DOM element and in this detailed blog the author have explained deeply on how this works in javascript. The spoiler is that even the virtual DOM is a JavaScript object containing DOM elements. Metagpt is a multi-agent framework to create your own software company. Each agent has its dedicated work, one agent will create React to-do apps or frontend work, one agent will write backend Firebase database schema, one agent will create an Astro framework-based documentation website and so on. The idea sounds more like running your own software company using multiple AI agents. Fancy component is a website that provides cool React components that cover a variety of animations. Do check the website. One interesting thing, while sending an invoice to our website sponsor, iHateReading, we were facing an issue with Invoice generation. After trying multiple platforms, we ended up making our own, which we can reuse for further clients. You can check the React source code of the component that helps us generate an Invoice and download it as a PDF as well. https://ihatereading.in/components#784a0a23-c211-45a4-80a7-ffe02db9e263 One nice blog on using the trpc library in developing a full-stack application using React or any frontend framework. Trpc is provided by Tanstack, which provides react-query to make API calls in the frontend or client side. It handles all the data caching and manages multiple API calls in a queue for performance. Tanstack team is taking the frontend game to the next level, releasing a new Tanstack form library to manage form data easily in the frontend. 10 Icon libraries for Next.js, the list includes Lucide, Phosphor, React Icons, Feather and so on. Supabase have introduced new Supabase UI, just like we did iHateReading UI

Apr 27, 2025 - 08:34

Hello people,

Welcome to this week's iHateReading letter. In today’s section, we will be discussing Frontend.

Frontend

The React team have introduced React 19, and new changes have come up with 3 new hooks, useTransition is the most desired one, and other changes in the form submit action. Read the detailed blog on the new features in React 19 and watch the video on YouTube.

A very detailed blog on how React works under the hood, to all the new comers, React depends on Virtual DOM to track the difference between the actual DOM and then only update or render that part of the DOM element and in this detailed blog the author have explained deeply on how this works in javascript. The spoiler is that even the virtual DOM is a JavaScript object containing DOM elements.

Metagpt is a multi-agent framework to create your own software company. Each agent has its dedicated work, one agent will create React to-do apps or frontend work, one agent will write backend Firebase database schema, one agent will create an Astro framework-based documentation website and so on. The idea sounds more like running your own software company using multiple AI agents.

Fancy component is a website that provides cool React components that cover a variety of animations. Do check the website.

One interesting thing, while sending an invoice to our website sponsor, iHateReading, we were facing an issue with Invoice generation. After trying multiple platforms, we ended up making our own, which we can reuse for further clients. You can check the React source code of the component that helps us generate an Invoice and download it as a PDF as well.

https://ihatereading.in/components#784a0a23-c211-45a4-80a7-ffe02db9e263

One nice blog on using the trpc library in developing a full-stack application using React or any frontend framework. Trpc is provided by Tanstack, which provides react-query to make API calls in the frontend or client side. It handles all the data caching and manages multiple API calls in a queue for performance.

Tanstack team is taking the frontend game to the next level, releasing a new Tanstack form library to manage form data easily in the frontend.

10 Icon libraries for Next.js, the list includes Lucide, Phosphor, React Icons, Feather and so on.

Supabase have introduced new Supabase UI, just like we did iHateReading UI