React

[ follow ]
Bestjquery
2 days ago
React

Product Grid Style 298

Creating a more interactive and engaging user experience on websites or applications by incorporating various dynamic elements and features. [ more ]
Bestjquery
1 week ago
React

Service Box 318

Implementing 3D slider and autocomplete features with HTML5 canvas and geolocation abilities. [ more ]
LogRocket Blog
3 days ago
React

Leveraging React Server Components in RedwoodJS - LogRocket Blog

RedwoodJS is moving towards better support for React Server Components (RSCs), transitioning from its traditional focus on GraphQL. [ more ]
Vue.js Feed
2 days ago
React

Vue-Input-Otp

Enables one-time passcode input with Vue.js using vue-input-otp. [ more ]
Bestjquery
1 week ago
React

Link Hover Style 263

Website features and functionalities [ more ]
The New Stack
1 week ago
React

Dev News: React 19 Beta and Redwood Tests React Server Components

React 19 beta includes the React Server Components features from the canary channel and Redwood.js tinkers with React Server Components.
LogRocket Blog
1 week ago
React

Comparing React state tools: Mutative vs. Immer vs. reducers - LogRocket Blog

Reducers help in elegantly modifying states based on action types, cleaning up complex state management in React projects. [ more ]
Syntax
23 hours ago
React

React Server Components: Form Actions + Server Actions - Syntax #766

Discussion on using actions and form actions in React Server Components for calling server code from the client side without needing a separate API
GitHub
1 week ago
React

[Feature] locator for getting an element's description Issue #18332 microsoft/playwright

