Feed
Discussions

react best practices

react best practices

#react-best-practices

1 followers·7 articles

react best practices

#react-best-practices·1 followers·7 articles

react best practices

Changelog

New steps component and improved accessibility on Hashnode's blog and docs product.

Nov 05, 2024·

new

Trending Articles

STON.fi & Symbiosis: The Future of Cross-Chain DeFi

IKOABASI UWEM UMOANWAN·55 reads

🚀 STON.fi x Symbiosis: Swapping Just Got a Whole Lot Easier!

VANCE 💎·42 reads

STON.fi x TapSwap: A Game-Changer for DeFi Traders

IKOABASI UWEM UMOANWAN·28 reads

Top commenters this week

Writing Challenges

#2Articles1Week Challenge

Become better at technical writing; accept Hashnode's writing challenge for four weeks.

#2Articles1Week Challenge

#WomenWhoTech

Share your story, achievements, or experiences as a woman, non-binary folk in tech or as a #WomenWhoTech ally!

#WomenWhoTech

Self Starter

Publish your first article on Hashnode and become a self starter!

Self Starter

Serial Blogger

Publish an article every day for 7 days and earn a cool serial blogger badge!

Serial Blogger

Talk of the town

Write a story that drives amazing engagement on Hashnode and become the talk of the town!

Talk of the town

Word Warrior

Write an in-depth article on your Hashnode blog that's more than 2000 words and become a word warrior!

Word Warrior

Vinayak Mishra

Ugochukwu Ifeanyi

Ugochukwu Ifeanyi

max

Shreyash Shukla

Shreyash Shukla

Poonam Thakur

Nikita Sarkania

Nikita Sarkania

nikitasarkania.hashnode.dev·Oct 02, 2024

Oct 02, 2024

Security Risks of Inline Event Handlers in React.js (And How to Avoid Them)

If you’re a React.js developer, chances are you’ve dropped an inline event handler into your code without even thinking twice. It’s so easy to do! You might write something like this: <button onClick={() => alert('You clicked me!')}>Click Me</button>...

Security Risks of Inline Event Handlers in React.js (And How to Avoid Them)

Discuss·90 reads

Jamie Barlow

jamiebarlow-blog.vercel.app·Sep 28, 2024

Sep 28, 2024

Route-level Suspense with React Router

Route vs Component-level Suspense - what does our app need? In my previous post, I addressed managing loading states at the component level using React Suspense. But it’s important to note that there are potentially other ways to implement our error ...

Route-level Suspense with React Router

Discuss·21 reads

Artur

code-with-arthur.hashnode.dev·May 21, 2024

May 21, 2024

The Power of useState: Dynamic State Handling in React

React has become a leading library for building user interfaces, largely due to its powerful state management capabilities. Managing state is essential for creating dynamic and interactive web applications. The introduction of hooks in React 16.8 sig...

The Power of useState: Dynamic State Handling in React

Discuss·1 like·13 reads

Sasika Chandila

Sasika Chandila

sasika.hashnode.dev·Feb 20, 2024

Feb 20, 2024

Unraveling the Depth of React Class Components

Introduction React, the JavaScript library for building user interfaces presents developers with various paradigms to architect their applications. Despite the rise of functional components and hooks, React class components remain a cornerstone in ma...

Unraveling the Depth of React Class Components

Discuss·1 like·17 reads

React Class Components

Vishwas Acharya

Vishwas Acharya

vishwasacharya.hashnode.dev·Jun 18, 2023

Jun 18, 2023

Best practices for integrating React with GraphQL

Introduction In today's fast-paced web development landscape, React and GraphQL have emerged as powerful technologies that can greatly enhance the efficiency and performance of web applications. React, a popular JavaScript library for building user i...

Best practices for integrating React with GraphQL

Discuss·18 reads

Vishwas Acharya

Vishwas Acharya

vishwasacharya.hashnode.dev·Jun 08, 2023

Jun 08, 2023

How to test your React components like a pro

Introduction React is a popular JavaScript library used for building user interfaces, and it's important to ensure that your components are thoroughly tested to guarantee their functionality and reliability. Testing React components can be challengin...

How to test your React components like a pro

Discuss·1 like·16 reads

Vishwas Acharya

Vishwas Acharya

vishwasacharya.hashnode.dev·Jun 02, 2023

Jun 02, 2023

5 Common React Mistakes and How to Avoid Them

React has become one of the most popular JavaScript libraries for building user interfaces. It is component-based architecture and efficient rendering makes it a favorite among developers. However, like any technology, React is not without its pitfal...

5 Common React Mistakes and How to Avoid Them

Discuss·6 likes·141 reads