Vishal Singhthevishingh-react-jsx.hashnode.dev·Nov 28, 2024Understanding the Basics of JSX Syntax for BeginnersJSX (JavaScript XML) is a syntax extension for JavaScript that simplifies the process of writing React elements and components. 🛠️ It resembles HTML, making it intuitive and easy for developers to use. 🧑💻 Here's a detailed explanation of JSX fund...React
Bear bocodingbear.hashnode.dev·Jun 6, 2024How to create own React Library and JSXCreating your own React library and JSX components involves several steps, from setting up your project to publishing it. Below is a guide to help you through the process. Step 1: Set Up the Project Initializing your project: First, create a new di...3 likesReact
Ratan Sharmarat.hashnode.dev·Apr 7, 2024React Lesson #5 - ComponentsWhat are React Components? In simple words, react components are like Lego bricks for your website or app, allowing easy reuse and organization of code. They work independently, making updates simple and efficient. Components can handle specific part...React
Ratan Sharmarat.hashnode.dev·Apr 6, 2024React Lesson #3 - JSX Attributes & Styling React ElementsOur goal is to change the color of this heading to red: Before moving forward, let's organize the file structure and the basic HTML structure. index.html <!DOCTYPE html> <html lang="en"> <head> <title>JSX</title> <link rel="stylesheet" h...React
Ratan Sharmarat.hashnode.dev·Apr 4, 2024React Lesson #2 - More on JSX, ES6 Template LiteralsBy using JSX, we can insert HTML inside JavaScript and JavaScript inside that HTML. Before moving forward make sure you have these codes/files in the following structure: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...1 likeReact
Sneha Manesneha711.hashnode.dev·Apr 3, 2024"Breaking the Myth: Exploring React Beyond JSX"Have you ever asked yourself, “Why do I need to use JSX in React?” or “Is JSX really necessary for creating React apps, or is it just a convenient syntax?” Well, you’re not alone! Let’s explore the JSX myth, and see if we can build React elements wit...59 readsReact
avacacodeavacacode.hashnode.dev·Mar 26, 2024Using JSX in ReactWhy JSX? JSX allows html, css and js to be written in one place, as opposed to the old way of putting them in separate files. Example JSX Curly braces for dynamic strings. export default function TodoList() { const name = 'Gregorio Y. Zara'; retu...React
Adityaraj Honraopatiladityarajhblog.hashnode.dev·Mar 24, 2024Learning JavaScript: Day 3Short session Learned about where is javascript written in the html file Inline js is when you create a <script> tag inside the html Using an external file is when you create a “example.js” file and link script “src” in the html A browser parses ...JavaScript
RIYA BHANDARIriyabhandari.hashnode.dev·Mar 17, 2024JSX: React's Secret SauceWelcome to the blog! In the world of web development, React has revolutionized UI creation with JSX – a simple syntax extension. Let's dive into JSX and its role in making React development more efficient. What is JSX? JavaScript XML, or JSX, acts as...1 like·85 readsReact 101: Navigating the FundamentalsReact JSX
Piyush NanwaniforAtomxelblog.atomxel.com·Mar 9, 2024Understanding React Concepts: State and PropReact, with its declarative and component-based approach, relies on key concepts like state and props to manage and pass data. This blog aims to explain the differences between state and props with examples. State State is the internal handling of da...34 readsatomxel