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...Discuss·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...DiscussReact
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...DiscussReact
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...Discuss·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...DiscussReact
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...DiscussReact
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 ...DiscussJavaScript
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...Discuss·1 like·83 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...Discuss·33 readsatomxel
Bhaskar Sahub23r.hashnode.dev·Feb 27, 2024Building Blocks of React: Mastering Components and JSXAre you ready to embark on a journey into the heart of React, the powerhouse of modern web development? In this article, we'll delve into the fundamental building blocks of React – Components and JSX. By mastering these key concepts, you'll unlock th...Discuss·20 likes·46 readsDeconstructing React: A Comprehensive Dive into Front-end CraftsmanshipReact