How to deploy a React app with a back-end API. Part 2: Now. — This is now an outdated tutorial. Now has been rebranded to Vercel and with that rebranding came some changes to deploying to this new platform. To read the updated tutorial visit here. In this tutorial, we will learn how to deploy a React app with a back-end API to Now…

How to deploy a React app with a back-end API. Part 1: Netlify. — In this tutorial, we will learn how to deploy a React app with a back-end API to Netlify. We will cover deploying an Express.js API and Lambda Functions to interact with the React front-end. This tutorial will be divided into 3 parts. Part 2 of the tutorial we will deploy…

A short yet detailed guide to styling components with create-react-app — For the most up-to-date version of this article: https://esausilva.com/2020/07/23/how-to-use-sass-and-css-modules-with-create-react-app-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 yourself.

Visit my blog site entry for the most up-to-date tutorial for this article. Sass is a very popular CSS pre-processor. The intent of this tutorial is to show you how to compile Sass files within Visual Studio using Webpack. Our discussion will include minification and autoprefixing for production. Sure, there…

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. — 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. Features include: Live reload in development Webpack Sass compilation (and minification/autoprefixing in production)

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. …

You’ve 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…

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. npm To update npm packages we have npm-check. …

I have updated this tutorial with Webpack 5, React 17, and Fast Refresh over on my website blog here. In this tutorial we will see the basics of Webpack for React to get you started, including React Router, Hot Module Replacement (HMR), Code Splitting by Route and Vendor, production configuration…