React

Dec 30, 2021

• authorImg Chetan Gawai
authorImg Chetan Gawai

I am a Javascript and React enthusiast, and I absolutely love writing technical blogs. There's just something about the process of breaking down complex concepts and sharing my knowledge with others that really excites me. In my free time, I enjoy exploring my other passions, such as painting, gardening, cooking, and managing my food blog.

Meet the new hook useSyncExternalStore, introduced in React 18 for external stores

 The most significant update of React 18 comes with concurrent rendering. However, with the external store, there are some issues(tearing) that come up with concurrent rendering. To fix these issues, React 18 provides a new hook, useSyncExternalStore.

Dec 23, 2021

• authorImg Shivam Chahar
authorImg Shivam Chahar

Shivam is a Ruby on Rails and ReactJS Developer.

Navigation in React Router 6

 React Router provides us with an easy-to-use interface for navigation, allowing us to manipulate and subscribe to the browser's history stack.

Dec 16, 2021

• authorImg Chetan Gawai
authorImg Chetan Gawai

I am a Javascript and React enthusiast, and I absolutely love writing technical blogs. There's just something about the process of breaking down complex concepts and sharing my knowledge with others that really excites me. In my free time, I enjoy exploring my other passions, such as painting, gardening, cooking, and managing my food blog.

Understanding Hydration in React applications(SSR)

 Hydration is used only with server-side rendering (SSR). It is a process of rendering our components and attaching event handlers.

Dec 9, 2021

• authorImg Chetan Gawai
authorImg Chetan Gawai

I am a Javascript and React enthusiast, and I absolutely love writing technical blogs. There's just something about the process of breaking down complex concepts and sharing my knowledge with others that really excites me. In my free time, I enjoy exploring my other passions, such as painting, gardening, cooking, and managing my food blog.

React 18 provides useId API for generating unique IDs on both the client and server

 React 18 introduces a new hook API - useId, that generates stable ids during server rendering and hydration to avoid mismatches.

Dec 2, 2021

• authorImg Shivam Chahar
authorImg Shivam Chahar

Shivam is a Ruby on Rails and ReactJS Developer.

What's new in React Router 6?

 React Router 6 has some amazing features added with improved bundle size.

Nov 11, 2021

• authorImg Murtaza Bagwala
authorImg Murtaza Bagwala

A passionate full stack software engineer having 7 years of experience in building scalable enterprise systems. I have worked predominantly with the JVM and Javascript ecosystem but currently exploring Rails. For me, software engineering is all about solving problems in the most optimal way. I am an avid practitioner of clean code practices and love to read about System Design and Architectures. When I am not coding I love to play playstation, read anything about aviation or go out for a long drive and of-course I am foodie by heart.

Different ways to handle state in React applications

 Sometimes, it is better not to use any external state management tool unless our application is that complex. We can avoid complexities involved in state management using some of the inherent ways.

Sep 30, 2021

• authorImg Ajinkya Deshmukh
authorImg Ajinkya Deshmukh

Ajinkya is a Frontend Developer.

React DevTools adds a feature to trigger an error boundary, making testing easier

 A new enhancement in React DevTools provides a toggle error button to test Error Boundaries.

Sep 23, 2021

• authorImg Murtaza Bagwala
authorImg Murtaza Bagwala

A passionate full stack software engineer having 7 years of experience in building scalable enterprise systems. I have worked predominantly with the JVM and Javascript ecosystem but currently exploring Rails. For me, software engineering is all about solving problems in the most optimal way. I am an avid practitioner of clean code practices and love to read about System Design and Architectures. When I am not coding I love to play playstation, read anything about aviation or go out for a long drive and of-course I am foodie by heart.

Normalizing Redux state to ensure good performance in React apps

 In complex applications, client apps have to store and manage a large amount of nested data, and if the data is not normalized, it can be incredibly time-consuming for a program to lookup nested data which could become a performance concern.

Sep 9, 2021

• authorImg Chetan Gawai
authorImg Chetan Gawai

I am a Javascript and React enthusiast, and I absolutely love writing technical blogs. There's just something about the process of breaking down complex concepts and sharing my knowledge with others that really excites me. In my free time, I enjoy exploring my other passions, such as painting, gardening, cooking, and managing my food blog.

Keep the React app responsive even during large screen updates with startTransition API introduced in React 18

 The newly introduced startTransition API helps to improve the user interactions by categorizing the state updates as urgent and non-urgent.

Jul 29, 2021

• authorImg Chetan Gawai
authorImg Chetan Gawai

I am a Javascript and React enthusiast, and I absolutely love writing technical blogs. There's just something about the process of breaking down complex concepts and sharing my knowledge with others that really excites me. In my free time, I enjoy exploring my other passions, such as painting, gardening, cooking, and managing my food blog.

React 18 improves the existing behavior of Suspense

 React 18 delays committing everything inside the Suspense boundary (the suspended component and all its siblings) until the suspended data resolves.