Riya ChauhanforTechStack Talestechstack-tales.hashnode.dev·Dec 8, 2024Introduction to JSX and React ComponentsConfiguring the commands The execute and build commands can be configured by adding scripts in package.json file.for example, "scripts": { "start": "parcel index.html", "build": "parcel build index.html", "test": "echo \"Error: no test s...React JSJSX
Prajjwal Datirblog.prajj.in·Dec 8, 2024JavaScript vs. JSX: Understanding Their Role in Modern Web DevelopmentJavaScript has been the backbone of web development for decades, powering the interactivity and logic of web applications. Its evolution gave birth to JSX, an HTML-like syntax embedded within JavaScript, which transformed how developers build dynamic...85 readsProgramming I find intriguing!JavaScript
Saurav Maheshwarixauravww.hashnode.dev·Nov 24, 2024Understanding the Key Differences Between HTML and JSXIntroduction: The Illusion of HTML in JSX When you first see JSX, it looks like HTML. But here’s the trap: JSX is not HTML. Behind the scenes, JSX is JavaScript. // JSX (Looks like HTML) const element = <h1>Hello, world!</h1>; But in reality, it’s t...Reactjs/NextjsReact
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 14, 2024Understanding JSX in ReactWhen starting with React, many beginners get confused by JSX. But don't worry, I'm here to help you along the way! 💡 What is JSX? JSX is a syntax that looks like HTML but allows us to write JavaScript expressions within curly braces {}. This means...React
Daniel Philip Johnsondanielphilipjohnson.hashnode.dev·Nov 13, 2024Demystifying JSX: How Babel Really Transforms React ComponentsUnderstanding how JSX is transformed into JavaScript is crucial for any React developer aiming to write efficient and maintainable code. Yet, misconceptions abound, leading to confusion about what happens under the hood. As a developer mentor, I was ...1 likeReact
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 12, 2024JSX in React: The Power Behind Declarative UIs🚀 JSX in React: The Power Behind Declarative UIs 🚀 If you've worked with React, you've likely written some JSX. But what exactly is JSX, and why is it a big deal in React? 🧩 What is JSX? JSX is a declarative syntax used to describe what React co...React
Tanmay Bhansaliadvance-tic-tac-toe.hashnode.dev·Nov 1, 2024Day 1: Building a Customizable Tic Tac Toe with Socket.io - Set Your Own Board Size and Play Online!Welcome to Day 1 of building customizable Tic Tac Toe game! Today, I’m focusing on setting up the basics with an Pass & Play mode, where players can select their own board size and play on the same device. My goal for Day 1 is to create a smooth, fle...10 likes·41 readsReact
Aayush Pantaayush-react-and-js.hashnode.dev·Oct 14, 2024How React Works: A Comprehensive Guide to JSX, Virtual DOM, and React FiberReact has grown to be one of the most widely used libraries for developing user interfaces and for a reason. This is because it gives a way to construct fast, interactive apps, though all the magic actually happens behind the scenes with how it handl...React
shohanur rahmanshohan777.hashnode.dev·Oct 9, 2024Why JSX? How JSX works behind the hood?Did you know it is not mandatory to write react code using JSX only? That you can use React.JS using CDN? But that is only the react library. While using the CDN you have to import two packages: react and react-dom. React is the core library that pro...11 likesReact
Aravind Kishore Peerlaaravindkishore.hashnode.dev·Oct 5, 2024Understanding Curly Braces {} in React: Embedding JavaScript in JSXIn React, curly braces {} are used to embed JavaScript expressions inside JSX. They allow you to dynamically insert values, execute logic, or use variables within the JSX, which looks like HTML. Simple Explanation: JSX is HTML-like, but to add dynam...Learn React the Simple Way: A Step-by-Step Guide to Mastering React#CurlyBracesInReact
