#react

[ follow ]
fromMedium
1 week ago

How React Batching and Scheduling Work Behind the Scenes

React allows multiple updates to be batched together, which minimizes the number of render passes and significantly improves performance in applications. With this optimization, developers can create smoother and more efficient user interfaces by reducing the number of times components are rendered.
React
fromMedium
1 week ago

How React Batching and Scheduling Work Behind the Scenes

Understanding batching and scheduling in React is essential for building performant applications.
Web development
fromInfoWorld
6 days ago

XMLUI builds React-based UIs with simple markup

XMLUI enables developers to create React-based UIs via XML markup without requiring React or CSS expertise.
#mediapipe
#web-development
UX design
fromMedium
4 months ago

5 Top Lovable Alternatives in 2025

Consider alternatives to Lovable for greater flexibility and modularity in web application development.
HopeAI is highlighted as a leading alternative for its composable architecture.
UX design
fromMedium
4 months ago

5 Top Lovable Alternatives in 2025

Consider alternatives to Lovable for greater flexibility and modularity in web application development.
HopeAI is highlighted as a leading alternative for its composable architecture.
fromHackernoon
1 year ago

Building a Simple Spotify Trends Dashboard with React & Data Viz Libraries | HackerNoon

Creating a one-page data analytics app using Flexmonster, Highcharts, and React is efficient and enhances user experience.
fromMedium
2 weeks ago

Complete Guide to React Server Components in React 19 & Next.js 15

React Server Components (RSC) enable components to be rendered on the server, delivering HTML or serialized data to the client, enhancing application performance.
React
#typescript
fromAdropincalm
3 weeks ago
Web development

Create React UI component with uncontrollable

Uncontrollable simplifies state management in React UI libraries, reducing boilerplate code for handling props.
#svg
fromCodrops
3 weeks ago
Web development

Building an Infinite Marquee Along an SVG Path with React & Motion | Codrops

fromCodrops
3 weeks ago
Web development

Building an Infinite Marquee Along an SVG Path with React & Motion | Codrops

#ai
fromLogRocket Blog
1 month ago

TanStack Start vs. Next.js: Choosing the right full-stack React framework - LogRocket Blog

Next.js has been the go-to choice for building full-stack React applications, thanks to its server-first approach and built-in support for server-side rendering.
React
#nextjs
#tanstack-form
fromInfoQ
1 month ago

Vitest Introduces Browser Mode as Alternative to JSDOM

Vitest, by introducing its Browser Mode, allows tests to run in an actual browser context, enhancing reliability and realism in UI testing.
Node JS
fromLogRocket Blog
1 month ago

React forwardRef explained: Usage, alternatives, and React 19 update - LogRocket Blog

forwardRef is a React utility that allows a parent component to pass a ref through a child component to directly access the child's DOM node or instance.
React
#laravel
fromLogRocket Blog
2 months ago

Build a React AI image generator with Hugging Face Diffusers - LogRocket Blog

AI has revolutionized creativity in image generation, using text prompts to create art.
This article provides a guide to building an AI image generator app using React and Hugging Face.
Comparisons are made between local inference and managed endpoints for performance and cost.
Diffusion models are key to converting noise into recognizable images based on prompts.
React
fromHackernoon
2 months ago

Mastering Asynchronous JavaScript Callbacks, Promises, and Async, Await for Cleaner React Components | HackerNoon

Asynchronous JavaScript ensures a smooth UI experience in React by effectively managing data fetching and user interactions.
fromHackernoon
3 years ago

Creating a Type-Safe Router for React Without Browser Navigation | HackerNoon

The article discusses creating a typed routing navigation system for React apps, focusing on scenarios where simpler solutions replace traditional URL navigation, especially for apps like Electron.
React
React
fromSitepoint
2 months ago

How to Build Scalable Web Apps with React JS - SitePoint

Scalability is essential for application survival, enabling growth without performance degradation.
fromHackernoon
3 years ago

Understanding React Rendering Without the Buzzwords | HackerNoon

Understanding re-renders and their triggers is essential for optimizing React components.
fromHackernoon
4 years ago

Every Popular React Pattern You Should Know About | HackerNoon

The Container & Presentational Components pattern effectively separates logic from presentation, allowing for clearer and more maintainable code structure in React.
React
#front-end-development
fromVuejobs
2 months ago
Marketing tech

