Nov 29, 2025 · 2 min read · JSX (JavaScript XML) is a syntax extension for JavaScript that allows developers to write HTML-like code inside JavaScript. React uses JSX to describe what the UI should look like, and under the hood, it’s converted to standard JavaScript objects tha...
Join discussion
Nov 28, 2024 · 3 min read · JSX (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...
Join discussion
Apr 7, 2024 · 3 min read · What 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...
Join discussion
Apr 6, 2024 · 1 min read · Our 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...
Join discussion
Apr 4, 2024 · 2 min read · By 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...
Join discussion
Apr 3, 2024 · 4 min read · 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...
Join discussion
Mar 26, 2024 · 1 min read · Why 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...
Join discussionMar 24, 2024 · 1 min read · Short 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 ...
Join discussionMar 17, 2024 · 3 min read · Welcome 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...
Join discussion
Mar 9, 2024 · 2 min read · React, 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...
Join discussion