In this tutorial we will be building a website without a front-end framework but making use of Webpack to support writing modern JavaScript (ES6+), including ES Modules and Sass. We all love React, Vue, Angular, [front-end framework]. But, it might be overkill to use them if you just need to build a simple website.
Compile Sass Files in Visual Studio and Webpack
Sass is a very popular CSS pre-processors and the intent of the tutorial is to show you how to compile Sass files within Visual Studio using Webpack, this will include minification and autoprefixing for production. Sure, there are some plug-ins on the Visual Studio Marketplace, and is nice to just install a plug-in and forget […]
Learn Webpack for React
You know React, you know create-react-app, but now you want to learn Webpack to create your own configurations and run React. In this tutorial, we will see the basics of Webpack for React to get you started, including React Router, React Fast Refresh, Code Splitting by Route and Vendor, production configuration, and more.
Profile Updater – A React App to Update Your Social Media Profiles: Twitter, GitHub & Facebook
If you are anything like me when it comes to keeping your social media profiles in sync, then you could benefit from this app. The purpose is to type your profile information once, and then send the updates to your profile in Twitter, GitHub & Facebook. Just to note, this project is still in development […]
Uncaught ReferenceError: regeneratorRuntime is not defined – Two Solutions
Trying to use async/await in my React app gave me this error Uncaught ReferenceError: regeneratorRuntime is not defined. I found two solutions
Uncaught TypeError: Cannot assign to read only property ‘exports’ of object ‘# < Object >‘
This TypeError is thrown when import is combined with module.exports in a specific JavaScript file (module) and you are using Webpack 2.
React Starter Boilerplate with Hot Module Replacement and Webpack 3
This is a basic React boilerplate with React 16, Webpack 3 and Semantic UI React