I'm testing an error message.
Here's what I have to do now: const subjectDescriptionId = await page .
getByRole('textbox', {name: /subject/i}) .
getAttribute('aria-describedby') await expect(page.loc...
GitHub
1 week ago
React

react-server-components/exercises/05.actions/05.solution.history-revalidation/server/app.js at main epicweb-dev/react-server-components

Understand React Server Components and Server Actions by building a framework with them.
- react-server-components/exercises/05.
actions/05.
solution.history-revalidation/server/app.
BuzzFeed Community
1 week ago
React

There Are 8 Distinct Types Of Pinterest Users - Here's Which One You Are

Don't take this too seriously...or do, if you want.
BuzzFeed Community
1 week ago
React

Let's See If You're More Of A Golden Retriever Or A Black Cat

Let's get started.
LogRocket Blog
1 month ago
React

Understanding security in React Native applications - LogRocket Blog

Developers are shifting towards hybrid mobile frameworks like React Native instead of creating separate native applications.
React Native architecture involves the JavaScript thread and the native bridge, which can lead to challenges like asynchronicity, bottlenecking, and single point of failure. [ more ]
WhoWhatWear
1 month ago
React

I'm in a Silly, Goofy Mood-30 Fun Items I'm Shopping Just Because

Fun weekly shopping series
Editor's top 30 wishlist items [ more ]
BuzzFeed
1 month ago
React

Adults Are Sharing The Things They're No Longer Interested In Now That They're Older

Preferences change with age, leading to a shift in social interactions and hobbies.
People prioritize their own enjoyment and authenticity as they grow older. [ more ]
GitHub
1 month ago
React

GitHub - unadlib/use-travel: A most powerful and high-performance React state time-travel hook.

- Undo/Redo/Reset/Go/Archive functionalities
- High-performance library built on Mutative for state time travel [ more ]
Topenddevs
1 month ago
React

Navigating Web Development Challenges - JSJ 624

Supabase compared to Firebase for developer experience
Exploring React Server Components with Supabase API [ more ]
LogRocket Blog
1 month ago
React

Exploring Catalyst, Tailwind's UI kit for React - LogRocket Blog

Building UI components from scratch is resource-intensive; UI kits like Catalyst in React streamline development.
Catalyst offers fully componentized React components with dark mode support and intuitive APIs modeled after HTML. [ more ]
blog.bitsrc.io
1 month ago
React

How to Share Code Between Micro Frontends

Micro frontends can be used as building blocks for different projects to maintain a consistent look and user experience.
Bit offers tools for component-driven development, allowing shared code among micro frontends. [ more ]
LogRocket Blog
1 month ago
React

Using react-to-print to generate a printable document - LogRocket Blog

Using JavaScript's default print function lacks customization for specific sections and style maintenance.
ReactToPrint library offers greater flexibility in generating printable content with custom options and style preservation. [ more ]
LogRocket Blog
1 month ago
React

Migrating a JavaScript frontend to Leptos, a Rust framework - LogRocket Blog

Rust is gaining popularity for its performance and safety features.
Leptos, a Rust frontend framework, offers better performance and aesthetic UIs compared to popular JavaScript frameworks. [ more ]
Medium
1 month ago
React

Top 10 Tools Every React Developer Needs in 2024

React SWR is essential for efficient data fetching and updating in React applications.
Bit is a next-generation building system that supports the development of composable React components. [ more ]
Medium
1 month ago
React

Micro Frontends with Vite and Bit

Bit allows for creating components-based projects
Vite can be configured to build components as libraries with ES module format [ more ]
Medium
1 month ago
React

7 Best CI/CD Tools for React in 2024

Ripple CI/CD focuses on components, not projects, enhancing efficiency and precision.
Key features include composable CI/CD, cross-application updates, resumable and partial builds, shorter feedback loops, simplified configuration, parallel processing, and change simulations. [ more ]
GitHub
1 month ago
React

GitHub - evoluteur/kaggle-look-alike: Kaggle Data Explorer UI look-alike build with React.

Kaggle Data Explorer UI look-alike build with React.
- evoluteur/kaggle-look-alike
Medium
1 month ago
React

Building a Theme Switcher in React

Creating composable themes for React components can improve accessibility and personalization.
Using a theme switcher simplifies the theming process by managing theme dependencies and allowing easy overriding of existing theme tokens. [ more ]
GitHub
1 month ago
React

GitHub - gchumillas/image-editor: Image Editor made in React and TypeScript

Image Editor made in React and TypeScript.
Contribute to gchumillas/image-editor development by creating an account on GitHub.
Sitepoint
1 month ago
React

Quick Tip: Creating a Date Picker in React - SitePoint

Adding a date picker to a React application can enhance user experience.
The react-datepicker library provides customization options like date format, minDate, maxDate, inline rendering, and portal rendering. [ more ]
LogRocket Blog
1 month ago
React

Getting started with NativeWind: Tailwind for React Native - LogRocket Blog

Tailwind CSS has a significant impact on web development.
NativeWind extends Tailwind's capabilities to mobile development with consistent design language and mobile-first responsive design. [ more ]
Sitepoint
1 month ago
React

How to Create Interactive Animations Using React Spring - SitePoint

React Spring uses physics-based animations for more natural effects in React applications.
React Spring offers capabilities for animating properties like position, scale, and opacity in React components. [ more ]
LogRocket Blog
1 month ago
React

Developing a cross-platform TV app with React Native - LogRocket Blog

Google launched Android TV in 2014, and big brands like Sony, Philips, and Sharp joined in soon after.These smart TVs have become popular over the years, mainly for their apps.
LogRocket Blog
1 month ago
React

Essential tools for implementing React panel layouts - LogRocket Blog

Compositional frameworks like React are essential for modern web applications.
Dynamic panel layouts in React offer adaptability, user-friendliness, and customization. [ more ]
Vue.js Examples
1 month ago
React

A Vue 3 component for creating tabbed interfaces easily

Reusable Vue.js component for tabbed interfaces
Promotes code reusability and maintainability [ more ]
LogRocket Blog
1 month ago
React

Enabling multi-select dropdowns in React Native - LogRocket Blog

React Native developers often use multi-select dropdowns for various scenarios.
There are inbuilt form controls and open-source packages available for implementing multi-select dropdowns. [ more ]
Medium
1 month ago
React

Theming React Components: A Practical Guide

Theming ensures consistency in a web application's user interface
Design tokens are variables storing design-related values for maintaining consistency [ more ]
Kyle Shevlin's Blog
1 month ago
React

No Outer margin | Kyle Shevlin

Avoid applying outer margins and paddings to the outermost element of a component.
External spacing should not be the responsibility of a reusable component. [ more ]
Medium
2 months ago
React

Top 5 React Best Practices Every Developer Should Know

Composable software architecture encourages building reusable components.
React's component-based architecture fits well with the composable approach. [ more ]
LogRocket Blog
2 months ago
React

Exploring useSyncExternalStore, a lesser-known React Hook - LogRocket Blog

useSyncExternalStore is a Hook commonly used by library authors, helpful for subscribing to external data stores.
The basic useSyncExternalStore API takes in parameters like subscribe, getSnapshot, and getServerSnapshot. [ more ]
blog.bitsrc.io
2 months ago
React

Understanding The Difference Between Pub/Sub and Signals in JavaScript

Event Driven Architecture is based on events and message exchanges for processing.
Pub/Sub pattern in event-driven architectures allows components to communicate without direct interaction. [ more ]
Medium
2 months ago
React

4 Ways To Manage State In React in 2024

Context API allows global data sharing in React without manual prop passing.
Context API is simple but lacks performance optimizations and data fetching capabilities. [ more ]
Medium
2 months ago
React

3 Ways to Build and Release Components

Ripple directly supports Bit components and their default configuration.
Customize the build and release configurations by modifying the dev environment's build pipeline. [ more ]
Medium
2 months ago
React

Composable Applications: A Practical Guide

Composability simplifies software development by breaking systems into independent components.
Component independence in a system contributes to its level of composability. [ more ]
Medium
2 months ago
React

How to ensure your designs work if you can't access sample data

Content-last design can lead to unexpected issues like formatting problems with actual data.
Create limit tests to ensure designs behave properly with extreme content examples. [ more ]
Medium
2 months ago
React

Do we need state management in React

Local state controls single component, global state controls application logic.
Server Components in Next.js allow rendering without hydration. [ more ]
Reactrally
2 months ago
React

React Rally

A community React conference August 12-13, 2024
Sitepoint
2 months ago
React

Understanding Cookies and Sessions in React - SitePoint

Cookies are small chunks of data stored by the web browser for the web server.
Sessions represent the time users spend browsing a website and store user-specific data during a visit. [ more ]
Sitepoint
2 months ago
React

Essential React Native Performance Tips and Tricks - SitePoint

Developers need to prioritize performance optimization to enhance user experience in React Native applications.
Balancing animations between the JS thread and the main thread can prevent performance issues in React Native applications. [ more ]
Harvard Business Review
2 months ago
React

The Key to a Fulfilling Career? Variety.

Habituation can lead to decreased satisfaction at work.
Pursuing variety and new experiences can combat habituation. [ more ]
LogRocket Blog
2 months ago
React

Building high-performance ecommerce sites with Astro - LogRocket Blog

Develop ecommerce site with Astro's islands architecture
Significance of strong and static typing in frontend projects [ more ]
LogRocket Blog
2 months ago
React

Comparing React Native BLE libraries - LogRocket Blog

BLE supports various applications, including healthcare and IoT.
Choosing a powerful BLE library is crucial for effective React Native app development. [ more ]
Epic Web Dev
2 months ago
React

Epic React Workshop Series

React experience is highly sought after in web development job listings.
React Server Components and Server Actions are revolutionary technology advancements in React. [ more ]
Sitepoint
2 months ago
React

Enhance Your React Apps with ShadCn Utilities and Components - SitePoint

ShadCn is a versatile library enhancing React applications.
Prerequisites include knowledge of JavaScript, React.js, Node.js, CSS, HTML, and Tailwind CSS. [ more ]
Scalac - Software Development Company - Akka, Kafka, Spark, ZIO
2 months ago
React

Using AWS Cognito to authenticate via Google Sign-in in SPA

AWS Cognito is a seamless identity platform connected with Identity Providers like Google.
AWS Cognito allows user authentication without the need to host a backend. [ more ]
Sitepoint
2 months ago
React

10 Best Create React App Alternatives for Different Use Cases - SitePoint

Create React App (CRA) is no longer maintained or recommended due to its lack of customization.
Vite is a fast and simple build tool ideal for modern React projects, particularly single-page applications. [ more ]
Ana-white
2 months ago
React

Custom Floating Shelves

I live in Alaska, where it's hard to find nice furniture.
So I started building my own.
I've been sharing my plans since 2009.
I'm so glad you are here.
Let's build something!
LogRocket Blog
2 months ago
React

A guide to Next.js layouts and nested layouts - LogRocket Blog

Layouts are used in Next.js to manage shared code snippets like headers and footers across different routes.
Next.js recommends using the App Router for managing layouts, but Pages Router can also be used for this purpose. [ more ]
[ Load more ]