React

When using React components in combination with Context, you can optimize rendering by wrapping your React component with React.memo right after your context provider. This will prevent unnecessary re-renders. Here are some examples of how re-rendering works with Context: Example 1: // App (ContextProvider) > A > B > C const App =…

What is rendering? Rendering in React is the process of updating the view or user interface built on the direct and indirect changes in the React component’s state or props. React re-renders the component and updates the view when a component’s state or props change. To display the React element, it is necessary…

React is a popular JavaScript library used to build user interfaces. It is often used in conjunction with other technologies to build full-stack web applications. One of the challenges of deploying a React application is ensuring that it runs consistently across different environments. Docker is a containerization technology that allows…

Welcome to the world of React in 2023! React has come a long way since its inception, and it’s still one of the most popular front-end libraries for building user interfaces. Whether you’re an experienced developer or just starting out, there’s never been a better time to learn React. In…

Hello everyone, I wanna talk about fetching data with an infinitive scroll in React. This week #SundayTechMusings is using infinitive scroll with a throttle function. Why do we need to use Infinitive Scroll? When we fetch data from the server, usually we have to use pagination/infinite scroll. Because if we try to fetch all of the data, it…

Hi there, curious minds! Welcome to the world of development! If you’re feeling a little unsure where to start, don’t worry. This article is designed to guide you through the basics of React in a simple and straightforward way. By the time you’re done reading, you’ll have a good understanding…

React is the Javascript library for building the user interfaces maintained by Facebook. It is based on the flux design pattern which Facebook introduced when they faced some issues in message notification in the initial stage. The Main advantage of react is it maintains a virtual DOM. So let’s assume…

Most of us as a developer working with React.js , it’s common to want to add external JavaScript files to your application. These external scripts may be necessary to add specific functionality or to integrate with other APIs. In this blog post, we’ll explore five different ways you can add…

This article is for designers within Design System Teams who are refreshing their Design System Library to include high-quality Guidelines. Simply architecting your Design System Library around COMPONENTS, COMPOSITIONS, and GUIDELINES is the most effective and straightforward way to create rich documentation for the Design System. I aim to share…