React OAuth Authentication with Firebase – Tutorial

We will be building a simple React app that will take advantage of Firebase simplicity to consume OAuth Authentication with GitHub, Twitter and Facebook.

I know we all love code here, but before we jump into coding the app, first we need to create a project in Firebase, then setup new apps on GitHub, Twitter and Facebook.

Some Notes

I will be using Yarn throughout this tutorial, but you can use npm. Also, I will assume you have a basic knowledge of React and React Router.

We will also be using Create React App (CRA) to bootstrap the application.

Continue reading

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 Babel
  • CSS Autoprefixing with PostCSS
  • Minification of our CSS and JS assets

Continue reading

Learn Webpack for React

Webpack 4 introduced some changes, so I have updated this tutorial to use Webpack 4 and reflect those changes.

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, Hot Module Replacement (HMR), Code Splitting by Route and Vendor, production configuration and more.

Continue reading

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 and not ready for production usage, however it is up to a point where I feel comfortable to make it public. As of the time of this writing, you can already send updates to Twitter and GitHub.

Also, once the project is complete, I will create a series of blog posts tutorials on building this app, including Webpack configuration for development and production.

Continue reading