#react
#react

The complete guide to the AbortController API - LogRocket Blog

The AbortController API in Node.js helps manage and abort asynchronous processes effectively.

fromStateofreact

State of React 2024

React 19 focused on improving existing features while maintaining stability, showcasing significant advancements without major breaking changes.

React

How to manage JavaScript closures in React - LogRocket Blog

Understanding and managing JavaScript closures is crucial in React projects.

JavaScript

Server-side rendering is having a moment

React and its ecosystem continue to dominate front-end development despite emerging frameworks.

Data-driven insights from Sentry highlight the importance of server-side rendering in future front-end development.

Plug-and-play web development with Astro

Astro effectively combines various JavaScript frameworks to enhance web app performance and SEO.

Angular

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

The complete guide to the AbortController API - LogRocket Blog

The AbortController API in Node.js helps manage and abort asynchronous processes effectively.

fromStateofreact

State of React 2024

React 19 focused on improving existing features while maintaining stability, showcasing significant advancements without major breaking changes.

React

How to manage JavaScript closures in React - LogRocket Blog

Understanding and managing JavaScript closures is crucial in React projects.

JavaScript

Server-side rendering is having a moment

React and its ecosystem continue to dominate front-end development despite emerging frameworks.

Data-driven insights from Sentry highlight the importance of server-side rendering in future front-end development.

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.

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.

Graphic design

How to Cheat at UI Design

Designing doesn't require starting from scratch if you leverage modern tools effectively.

fromCodeuptoday - New Way To Go Ahead

JavaScript

UI Component Documentation: A Developer's Guide

Effective documentation of UI components is essential for scalability and collaboration.

Bit streamlines the development and documentation of UI components, making it easier for teams to maintain them.

React

Boosting Performance with Lazy Loading in React - Codeuptoday

Lazy loading optimizes performance by delaying non-critical resource loading until necessary.

React

A guide to using SVGs in React - LogRocket Blog

SVG is a versatile image format supported in modern web applications, especially within React.

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.

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.

Graphic design

How to Cheat at UI Design

Designing doesn't require starting from scratch if you leverage modern tools effectively.

fromCodeuptoday - New Way To Go Ahead

JavaScript

UI Component Documentation: A Developer's Guide

Effective documentation of UI components is essential for scalability and collaboration.

Bit streamlines the development and documentation of UI components, making it easier for teams to maintain them.

React

Boosting Performance with Lazy Loading in React - Codeuptoday

Lazy loading optimizes performance by delaying non-critical resource loading until necessary.

React

A guide to using SVGs in React - LogRocket Blog

SVG is a versatile image format supported in modern web applications, especially within React.

more#web-development

React

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.

fromSitePoint Forums | Web Development & Design Community

React

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.

Web frameworks

Which Front-End Framework Feels Most "Future-Proof" in 2025?

Developers seek future-proof frameworks that excel in performance, adaptability, and community support.

Web frameworks

Struggling with your PDF report workflow? Try this - LogRocket Blog

PDF reports enhance customer experience by providing flexible delivery options for vehicle service updates.

fromGeeky Gadgets

Online Community Development

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.

fromVuejobs

3 weeks ago

React

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.

fromRaymondcamden

Women in technology

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.

#software-development

Writing Scalable and Maintainable React Code with SOLID Principles | HackerNoon

Applying SOLID principles enhances React component design by promoting modular and maintainable code.

JavaScript

How Slack Used an AI-Powered Hybrid Approach to Migrate from Enzyme to React Testing Library

Slack migrated from Enzyme to React Testing Library to maintain test quality and coverage after Enzyme's support for React 18 ended.

3 years ago

Web frameworks

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.

Writing Scalable and Maintainable React Code with SOLID Principles | HackerNoon

Applying SOLID principles enhances React component design by promoting modular and maintainable code.

JavaScript

How Slack Used an AI-Powered Hybrid Approach to Migrate from Enzyme to React Testing Library

Slack migrated from Enzyme to React Testing Library to maintain test quality and coverage after Enzyme's support for React 18 ended.

more#software-development

3 years ago

Web frameworks

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.

#development

fromDEV Community

React

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.

Artificial intelligence

Building React Design Systems with AI

AI tools enhance the efficiency and collaboration in developing modern React design systems by automating repetitive tasks and streamlining workflows.

fromDEV Community

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.

Artificial intelligence

Building React Design Systems with AI

AI tools enhance the efficiency and collaboration in developing modern React design systems by automating repetitive tasks and streamlining workflows.

Node JS

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.

JavaScript

Creating a MUI Design System: Wrapping vs. Global Overrides

Customization is vital for maintaining consistency and brand alignment in MUI-based designs.

Two main strategies for customization in MUI are component wrapping and global overrides.

JavaScript

Creating a MUI Design System: Wrapping vs. Global Overrides

Customization is vital for creating a cohesive and scalable design system using MUI.

Node JS

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.

JavaScript

Creating a MUI Design System: Wrapping vs. Global Overrides

Customization is vital for maintaining consistency and brand alignment in MUI-based designs.

