RSRatan Sharmainratansharma.co.in·Apr 7, 2024 · 3 min readReact 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...00
RSRatan Sharmainratansharma.co.in·Apr 7, 2024 · 2 min readReact Lesson #4 - Inline Styling for React ElementsWe normally write inline CSS like this: <h1 style="color: red"> Hello World </h1> But, in JSX we cannot write it like this since a lot of things are happening on the background. It will give an error saying that we are trying to pass a string. JSX ...00
RSRatan Sharmainratansharma.co.in·Apr 6, 2024 · 1 min readReact 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...00
RSRatan Sharmainratansharma.co.in·Apr 4, 2024 · 2 min readReact 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...00
RSRatan Sharmainratansharma.co.in·Apr 4, 2024 · 1 min readReact Lesson #1 - Hello World! (JSX)Basic HTML structure of any React app is: index.html <!DOCTYPE html> <html lang="en"> <head> <title>JSX</title> <link rel="stylesheet" href="styles.css" /> </head> <body> <div id="root"></div> <script src="../src/index.js" type...00
