Yesterday I started writing a few web scrapers in Node.js to gather some data for a personal project of mine (wait for it).

One of the things I had to deal, is how to convert addresses to geolocation (latitude and longitude, basically.)

So I started doing what we do best as Javascript developers:

Hm… there must be a package for that.

And of course, there is: https://www.npmjs.com/package/node-geocoder

And it's usage is fairly simple:

But, as we're using Google as a provider, of course, none of this is for free 😅

I was making a lot of tests and I…

Micro frontends are a hot topic currently. Everyone is talking about it. People are curious about how to implement it, what are the pros and cons and so on.

You might be tempted to start implementing your own architecture. You might look at a bunch of resources: Dan Abramov threads, Sean Larkin threads, Luca Mezzalira Blog Posts, examples using server-side include libraries with Node and React, maybe client-side libraries that will help to get the puzzle together.

Did I mention this manifest?

Damn, there is even a Martin Fowler’s blog post about it now.

…

—

Note! This article is also available in:

• Vietnamese: https://viblo.asia/p/cai-dat-firebase-authenticantion-bang-react-trong-5-phut-naQZRpe05vx
• Korean: https://aspdotnet.tistory.com/2268
• Arabic: https://raw3h.net/page/how-to-setup-firebase-authentication-with-react-in-5-minutes-maybe-10-d76763/

Many thanks to the translators ❤

—

Hey you! Nice to see you around!

I wanted to write down a simple guide for getting Authentication done with Firebase and React quickly.

I’ll be very direct and straight to the point here. I won’t cover edge cases like authenticated routes or showing up error messages properly.

In this tutorial, we’ll make only the minimal changes we need to have basic google authentication in place.

We’ll be using a few open-source projects:

• https://github.com/nodejs/node
• https://github.com/facebook/react
• https://github.com/facebook/create-react-app
• https://github.com/armand1m/react-with-firebase-auth

Development setup

Make sure…

I’m currently creating an application from scratch using create-react-app . The application has a single form with validation in the fields. For form state control and validation, I am using formik together with yup schemas.

This is the stateless code for this form:

As you see, it receives an errors prop, which is simply an object with some error keys for the form. It would be something like this:

{
  team: 'Please select a team',
  project: 'Please select a project',
  /** etc.. */ 
}

And this object is usually recreated at each user interaction with the form as he types…