Rudraksh Tripathihustlecoder.hashnode.dev·Jul 16, 2024Understanding React: From JSX to React Elements and Evaluated ExpressionsWelcome to this deep dive into the inner workings of React! In this article, we'll explore how React transforms JSX into React elements, the importance of evaluated expressions, and why certain control structures cannot be directly used inside JSX. W...DiscussReact
himanshugopalkdwivedi.hashnode.dev·Jul 16, 2024(lt.50) Master React State Hook, Keys, and Props with a Tic-Tac-Toe Project TutorialIntroduction The useState hook is one of the most fundamental hooks in React. The useState hook is a powerful tool for managing state in functional components, making your code more concise and easier to read. By using useState, you can efficiently m...Discuss·10 likesWeb Development
Sonal Diwansonad.hashnode.dev·Jul 15, 2024Learn JSX and Styling in React: Day 3 Walkthrough1. What is JSX? JSX stands for JavaScript XML. It’s a syntax extension for JavaScript that allows you to write HTML directly within JavaScript, making it easier to create React elements. Example: const JSX = <h1>Hey, Testbook Users</h1>; However, br...DiscussReact
Mohammed Musarafmusaraf-m.hashnode.dev·Jul 8, 2024How React Actually Works: The Magic Behind the Curtain 🪄Ever wondered how React handles the magical transformation of your JSX into a functioning app? Let’s dive into the nitty-gritty of React components, elements, and instances. Grab your coffee ☕️, and let’s get started! JSX to React Elements: The Insid...Discuss·1 like·48 readsReact
Rahul Boneyrahulboney.hashnode.dev·Jul 5, 2024Guide to ReactJsWhat is React.js? Imagine you're building a house with LEGO bricks. Each brick represents a part of your website—like buttons, text, images, and forms. React.js is like a super awesome toolbox that helps you build these parts quickly and easily. Why ...DiscussReact Native
Ajat Darojatajatdarojat45.id·Jul 5, 2024Mengenal JSX: Konsep dan Fungsi UtamanyaApa itu JSX? JSX singkatan dari javascript dan XML. Memungkinkan kita untuk menulis tag HTML didalam React element. Kenapa JSX dibutuhkan? Berikut adalah contoh code React dengan menggunakan JSX import React from "react"; function App() { retur...DiscussReact
Krishnat Ramchandra Hogalekrish27.hashnode.dev·Jul 1, 2024Journey to ReactIntroduction to React React is a popular JavaScript library for building user interfaces. It was developed by Facebook and is widely used for creating dynamic and interactive web applications. React follows a component-based architecture, where the u...DiscussReact
Shreeyog Gaikwadshreeyogblogs.hashnode.dev·Jul 1, 2024JSX Deconstructed : How React Brings Your Code to LifeWhat is JSX? JSX (JavaScript XML) is a syntax extension for JavaScript, commonly used with React to describe what the UI should look like. JSX allows you to write HTML elements in JavaScript, which React then transforms into JavaScript objects that c...Discuss·10 likesReactJsWeb Development
Manvendra Singhnoder254.hashnode.dev·Jun 23, 2024Understanding JSX in ReactIntroduction to JSX JSX, or JavaScript XML, is a syntax extension for JavaScript that closely resembles HTML. It is used with React to describe what the UI should look like. JSX allows developers to write HTML structures within JavaScript code, blend...DiscussJSX
Syed Aquib Alihadetan.hashnode.dev·Jun 11, 2024ReactJS, JSX, Rendering Elements, React Components and PropsWhat is React React is a JavaScript library created by FaceBook (in 2013) and made it public in 2017. React was build for building user interfaces. React is used to build single page applications. React allows us to create re-usable UI components. Ho...Discussrendering elements