Two main strategies for customization in MUI are component wrapping and global overrides.

#performance-optimization

JavaScript

Creating a MUI Design System: Wrapping vs. Global Overrides

Customization is vital for creating a cohesive and scalable design system using MUI.

more#user-interface

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

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

Pure components in React: Using PureComponent and React.memo - LogRocket Blog

Leverage PureComponent and React.memo to optimize React applications, preventing unnecessary re-renders.

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

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

useCallback prevents function recreation on renders, improving performance in React applications.

more#performance-optimization

React

Pure components in React: Using PureComponent and React.memo - LogRocket Blog

Leverage PureComponent and React.memo to optimize React applications, preventing unnecessary re-renders.

#performance

JavaScript

React libraries for building forms and surveys - LogRocket Blog

Using form libraries simplifies form management in React by handling validation, submissions, and performance issues effectively.

fromblog.logrocket.com

React

A guide to the CSS cursor property - LogRocket Blog

React.memo optimizes performance in React by preventing unnecessary re-renders.

JavaScript

React libraries for building forms and surveys - LogRocket Blog

Using form libraries simplifies form management in React by handling validation, submissions, and performance issues effectively.

fromblog.logrocket.com

React

A guide to the CSS cursor property - LogRocket Blog

React.memo optimizes performance in React by preventing unnecessary re-renders.

React

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.

JavaScript

Building Reusable Material UI Components for React Hook Form

Using React Hook Form's Controller with Material UI components simplifies form handling in React, enhancing maintainability.

JavaScript

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.

React

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.

JavaScript

Building Reusable Material UI Components for React Hook Form

Using React Hook Form's Controller with Material UI components simplifies form handling in React, enhancing maintainability.

JavaScript

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.

React

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.

fromwww.sitepoint.com

JavaScript

Publish project error message

Unused variables need to be addressed

Specify types instead of 'any' in TypeScript

Ensure React Hook dependencies are correct

Avoid empty interfaces in TypeScript

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.

fromwww.sitepoint.com

JavaScript

Publish project error message

Unused variables need to be addressed

Specify types instead of 'any' in TypeScript

Ensure React Hook dependencies are correct

Avoid empty interfaces in TypeScript

UI Component Documentation: A Developer's Guide

Bit simplifies the development, documentation, and package management of reusable UI components for scalable user interfaces.

Onlook: A React visual editor - LogRocket Blog

Onlook bridges the gap between design and development, allowing seamless integration and real-time editing of React applications.

#open-source

UX design

Make Your Design System Work for You and Your Team

PatternFly is an open-source design system evolving for Red Hat's enterprise applications, focusing on flexibility, community, and expert engagement.

fromGitHub

JavaScript

GitHub - fecommunity/reactpress: ReactPress is a free blog and CMS system developed using the React library. Demo sitehttps://blog.gaoredu.com

ReactPress is an open-source publishing platform that allows users to create blogs and websites using a modern tech stack.

UX design

Make Your Design System Work for You and Your Team

PatternFly is an open-source design system evolving for Red Hat's enterprise applications, focusing on flexibility, community, and expert engagement.

fromGitHub

JavaScript

GitHub - fecommunity/reactpress: ReactPress is a free blog and CMS system developed using the React library. Demo sitehttps://blog.gaoredu.com

ReactPress is an open-source publishing platform that allows users to create blogs and websites using a modern tech stack.

New Template Offers Minimal Setup to Get React Working | HackerNoon

Clearly differentiate between client-side and server-side builds for React applications when adapting projects for full-stack development.

fromMakemychance - Get Your Chance

8 months ago

Enhancing Web Applications with AI - Makemychance

Integrating AI into React enhances interactivity and user experience through dynamic responses powered by OpenAI's APIs.

fromSitePoint Forums | Web Development & Design Community

JavaScript

React: handling updating settings without breaking component?

The LightGallery instance may not properly re-initialize after changes to settings, leading to display issues.

fromwww.sitepoint.com

JavaScript

Problem with component

You need to provide a value for 'value' in your component's props.

fromBerlin Startup Jobs

fromSitePoint Forums | Web Development & Design Community

Web design

Job Vacancy: Senior Frontend Engineer (m/f/d) // Softwaregini | IT / Software Development Jobs | Berlin Startup Jobs

Softwaregini seeks experienced frontend engineers to drive innovation in B2B SaaS solutions.

fromSitePoint Forums | Web Development & Design Community

React

Error message I don't understand

Ensure you are correctly returning valid JSX from the Navbar function.

Check if the 'cart' prop is received correctly and has valid items.

Review syntax in the component, especially around JSX elements.

JavaScript

Deploying a React Application with Nginx on Ubuntu

Efficiently deploying React apps using Create React App and Nginx on Ubuntu requires minimal configuration.

fromApp Developer Magazine

JavaScript

5 React UI Libraries for High-Performing Web Apps

Modern web applications require faster performance, influencing the choice of UI libraries toward those that are lightweight and optimized.

Artificial intelligence