Webpack

If you’re someone that is using a Corporate issued laptop with all the firewall and network constraints that come with it, and you are trying to install Truffle to do some Solidity work, and unbox things like Webpack for boilerplate of a Dapp, then read on. I experienced a bunch…

Even though you are not working with electron forge, webpack or react this post can be useful, wait for it. But, obviously, in case you are struggling with NODE_ENV to add a custom environment in a react app wrapped by electron forge with webpack, I may offer grate help. The example So…

React JS is a JavaScript library which cerates user interfaces. In other words, React JS is used for frontend developing. It also serves as the view of MVC architecture. React JS aims at speed, simplicity and scalability. Notable features of React JS Virtual DOM Virtual DOM is a lightweight JavaScript representation of the Document Object…

Introduction This is how I built a react app from the ground up for one of my academic projects. For this, I used babel and webpack. At first glance, one might wonder why build it from scratch when you can use one command to build a react app. However, while developing…

React Introduction ReactJS is a JavaScript library for developing reusable user interface components that is declarative, efficient, and versatile. It’s a component-based frontend library that’s only responsible for the application’s view layer(React Serves as the view of MVC architecture.). Jordan Walke, a Facebook software engineer, came up with the idea…

What is React? React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. How to Create a React App Easily? We can create a React App environment easily using one command. npx create-react-app <your app name>

We had recently upgraded one of our codebases which uses next.js with a custom webpack configuration from Next 10 to 11 at smallcase and as part of this upgrade, we also updated all the webpack related plugins and loaders to their latest version to make them compatible with webpack 5…

We benchmarked both builders to see which is faster. — Storybook is the industry-standard UI component workshop. Thousands of application and design system teams worldwide spend most of their day working inside Storybook—building, documenting, and testing their UI components. Therefore, Storybook needs to run as fast as possible, so it does not slow down their workflow. Storybook's performance when first…

The packages in create-react-app can be categorized in the following way: Code for building final assets from code — The packages in this category are react-scripts, react-dev-utils, react-error-overlay, and react-app-polyfill. A subcategory can be tool configuration packages such as babel-preset-react-app, babel-plugin-named-asset-import, eslint-config-react-app. Code for quick start development — The packages…