Skip to main content

Posts Tagged ‘react’

Istock 1291751221

useFormState in Next.js: Form Management

In my previous blog, we had discussed using server actions with our forms and managing the loading state with the new useFormStatus hook from react-dom. In this one, we are going to explore another experimental hook from react-dom: useFormState. Concisely, useFormState is a hook to which we provide a function to manipulate form data. The […]

Keyboard with search bar

useNavigate: Navigation React Router v6

In React͏ development, smooth moving between pages is vital for a seamless͏ user experience. React Router v6 brings out the useNavigate hook for advanced navigation, simplifying navigation logic͏ in functional elements. This ͏blog post will delve into the useNavigate hook, its features, functions, and benefits in React Router v6. Introducing useN͏avigate In React Router͏ v6, […]

Optimizely Configured Commerce Best Practices

useFormStatus FormControl in Next.js

In Next JS, developers prefer most of their code to remain on the server side. However, it is quite tricky to accomplish such feats when you are working with forms. Components that require inputs from the user and thus must be client components to perform user operations like button clicks or text inputs. There useFormStatus […]

Istock 1445557229

React Navigation: A Rollercoaster Ride with useHistory

React applications often require navigation between different components and pages. The useHistory hook, provided by React Router, simplifies navigation by providing access to the browser’s history object. In this blog, we’ll explore the useHistory hook, understand its implementation, and see practical examples of how it enhances navigation in React applications. Understanding useHistory The useHistory hook […]

Map with pins

Finding Your Way in React: Exploring useLocation and useParams.

React provides powerful tools for creating dynamic web apps. The two most important hooks for dealing with routing and URLs are useLocation and useParams. In this blog post, we’ll explore these hooks’ functionality, discuss their application with examples, and show you how to combine them to give your React projects smooth navigation. Understanding useLocation The […]

Extending General Link for Experience Editor Mode in Sitecore

Understanding the Shadow DOM in Web Components

Managing the structure and styling of components in web development may frequently become complex, particularly when working on large-scale projects with several developers or integrating third-party components. Because CSS is global, there is a chance for CSS conflicts and accidental styling changes, a common issue for developers. Here’s where the Shadow DOM comes in as […]

Istock 1488521147

Internationalization (I18n) Implementation in React

Internationalization (I18n) is a crucial aspect of building web applications that cater to a global audience. It involves adapting your application to different languages and regions seamlessly. In this blog, we will explore the implementation of I18n in a React app, ensuring a smooth user experience for diverse audiences. Why Internationalization? Before delving into the […]

Shutterstock 321821180

Astro: The Web Framework Revolutionizing Website Development

In this fast-paced world of web development, speed, flexibility, and usability are crucial to creating powerful online experiences. Within this context, Astro, an innovative web framework designed to generate static sites, offers exceptional performance and versatility. This blog will explore the benefits, challenges, and practical tips with Astro and its relevance today. Astro: A Quick […]

Diverse Modern Office: Businessman Leads Business Meeting With Managers, Talks, Uses Presentation Tv With Statistics, Infographics. Digital Entrepreneurs Work On E Commerce Project.

Optimizely Configured Commerce(Spire): Integrating Third-Party NPM Packages

It is frequently necessary to use external libraries and packages in the constantly changing world of web development. For Spire, integrating third-party NPM packages into the system smoothly requires following certain procedures and considerations. Understanding the Setup within Spire Third-party NPM packages can be installed within Spire’s framework by clients and partners. It’s not quite […]

Next Course

A crash course of Next.js: rendering strategies and data fetching (part 1)

This series is my Next.js study resume, and despite it’s keen to a vanilla Next.js,  all the features are applicable with Sitecore SDK. It is similar to the guide I recently wrote about GraphQL and aims reducing the learning curve for those switching to it from other tech stack. Next.js is a React-based framework designed […]

Stylex

Facebook Released StyleX: Is it a Tailwind Killer?

Recently, Facebook (owned by Meta) released its own CSS-in-JS library called StyleX. According to the developers, it is great for large projects and its key advantage is performance. It is expected that StyleX will now be promoted as a best practice for React projects. The claimed benefits of using StyleX are reuse, typification, and everything […]

Tablet, Digital Marketing And Woman Networking On Social Media Or Content Marketing With Seo Algorithm Knowledge. Social Network, Communication And Manager Typing A Post For Online In Office Building

Implementing Skeleton Components in React

In our last blog, we have gone through the concept of what is skeleton component in React. Now we will continue to implement skeleton component in React. The component supports 4 shape variants: text(default): represents a single line of text (you can adjust the height via font size). circular, rectangular, and rounded: come with different […]

Load More