Chapter 5: JavaScript
Cover image by Audy of Course
Recap
Last time, we finished optimising our images:
Used the fs module from Node to elegantly handle nested directories inside src/img
Learned about short-circui...
Do You Really Need to Learn Webpack in 2025? 🧐
In the fast-paced world of modern web development, things change quickly. We've gone from grunt and Gulp to Webpack, and now, tools like Vite and Next.js are taking over. So, with all these fancy new ...
Unlocking the Power of Microfrontends: Single-SPA with Module Federation
In today’s fast-paced development environment, scaling applications efficiently without compromising performance or maintainability is a constant challenge. As microservices revolutionized backend a...
A Modern Alternative to Create React App
Introducing template-rtw: A Modern Alternative to Create React App
With the deprecation of Create React App (CRA), many developers are left searching for a reliable, modern, and customizable ...
What are Webpack?
Webpack is a free and open-source module bundler for JavaScript. It is made primarily for JavaScript, but it can transform front-end assets such as HTML, CSS, and images if the corresponding loaders a...
CRA cli is no longer maintained, which alternative we should use?
The CRA cli is no longer maintained. Most of the Software companies are using CRA(Create React App) CLI for development and to create build.
When web application codes grow, the CRA takes long time to...
Migrating from Create React App to Vite — A Step-by-Step Guide
Migrating from Create React App (CRA) to Vite enhances development speed and efficiency, making it ideal for industry-level projects. CRA’s reliance on Webpack often results in slower builds and hot...
Supercharging React Development with Vite
Introduction
If you've worked with React, you've likely encountered Create React App (CRA)—a command-line tool designed to simplify the process of bootstrapping new React projects. CRA prov...
Setting Up React with Webpack and babel from Scratch
If you're starting a React project from scratch and want full control over your setup, using Webpack is a great option. In this guide, we'll go step by step to configure Webpack and integrate React, B...
From Zero to Production: Setting Up React with Webpack Explained
Introduction
Let's face it - modern web development can be overwhelming. We're all chasing that perfect balance of performance, modularity, and scalability. That's where Webpack comes in to s...