A short yet detailed guide to styling components with create-react-app with Sass and CSS Modules, which now is part of CRA. Up until the release of create-react-app v2, if you wanted to include Sass or CSS Modules in your project, you would have to eject from create-react-app, learn Webpack configurations, install Sass loaders and configure it […]
List and Update Global Packages with npm and Yarn
Many times we globally install packages then forget how many packages we have installed or that we need to update them. Below are a set of commands to list globally installed packages and a set of commands to updated them with NPM and Yarn.
Build a Website with Modern Tooling and No Frameworks
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 […]
React OAuth Authentication with Firebase – Tutorial
Build a secure React app that provides takes advantage of Firebase simplicity to consume OAuth Authentication with GitHub, Twitter and Facebook. For an app to be secure, we usually need to implement some kind of authentication, whether it is the basic username/password combo or a two-factor authentication. In this post we’ll learn how to leverage […]
Getting Started with Vue.js in .NET Core using Visual Studio
You have heard a lot about Vue.js and how awesome it is, and now you want to use it with your next .NET Core app. Well, it is far easier than you might think. In this tutorial, besides getting started with Vue.js, we will cover the following: SASS compilation ES6+ JavaScript transpilation to ES5 with […]
HackerRank Solution in ES6 Javascript to Challenge: Sparse Arrays
My solution to HackerRank challenge Sparse Arrays found under Data Structures > Arrays > Sparse Arrays.
HackerRank Solution in ES6 Javascript to Challenge: Dynamic Array
My solution to HackerRank challenge Dynamic Array found under Data Structures > Arrays > Dynamic Array.
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.
How To Make create-react-app work with a Node Backend API
This is a very common question among newer React developers, and one question I had when I was starting out with React and Node. In this short example I will show you how to make create-react-app work with a Node Express Backend.