AHMAD SWALIHswalih.hashnode.dev·Apr 25, 2024Will you use TypeScript in your project instead of JSX?If you asked the question to me, I would say yes & no (hihi, Narrow Escape 😂) Whether you want to use TypeScript or just plain JS is entirely dependent on your use case. But before choosing one, I can give some tips that worked for me: Firstly, ...Discuss·2 likesjavasccript
Prathamesh Karatkarprathameshkaratkar.hashnode.dev·Apr 23, 2024Optimizing Your React Project Organization with ESLint and Vite: Best Practices and TipsOrganizing a React project efficiently is crucial for maintaining a clean and scalable codebase. In this article, we will explore best practices for structuring your React project, configuring ESLint for code consistency, and using Vite (bundler) for...DiscussReact
Sofiane BOUMEDINEblog.sofiane-boumedine.com·Apr 17, 2024Maîtriser l'intégration d'images en React : Importer et lier comme un proSalut, ami codeur ! Aujourd'hui, je vais te montrer comment maîtriser l'art d'intégrer des images dans tes projets React. Que tu travailles avec des images locales ou des images stockées à distance, je suis là pour t'orienter à travers les différente...DiscussReact
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
Karandeep Singh Sehgalkarandeep.hashnode.dev·Apr 7, 2024Getting Started with React: Mastering Core PrinciplesWhat is ReactJS ? ReactJS, often simply referred to as React, is a powerful JavaScript library utilized for building user interfaces (UIs) in web applications. Developed and maintained by Meta (Formerly Facebook), React has rapidly gained widespread ...Discuss·2 likes·69 readsReact
Muhammad Syaifullah Al Ariefmuhammadsyaifullahalarief.hashnode.dev·Apr 7, 2024JSX di ReactJSJSX, singkatan dari JavaScript XML, adalah ekstensi sintaksis yang digunakan dalam React untuk mendefinisikan tampilan komponen. Ini memungkinkan kita untuk menulis kode HTML-like di dalam JavaScript, membuatnya lebih mudah untuk membuat dan mengelol...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
Akshat Aroraaksbad007.hashnode.dev·Apr 5, 2024Enabling new JSX Transform in Gatsby.js: A Simple GuideAre you feeling the repetition blues every time you start a new file in your Gatsby project, with that same import React from "react"; staring back at you? Well, you're not alone. But fear not, because there's a nifty solution that can streamline you...Discuss·10 likesGatsby
Smit Desaismitd.hashnode.dev·Apr 3, 2024Laying the Foundation of React, JSX & BabelAs we saw we can write React with core React (createElement, etc)But it becomes very complicated as and when the HTML structure needs to be more and more nested. So to make our lives easier Facebook Developers came up with JSX. (React is possible wi...Discuss·10 likes·45 readsReact
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