Feed
Discussions

Functional Components

Functional Components

#functional-components

0 followers·16 articles

Functional Components

#functional-components·0 followers·16 articles

Functional Components

Changelog

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

Nov 05, 2024·

new

Trending Articles

STON.fi: The Next-Gen DEX Powering TON Blockchain DeFi

Tommy williams·18 reads

AEON Pay: From Crypto Wallets to Everyday Life

Prochino·13 reads

Empowering the Decentralized Future: How Endless Merges Web2 Ease with Web3 Sovereignty

Edimavouge·12 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

Anik Sikder

Buy Old Gmail Accounts

Buy Old Gmail Accounts

Sonu Goswami

How To Buy USA Verified Chime Accounts

How To Buy USA Verified Chime Accounts

Ariska Hidayat

Lord Abiolla

front-end-web-development.hashnode.dev·Aug 26, 2025

Aug 26, 2025

React JS

What is React React is a powerful, open-source JavaScript library for building user interfaces, primarily for single-page applications where you need fast and responsive UIs. Developed and maintained by Facebook and a community of individual develo...

React JS

Discuss·10 likes·24 reads

Nitin Saini

nitin-saini.hashnode.dev·Jul 28, 2025

Jul 28, 2025

React Hooks Rules: Your Essential Guide to Clean, Stable Components

React Hooks have revolutionized how we write React components, allowing us to leverage state and lifecycle features directly within functional components. This makes our code cleaner, more concise, and easier to understand. However, to truly harness ...

React Hooks Rules: Your Essential Guide to Clean, Stable Components

Discuss·8 reads

Naveen Kumar S

naveenkumars.hashnode.dev·Jun 21, 2025

Jun 21, 2025

React: Functional vs Class-Based Components

What Are React Components? In React, components are building blocks of your UI. They’re like reusable chunks of code that return JSX (HTML-like syntax). There are two types: Class Components Functional Components Class Components: Class component...

React: Functional vs Class-Based Components

Discuss·26 reads

Curtis Carter

blog.codingcoyote.dev·Apr 08, 2025

Apr 08, 2025

Optimizing a React SPA Part 3: Clean Out Your Functional Components

I’ve had a run through a decent number of interesting React issues since I’ve started this and the biggest performance loss I’ve seen is from doing stuff more often than necessary. While this could extend to render loops which are their own special t...

Optimizing a React SPA

The Syntax Node

The Syntax Node

jsmaraiya.sbs·Jan 28, 2025

Jan 28, 2025

Simplifying React Functional Components with TypeScript

React and TypeScript together provide a robust solution for creating maintainable, type-safe front-end applications. This guide will demonstrate how to create a React functional component using TypeScript, offering a clear example, detailed explanati...

Simplifying React Functional Components with TypeScript

Discuss·5 reads

Jessica N. Abraham | writer. designer. publicist.

Jessica N. Abraham | writer. designer. publicist.

jessicanabraham.hashnode.dev·Oct 30, 2024

Oct 30, 2024

The React Lifecycle: Understanding How Pre-Built Tools Can Save Time When Implementing Methods, Hooks and Interactions

The React lifecycle defines how a component behaves at different stages of development— specifically when a code is created, modified, updated, and eventually removed from the Document Object Model (DOM). By understanding the React lifecycle, develo...

Discuss·35 reads

Parveen Kumar

parveenpal.hashnode.dev·Oct 05, 2024

Oct 05, 2024

React.FC In typescript

React.FC stands for "Function Component" in React and allows you to specify the props that a function component will accept. It can be helpful in many ways Makes it easier to see the expected shape of a component's props just by looking at its type ...

React.FC In typescript

Discuss·13 reads

Emmanuel Paul Elom

Emmanuel Paul Elom

scansio.hashnode.dev·Jul 22, 2024

Jul 22, 2024

How to Transpile JavaScript/TypeScript with Babel AST: A Guide for Functions and Classes

Mastering JavaScript/TypeScript Transpilation with Babel AST: From Functions to Classes In the ever-evolving world of web development, keeping your codebase up-to-date with the latest patterns and practices is crucial. One common migration path is tr...

How to Transpile JavaScript/TypeScript with Babel AST: A Guide for Functions and Classes

Discuss·27 reads

Nadim Anwar

blog.nadim.in·Jul 18, 2024

Jul 18, 2024

React Class Components vs. Function Components: State Management

React has evolved significantly since its inception, with function components becoming increasingly popular due to the introduction of hooks. One of the critical aspects of this evolution is how state management differs between class components and f...

React Class Components vs. Function Components: State Management

Discuss·31 reads

class vs functional

Manjur Ali

manjur.hashnode.dev·Jul 17, 2024

Jul 17, 2024

ReactJS Hooks: useState and useEffect

ReactJS introduced two new features, called hooks, in its newer versions: useState and useEffect. These hooks allow functional components to have their own state and lifecycle methods, which used to be possible only with class components. Before Hook...

Discuss·19 reads