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...DiscussReact
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 ...Discuss·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...DiscussReact
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...Discuss·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...DiscussReact
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...Discuss·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...DiscussLearn React the Simple Way: A Step-by-Step Guide to Mastering React#CurlyBracesInReact
Aravind Kishore Peerlaaravindkishore.hashnode.dev·Oct 5, 2024Introduction to JSX: Writing HTML in JavaScript for ReactJSX (JavaScript XML) is a syntax extension for JavaScript used in React to describe what the user interface should look like. It looks very similar to HTML but is actually JavaScript under the hood. Simple Explanation: JSX allows you to write HTML-l...DiscussLearn React the Simple Way: A Step-by-Step Guide to Mastering ReactJSX
Ruslan Coroliovhealthycode.org·Sep 26, 2024React Drag & Drop in 10 minutesWhat is Drag and Drop in JavaScript? Drag & Drop allows us to create interactive experiences where users can drag elements from one spot to another, making interfaces more intuitive and dynamic. At its core, the drag-and-drop API involves a few key e...Discuss·3 likes·53 readsReact
Yusuf Uysalyusufuysal.hashnode.dev·Sep 15, 2024Unlocking the Power of React: Top Benefits for Modern Web DevelopmentReact has been the most popular UI library for nearly a decade, significantly simplifying the lives of frontend developers. To become better React developers, and better software engineers in general, we should always ask "why," not just focus on "ho...Discuss·31 readsReact
