Rajesh Polaratirajeshpolarati.hashnode.dev·Aug 8, 2024Getting Started with Webpack: A Beginner’s Guide - Part 2In the previous blog, we have seen how webpack has evolved, webpack core concepts, and installation & setup. If you didn't read the previous article, read it before reading this article. Here is the link for Part 1In this blog, we will look into some...31 readsJavaScript
Rajesh Polaratirajeshpolarati.hashnode.dev·Aug 6, 2024Getting Started with Webpack: A Beginner’s Guide - Part 1How Webpack Has Evolved In the early days of web development, websites were pretty simple. You'd only have a few HTML, CSS, and JavaScript files. But as websites grew more complex, with lots of files and dependencies, managing them became tricky. Dev...2 likes·67 readsWeb Development
Aashish Tiwariaashishcodes.hashnode.dev·May 18, 2024Understanding Module-Federation with React / WebpackMultiple separate builds should form a single application. These separate builds act like containers and can expose and consume code between builds, creating a single, unified application. Javascript Module Federation is a concept that allows develo...1 like·402 readsmodule federation
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, lint-staged, husky and github-actions (Part 6)This is a continuation of Part 5. This is the last part. In this part, we will set up Husky and Github-Actions. Setup lint-staged and Husky Pre-Requisite: Set up git in the project. Run command git init to initiate it. It is a tedious process to run ...47 readsUsing Webpack 5, Create a Multi-Page JavaScript Boilerplatejavascript-boilerplate
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel, ESLint and Prettier (Part 5)This is a continuation of Part 4. In Part 5, we will set up ESLint and Prettier. ESLint and Prettier We want to enforce best practices and formatting throughout the project. npm install --save-dev eslint-webpack-plugin eslint @babel/eslint-parser es...34 readsUsing Webpack 5, Create a Multi-Page JavaScript BoilerplateJavaScript
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 4)This article is a continuation of Part 3. In this article, we will add configurations to set up multi-page HTML templates. Setup Multi-Page using Webpack HTML, CSS and JS files are working now but wait! We handle single file. How to handle multiple f...67 readsUsing Webpack 5, Create a Multi-Page JavaScript Boilerplatewebpack
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 3)This article is a continuation of Part 2. In Part 2, we set up HTML templates and CSS. Now, we'll configure Babel, the Assets folder and hot reload. 3. Configure Babel We want to use the latest JavaScript features cross-browser. For this, we need to ...97 readsUsing Webpack 5, Create a Multi-Page JavaScript BoilerplateJavaScript
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 1)Setting up a boilerplate using Webpack seems daunting at first unless I set it up step by step and found that it wasn’t as difficult as I thought it to be. If you are looking to set up a multi-page JavaScript project using Webpack 5, you have come to...8 likes·44 readsUsing Webpack 5, Create a Multi-Page JavaScript Boilerplatewebpack5
Emzar Panikashviliepanikas.hashnode.dev·Dec 3, 2023React + Lib: How to include a local React UI library component into a React app. Part 1 of 2Cover picture by: Image by wirestock on Freepik For one of my projects, which I will probably describe in one of my next posts, I needed to create a react web application. Since I'm not good at styling, design and CSS are not my cup of tea, to say th...34 readsReact
Emzar Panikashviliepanikas.hashnode.dev·Dec 3, 2023React + Lib: How to include a local React UI library component into a React app. Part 2 of 2Cover picture by: Image by wirestock on Freepik The second part of the article, the first part can be found here: React + Lib: How to include a local React UI library component into a React app. Part 1 of 2 (hashnode.dev) Previously... In the first p...React