Yash Choprajs-vs-jsx.hashnode.dev·4 hours agoWhat is the difference between JS and JSX?Hello folks,Before understanding the file's JS and JSX extensions, you need to understand React. What is React? React is a powerful JavaScript library designed by Facebook for developing user interfaces, specifically single-page applications. Its ar...React
Ayush Rajputrajputayushreact.hashnode.dev·Feb 16, 20251. Introduction to React.jsReact.js Overview React.js is a JavaScript library for building user interfaces, primarily for single-page applications where UI updates dynamically without reloading the page It is component-based and allows developers to create reusable UI compon...JavaScript
Payal Porwalcodeswithpayal.hashnode.dev·Feb 12, 2025Mastering JavaScript Objects: A Deep Dive into All Important Object MethodsJavaScript objects are fundamental building blocks of the language, allowing developers to store, manipulate, and organize data efficiently. JavaScript provides several built-in methods that help in working with objects, from creating, modifying, and...JavaScript
Yasin Sarkaryasinsarkar.hashnode.dev·Feb 10, 2025Introduction to React.js: A Beginner’s Guide to Building Modern Web ApplicationsIf you’re diving into the world of web development, chances are you’ve heard of React.js. It’s one of the most popular JavaScript libraries out there, and for good reason. Whether you’re a beginner or an experienced developer looking to expand your s...Web Development
Abhishek Sadhwaniabhisheksadhwani.hashnode.dev·Feb 4, 2025Decoding JSX: Understanding How It Differs from HTML in ReactAs web development evolves, so do the tools and techniques for creating interactive and dynamic user interfaces. One such tool, React, has become extremely popular, largely due to its innovative use of JSX (JavaScript XML) to render HTML-like structu...2Articles1Week
Samuel A.samcoder.hashnode.dev·Feb 3, 2025Building a Dynamic Website Viewer Component in Next.js with React and Tailwind CSSIn this article, we’ll explore how to build a dynamic and user-friendly website viewer component using React, Next.js, and Tailwind CSS. This ViewSite component enables users to preview websites in an iframe. Along the way, we’ll utilize key React co...1 like·31 readsWeb Development
Vaishnavi Dwivedivaishd.hashnode.dev·Jan 27, 2025Chapter 2: How React WorksPeople usually start with the basics of JSX and components, but before that, I want to explain why React is important. To answer this question, I want you to understand how React works behind the scenes: the virtual DOM, shadow DOM, diffing algorithm...1 likeLearn React + Redux + NextJSWeb Development
Yash Sakhareliyareactlearn.hashnode.dev·Jan 17, 2025Crafting Dynamic UIs with React: A Beginner’s Journey1. Introduction to React What is React? React is an open-source JavaScript library developed by Facebook for building user interfaces (UIs), primarily for single-page applications. It excels at handling complex UIs with dynamic, interactive feature...2 likesReact
azabroflovskibroflovski.hashnode.dev·Jan 13, 2025Why JSX/TSX Isn't CoolAt first glance, JSX and TSX seem like innovative tools: JavaScript and TypeScript suddenly become more than just programming languages — they are now almost full-fledged markup tools. However, a deeper look reveals that this approach is far from as ...React
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
