---
title: "#reactjs articles | Hashnode"
description: "React is a JavaScript library for building user interfaces. Read the latest #reactjs articles and tutorials on Hashnode."
url: "https://hashnode.com/tag/reactjs"
---

Tag

# #reactjs

30,009 posts · 232,131 followers

[SellOnBay](https://hashnode.com/@sellonbay) · [8h ago](https://hashnode.com/posts/full-stack-website-templates-a-guide-for-startups/6af39c46334d66bc3648d89e)

### [Full Stack Website Templates: A Guide for Startups](https://sellonbay.hashnode.dev/full-stack-website-templates-a-guide-for-startups?utm_source=hashnode&utm_medium=feed)

Explore full stack website templates, their benefits, key features, and how developers and startups can choose the right solution.

3 min read · [sellonbay.hashnode.dev](https://sellonbay.hashnode.dev/full-stack-website-templates-a-guide-for-startups?utm_source=hashnode&utm_medium=feed)

[Mohamed Gado](https://hashnode.com/@mohamedgado) · [7h ago](https://hashnode.com/posts/react-418-hydration-matchmedia/6af3b009c068f38b85719849)

### [React error #418: fixing a matchMedia hydration mismatch with useSyncExternalStore](https://mohamedgado.hashnode.dev/react-418-hydration-matchmedia?utm_source=hashnode&utm_medium=feed)

Minified React error #418 on every page load came from reading window.matchMedia in a useState initializer. useSyncExternalStore fixed it.

7 min read · [mohamedgado.hashnode.dev](https://mohamedgado.hashnode.dev/react-418-hydration-matchmedia?utm_source=hashnode&utm_medium=feed)

[1](https://hashnode.com/posts/react-418-hydration-matchmedia/6af3b009c068f38b85719849)

[Mohamed Gado](https://hashnode.com/@mohamedgado) · [7h ago](https://hashnode.com/posts/nextjs-metadata-opengraph-merge/6af3aec429c64eb6fbf06cec)

### [Next.js metadata openGraph not inherited: why my subpages lost og:site\_name](https://mohamedgado.hashnode.dev/nextjs-metadata-opengraph-merge?utm_source=hashnode&utm_medium=feed)

Next.js merges metadata shallowly, so a page that sets openGraph drops the layout's og:site\_name, og:locale and twitter handles. How I found it and fixed it.

6 min read · [mohamedgado.hashnode.dev](https://mohamedgado.hashnode.dev/nextjs-metadata-opengraph-merge?utm_source=hashnode&utm_medium=feed)

[techpotions](https://hashnode.com/@techpotions) · [11h ago](https://hashnode.com/posts/react-native-async-storage-what-to-use-instead/6af36def2f43d93b559e2124)

### [React Native Async Storage: What to Use Instead](https://techpotions.hashnode.dev/react-native-async-storage-what-to-use-instead?utm_source=hashnode&utm_medium=feed)

React Native AsyncStorage is the default key-value store, but for many production apps it’s not enough. Here’s when to replace it and how to pick the right alternative, step by step.

8 min read · [techpotions.hashnode.dev](https://techpotions.hashnode.dev/react-native-async-storage-what-to-use-instead?utm_source=hashnode&utm_medium=feed)

[Ahmed Refaat](https://hashnode.com/@refaat1297) · [1d ago](https://hashnode.com/posts/concurrent-rendering-in-react-19-part-2/6af22d7151cef92a4e25f3ec)

### [Concurrent Rendering in React 19, Part 2: startTransition, useTransition and useDeferredValue](https://refaat1297.hashnode.dev/concurrent-rendering-in-react-19-part-2?utm_source=hashnode&utm_medium=feed)

Typing lags while a big list renders? Learn how startTransition, useTransition, and useDeferredValue keep React 19 UI responsive, with real examples.

16 min read · [refaat1297.hashnode.dev](https://refaat1297.hashnode.dev/concurrent-rendering-in-react-19-part-2?utm_source=hashnode&utm_medium=feed)

[Milan Nikic](https://hashnode.com/@nick79) · [18h ago](https://hashnode.com/posts/cross-site-scripting-xss-in-java-and-react-reflected-and-stored-xss-part-1/6af30aeb5f0f17eb1bf10a48)

### [Cross-Site Scripting (XSS) in Java and React: Reflected and Stored XSS (Part 1)](https://securitydepth.hashnode.dev/cross-site-scripting-xss-in-java-and-react-reflected-and-stored-xss-part-1?utm_source=hashnode&utm_medium=feed)

Prevent reflected and stored XSS in Java and React with practical examples of output encoding, safe rendering, and HTML sanitization.

20 min read · [securitydepth.hashnode.dev](https://securitydepth.hashnode.dev/cross-site-scripting-xss-in-java-and-react-reflected-and-stored-xss-part-1?utm_source=hashnode&utm_medium=feed)

[Dan Holloran](https://hashnode.com/@grimicorn) · [19h ago](https://hashnode.com/posts/react-s-browser-api-opt-out-of-ssr-without-the-mounted-state-hack/6af2fcc24f15c60548ec62ef)

### [React's browser() API: Opt Out of SSR Without the Mounted-State Hack](https://grimicorn.hashnode.dev/react-s-browser-api-opt-out-of-ssr-without-the-mounted-state-hack?utm_source=hashnode&utm_medium=feed)

Every server-rendered React app eventually grows a component that just can't render on the server. It reads a draft from localStorage, shows the visitor's time zone, or wraps a charting library that t

5 min read · [grimicorn.hashnode.dev](https://grimicorn.hashnode.dev/react-s-browser-api-opt-out-of-ssr-without-the-mounted-state-hack?utm_source=hashnode&utm_medium=feed)

[Suprabhat Kumar](https://hashnode.com/@suprabhat02) · [21h ago](https://hashnode.com/posts/react-inp-benchmark/6af2e1a0d610b6816899f262)

### [React INP Benchmark: Chunking vs startTransition vs scheduler.yield](https://suprabhatkumar.hashnode.dev/react-inp-benchmark?utm_source=hashnode&utm_medium=feed)

A click during heavy React work waited 299 ms when synchronous and 330 ms with startTransition, but 12–13 ms with time slicing.

8 min read · [suprabhatkumar.hashnode.dev](https://suprabhatkumar.hashnode.dev/react-inp-benchmark?utm_source=hashnode&utm_medium=feed)

[Sahil Maddi](https://hashnode.com/@CollaborativeCoder4U) · [1d ago](https://hashnode.com/posts/csr-vs-ssr-vs-ssg-in-react-a-quick-overview/6af284ac3c7c366748e700dd)

### [CSR vs SSR vs SSG in React: A Quick Overview ⚡](https://frontend-blogging.hashnode.dev/csr-vs-ssr-vs-ssg-in-react-a-quick-overview?utm_source=hashnode&utm_medium=feed)

When you build a React app, one decision quietly shapes its speed, SEO and hosting: where and when the HTML gets rendered. The three main options are Client-Side Rendering (CSR), Server-Side Rendering

5 min read · [frontend-blogging.hashnode.dev](https://frontend-blogging.hashnode.dev/csr-vs-ssr-vs-ssg-in-react-a-quick-overview?utm_source=hashnode&utm_medium=feed)

[Shubham Chaudhary](https://hashnode.com/@shubhamworks) · [1d ago](https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa)

### [I Turned My Portfolio Into a Desktop You Can Actually Use 🖥️](https://shubham-works.hashnode.dev/i-turned-my-portfolio-into-a-desktop-you-can-actually-use?utm_source=hashnode&utm_medium=feed)

Next.js, React Server Components and plain CSS: a genie animation, a Terminal, a time machine through my career and a tiny game with a global top score.

10 min read · [shubham-works.hashnode.dev](https://shubham-works.hashnode.dev/i-turned-my-portfolio-into-a-desktop-you-can-actually-use?utm_source=hashnode&utm_medium=feed)

[7](https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa)
