Smit Desaismitd.hashnode.dev·Apr 17, 2024Optimizing your Large Scale React ApplicationSingle Responsibility Principle Restaurant Card has a single responsibility to display Restaurant Cards on web-pageHeader Component has a single responsibility to display header on web-page So similarly for each Component that we create, we should gi...Discusslarge scale react application
Gautam VajaforCodeParrot 10x Dev10xdev.codeparrot.ai·Apr 9, 2024Build your Web Applications Faster with Modern Build ToolsWhat is Building? "Building" refers to the process of transforming and bundling your source code into a format that browsers can efficiently interpret and execute. Transpiling: Converting modern JavaScript (ES6+) or other languages (like TypeScript)...Discuss·1 like·312 readsfrontend
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
Aditya Pachauriadityapachauri.hashnode.dev·Dec 2, 2023Parcel: A Bundler for Contemporary Web DevelopmentHow does Parcel simplify the web development workflow and enhance performance compared to traditional bundlers? Before knowing the answer to this question, it is important to know... What is a Parcel bundler? The parcel is a zero-configuration bundle...Discussparcel
Yashwanth somayajulablog.yashone7.space·Sep 9, 2023Introduction to Server Side Rendering with Parcel 🚀Hey folks, when building web applications, we have heard about various rendering patterns, namely client-side rendering and server-side rendering, static rendering, Incremental Static Regeneration and the newer approaches like island pattern, resumab...Discuss·84 readsReact
Zahid Rahmanprogrammer47.hashnode.dev·Aug 29, 2023The difference between npx create-react-app and npm create vite@latestTitle: Exploring Contrasts: npx create-react-app vs. npm create vite@latest Introduction: In the realm of modern web development, tools and frameworks continue to evolve, offering developers new and improved ways to build efficient and captivating ap...Discuss·39 readsReact
Sarthak Negisnegicodes.hashnode.dev·Aug 18, 2023From Zero to Bundled: Harnessing the Magic of Parcel.jsIn the ever-evolving landscape of web development, tools that streamline the development process and enhance productivity are invaluable. One such tool that has gained significant attention in recent years is Parcel JS. In this article, we will explo...Discuss·59 readsparcel
Aziken Preciousazikenp.hashnode.dev·Jul 12, 2023Introduction to NPM: The guide to setup and installation.Before delving into this article, the term "package managers" might have come up in some of your learning materials and made you wonder what they are, so let's begin by discussing the use of package managers. What is a package manager? Package manage...Discuss·8 likes·50 readsnpm
Mahaboob Subhani Syedsubhani-syed.hashnode.dev·Jul 9, 2023How I reduced the size of Docker Image from 1.99 GB to 42 MBIf you are into developing web applications, then you must have tried to deploy them someday so that others can also see your awesome application. There are many different ways to deploy your app, and some of the most popular methods include: Vercel...Discuss·38 likes·270 readsDocker
Shubham Agarwalshubhamagarwal.hashnode.dev·Apr 7, 2023React Learning Path - Day 3NPM Most developers would have come across this term at some point in time and they would have got to know it as Node Package Manager(NPM), but do you know NPM official website does not call it the Node Package Manager rather the NPM community gives...Discuss·4 likes·38 readsnpm