Senior Developer for Geospatial Media Planning Company (remote) at Goldfish Ads

fromVuejobs
2 months ago
Marketing tech

Senior Developer for Geospatial Media Planning Company (remote) at Goldfish Ads

fromLogRocket Blog
2 months ago

React WebSocket tutorial: Real-time messaging with WebSockets and Socket.IO - LogRocket Blog

The WebSocket protocol offers persistent, real-time, full-duplex communication between the client and the server over a single TCP socket connection.
Node JS
fromLogRocket Blog
2 months ago

React View Transitions and Activity API tutorial: Animate an AirBnB clone - LogRocket Blog

The React View Transition API simplifies the addition of animations during page transitions, streamlining the process for developers by automatically managing DOM interactions.
React
fromHackernoon
4 months ago

Production Grade Deployment of a Full Stack Web App (React + Node) With Docker and EC2 | HackerNoon

"This guide is suitable for production-grade applications, guiding you through deploying a React and Node app on EC2 using Docker, Docker Compose, and Nginx."
Node JS
fromRubyflow
2 months ago

I used to think connecting a React frontend with a Rails API would be complex.

Connecting a frontend React app with a Rails API is more straightforward than expected, especially when using Docker to handle the setup efficiently.
fromLogRocket Blog
2 months ago

Building functional UI from design mockups with Penpot - LogRocket Blog

Implementing a collaborative design-to-code process using Penpot enhances UI consistency and maintainability in React applications.
#javascript
Node JS
fromLogRocket Blog
4 months ago

The complete guide to the AbortController API - LogRocket Blog

The AbortController API in Node.js helps manage and abort asynchronous processes effectively.
Angular
fromInfoWorld
3 months ago

Comparing Angular, React, Vue, and Svelte: What you need to know

Reactive frameworks like Angular, React, Vue, and Svelte have evolved significantly, enhancing their utility for building scalable applications.
Node JS
fromLogRocket Blog
4 months ago

The complete guide to the AbortController API - LogRocket Blog

The AbortController API in Node.js helps manage and abort asynchronous processes effectively.
fromblog.logrocket.com
2 months ago

Is OpenNext really the key to Next.js portability? - LogRocket Blog

Single Responsibility Principle (SRP) enhances code maintainability and scalability.
React
fromLogRocket Blog
3 months ago

Axios POST requests: Handling errors, authentication, & best practices - LogRocket Blog

Axios is a powerful HTTP client for making asynchronous requests, particularly useful for POST method in web development.
fromLogRocket Blog
3 months ago

The 9 best Create React App alternatives - LogRocket Blog

Create React App has been deprecated as of February 2025 in favor of more modern alternatives for creating React applications.
fromLogRocket Blog
3 months ago

React Hook Form vs. React 19: Should you still use RHF in 2025? - LogRocket Blog

React Hook Form utilizes uncontrolled inputs with ref, enhancing performance and reducing re-renders. This makes it compatible with UI libraries that support the ref attribute.
React
fromLogRocket Blog
3 months ago

Building responsive websites fast: A Float UI tutorial - LogRocket Blog

Float UI offers pre-made templates using Tailwind CSS, enabling quick website creation for developers.
fromLogRocket Blog
3 months ago

How to handle data fetching with React Suspense - LogRocket Blog

React Suspense revolutionizes async data fetching in React by enabling components to pause rendering, eliminating boilerplate code and enhancing user experience.
React
fromLogRocket Blog
3 months ago

React-Toastify (2025 update): Setup, styling & real-world use cases - LogRocket Blog

React-Toastify provides a simple way to implement toast notifications in React applications.
React
fromLogRocket Blog
3 months ago

Best React chart libraries (2025 update): Features, performance & use cases - LogRocket Blog

React chart libraries simplify data visualization, especially for complex projects.
The article compares popular libraries in 2025 and includes community insights.
fromGeeky Gadgets
3 months ago

Learn How to Build a MCP Clients with Gemini 2.5 Pro

A custom MCP client using Gemini 2.5 Pro offers flexible communication solutions utilizing modern technologies.
Backend development involves establishing server connections and APIs, while frontend focuses on user interface and contextual memory.
Contextual memory enhances conversation flow and user engagement by recalling past interactions.
Voice response improves accessibility for a diverse range of users.
fromLogRocket Blog
3 months ago

