DEV Community: Johnny Navarro

How do you deal with SEO in React/SPAs?

Johnny Navarro — Tue, 21 Jul 2020 00:57:26 +0000

Hi everyone! Hope you are doing fine in this difficult times.

I'm writing this post because I haven't found any resource really covering this topic other than suggesting Server Side Rendering.

I wanted to know how do you React devs out there deal with SEO in your apps? I have read about using Helmet, but does it really make a difference? I tried setting up my meta tags there but when testing with www.heymeta.com they wouldn't show up.

I wanted to know if there are some best practices to be used in React apps other than going with SSR. At this point I'm kinda afraid of offering my dev services only to find that my clients websites don't actually show up in search engines, lol.

Thank you very much!

COVID-19 Tracker for Panama made in React.js.

Johnny Navarro — Tue, 07 Apr 2020 16:49:49 +0000

Hello everyone.

So, I made a COVID-19 tracker. Yes, yet another COVID-19 tracker hahaha. However, I made it specifically with information from my home country Panama. Perhaps you are not from Panama and chances are you don't even speak Spanish, but I wanted to share anyway.

I got my inspiration from all the hardworking people in my country right now, everyone is doing what they can do to help. I also got inspired by all the amazing work in this community during these hard times.

Here's the URL: https://protegetepanama.com/

The website is a SPA made using React.js. Other tools include:

Charts: react-chartjs-2 (https://github.com/jerairrest/react-chartjs-2)
Navbar: react-burger-menu (https://github.com/negomi/react-burger-menu)
Navigation Tabs: react-swipeable-views (https://github.com/oliviertassinari/react-swipeable-views)
Notifications: react-toastify (https://github.com/fkhadra/react-toastify)
Twitter Feed: react-twitter-embed (https://github.com/saurabhnemade/react-twitter-embed)
UI Library: reactstrap (https://reactstrap.github.io/)
Hosting: Firebase Hosting (https://firebase.google.com/products/hosting)

It's by no means the best React.js application but I think it came out pretty good. I wanted to make something simple and practical to help the people in my country find all the relevant information easily.

If you can please take a look.

Johnny Navarro

Colt Steele's Free Code Camp

Johnny Navarro — Mon, 23 Mar 2020 16:01:22 +0000

Hello everyone! I just wanted to share with you that Colt Steele (an excellent instructor from Udemy) has just started a Free Code Camp on Youtube.

Colt's Code Camp Day 1: https://www.youtube.com/watch?v=SF_Xl5TOGlY

Titled "Learn to Code at Home for Free", promises to be a way for anyone to enjoy learning to code during these difficult times.

If you are already a developer you might not need this, but it could be a valuable resource if you know anyone that might want to start coding.

I looked into it and it's mostly about Web Development. The first episode gives an overview of how Web Development works in general and he'll continue in the following days teaching how to work with Web Development tools and languages.

I'm not affiliated with Colt in any way, I just thought it could be nice to share it.

Have fun!