Clarifying Which Babel to Use for Compiling React Today
Babel is a toolchain to transpile new JavaScript syntax (e.g. ES6) down to older versions that is supported by browser or node.js execution environments. The latest major version at the moment is Babel 7. To transpile JavaScript React, we normally use bable. The problem is that babel is evolving so …
AWS Lamda Function TypeScript Boilerplate
I have created a boilerplate for TypeScript lambda function. If you are into JavaScript, I have the boilerplate here. TypeScript is really JavaScript that scales as the official tag line suggests. It is type-safe and the TypeScript specific intellisense provided by Visual Code Studio is amazing. Compared to writing in …
Setting up Custom Webpack for TypeScript React
The easiest way to get started with React on TypeScript is to use create-react-app for TypeScript. As create-react-app uses webpack, you can eject config files by running npm run eject for further customisation. What about building the project and webpack config from scratch? It is sometimes good to give it …
When My Webpack 4 Server Suddenly Stopped Working
Now, I have a React development environment with webpack 4 set up on my local Windows 10 machine (How to set up local development environment for React with webpack 4 and babel 7). I have encountered a few occasions that the webpack server suddenly stopped starting and giving me the …
How to Set up Loacl Development Environment for React with Webpack 4 and Babel 7
It is universally acknowledged that setting up a local dev environment is hard work. Especially for javascript frameworks that get constantly updated. The documentation for the older version suddenly stops working and you have to make sure you are installing the correct versions. In this post, I will show you …