How to use the React useRef Hook effectively - LogRocket Blog

useRef is a React Hook that maintains mutable values across re-renders without causing them.
React
fromVuejobs
3 months ago

React Certification Content Owner (part/full-time) at Bitter Brains

BitterBrains is seeking a React Certification Exam Content Owner to develop, maintain, and ensure quality of React certification content.
Women in technology
fromRaymondcamden
4 months ago

Watch me suffer with React more in tomorrow's Code Break!

The author is actively seeking roles in developer relations and advocacy.
A live event will focus on learning React, encouraging audience participation.
Web frameworks
fromHackernoon
3 years ago

React vs. Vue vs. Angular: Which Framework is Best for Developers in 2025? | HackerNoon

Choosing the right JavaScript framework is critical for business success in a competitive market.
React
fromDEV Community
4 months ago

How to Dockerize a React App: A Step-by-Step Guide for Developers

Containerizing React applications streamlines development, scalability, and ensures consistent environments across deployments.
Node JS
fromHackernoon
5 years ago

Making a Draggable Menu in React Using DndKit | HackerNoon

DnD Kit facilitates flexible drag-and-drop functionalities, ideal for creating customizable menu-like moving blocks.
fromCodeuptoday - New Way To Go Ahead
4 months ago

Boosting Performance with Lazy Loading in React - Codeuptoday

Lazy loading is a strategy where components, images, or other assets are loaded only when they enter the viewport or are required by user interaction.
React
React
fromLogRocket Blog
4 months ago

16 React component libraries and kits for improved UI - LogRocket Blog

React UI libraries offer pre-built components that improve development efficiency.
Choosing the right library depends on various project requirements and community support.
Using UI libraries allows developers to focus on functionality over design.
#performance-optimization
React
fromLogRocket Blog
5 months ago

React.memo explained: When to use it (and when not to) - LogRocket Blog

React.memo improves performance by preventing unnecessary re-renders of functional components unless their props change.
React
fromRaymondcamden
4 months ago

Code Break this Thursday - Ray Finally Learns React

A developer advocate is excited to finally dive into learning React, challenging their past resistance to the framework.
React
fromHackernoon
6 months ago

Writing Scalable and Maintainable React Code with SOLID Principles | HackerNoon

Applying SOLID principles enhances React component design by promoting modular and maintainable code.
fromLogRocket Blog
5 months ago

What is the virtual DOM in React? - LogRocket Blog

The virtual DOM allows React to efficiently update the UI by calculating the minimal set of changes needed, enhancing user experience through reduced direct manipulations.
React
React
fromLogRocket Blog
5 months ago

React useCallback: When and how to use it for better performance - LogRocket Blog

useCallback prevents function recreation on renders, improving performance in React applications.
React
fromLogRocket Blog
5 months ago

Building a reusable multi-step form with React Hook Form and Zod - LogRocket Blog

Creating multi-step forms in React improves user experience by reducing overwhelming complexity.
Utilizing React Hook Form and Zod for validation creates a robust, reusable form component.
React
fromInfoWorld
5 months ago

Plug-and-play web development with Astro

Astro effectively combines various JavaScript frameworks to enhance web app performance and SEO.
React
fromLogRocket Blog
5 months ago

Advanced React state management using URL parameters - LogRocket Blog

URL-based state management in React enhances user experience while considering SEO, performance, and accessibility.
Understanding URL parameters and search queries is crucial for effective state management in modern web applications.
fromLogRocket Blog
5 months ago

How to use React higher-order components - LogRocket Blog

HOCs enhance React components with additional functionality, especially in legacy systems.
HOCs and Hooks serve different use cases despite Hooks being preferred for state management.
#ui-components
JavaScript
fromMedium
6 months ago

Building Reusable Material UI Components for React Hook Form

React Hook Form simplifies form handling but integrating it with Material UI can be challenging.
Using the Controller component addresses issues with third-party UI components not exposing refs.
fromInfoQ
6 months ago

Make Your Design System Work for You and Your Team

I think I'm also a magician. I became the technical product owner about a year ago.
UX design
[ Load more ]