Sign in

Mary Ann Navarrete

Projects would not be the same without these React component libraries. I don’t know what I’d do without them! There are so many out there, and I get excited every time I come across a new one that makes my time in development more efficient and my project more stylish. Here are my favorite, must-have React libraries that I’ve used so far in 2021!

1. Material UI

Material UI is one of the most popular React UI component libraries, if not the top favorite amongst developers. It is built with Google’s Material Design, and has a ton of prebuilt React components, with a…


I’ve recently been brushing up on my JavaScript skills by using different online resources and books. The first time I learned JavaScript, was during an intense coding Bootcamp, where we had 2 weeks to learn as much as we could.

In the 3rd week, we had to complete a project based on two weeks’ worth of knowledge. Understandably, with that much cramming, it would not be a surprise to forget certain terminologies. In this case, I knew what logical operators were and knew how to use them, but the term “short-circuiting” completely slipped my mind until I came across it…


In the last 12 months, we have seen the most difficult job market in U.S. history. The pandemic caused millions of people to be furloughed or permanently lose their jobs, with some industries having such significant impacts to how they do business in the future. These include hospitality, transportation, arts, entertainment, tourism, retail and food & beverage, just to mention a few. Even with businesses reopening, it could be unlikely that places will return to full-capacity or how it operated pre-pandemic. This has caused companies to rehire a fraction of the staff they once had. …


I only recently transitioned into Software Engineering a few months ago, but I’ve already seen the copious benefits that my sales background has provided me in this new programming world. Saying I did “sales” can be general, so to be a tad more specific, I was in sales and marketing for the hotel industry in the Washington, D.C. area, just to give my post a little bit more context.

Having great networking skills and habits are a must-have in sales. Those with great habits attended networking events on a weekly basis. We carried business cards in every pocket and bag…


Even though an NBA team has five starters, for the purposes of explaining the power-players of Ruby enumerable methods, we have four starters. These four are the most powerful and useful enumerable mixins of the group. So, what does the NBA have anything to do with a Ruby enumerable? Aside from the fact that I’m a huge NBA fan, and this week is the start of the 2020–2021 season, let me give you a little backstory.

I started as a full-time student at Flatiron School’s Software Engineering Bootcamp five weeks ago. My biggest struggle those first three weeks was iterating…


Prior to hooks, we could only use state or life-cycle methods in class components. However, now with hooks, React gives us functions like useState, useEffect, useContext, useRef, and so on, which gives additional functionality within a function component.

We can essentially “hook into” React features like we would in class components. If you’re working on a functional component file, and find yourself needing to add state to it, for example, no problem! You can simply use the useState hook. One of the functions within React hooks that was a bit harder for me to grasp was the useEffect hook. …


From Fetch API, to useEffect and Axios

Lately, I’ve been trying to expand my data fetching abilities as I work on different projects. There are actually many ways to fetch API data. In this blog, I will go over the simplest way, such as using the Fetch API, then go through the useEffect() way of doing it, then the Axios method. These are the most popular methods being used. There’s actually many more ways than just these three, but this is a good start if you’re new to JavaScript or React.

First, what is an API?

API stands for Application Programming Interface. You can think of it as a link you use…


Image Source: ClutchPoints.com

With my very first blog post at the beginning of my Software Engineering Bootcamp journey, I wrote about Ruby’s most common iterator methods: .each, .map, .select and .find. We called these four, the “Starting Four,” of the Ruby team, and deservedly so. They are the most powerful and useful methods of the group, used to iterate through data. In case you missed it, here’s my first blog post. “The Starting Four of Ruby’s Enumerable Methods.”

Ahhh, what a season it’s been — that is, both my bootcamp journey and the NBA season thus far! I published that post on the…


The moment I learned about validations while learning Ruby on Rails, I “reminisced” about the good-ole days when I worked in hotel sales, and dealt with the data from our sales CRM software. I didn’t have bad habits as a sales manager per se, typically filling out contact information, event booking details and leads as completely as I could. However, it wasn’t until I became a Director of Sales and had to pull, analyze and report out on the entire sales team’s data, that I realized the importance of completion and consistency in formatting. …


Have you ever struggled to understand a challenging problem, topic or fully grasp a complex concept? Have you read the material word for word, and then, later on, realize that you can’t even remember what you just read? And then when the time comes to apply what you just read, you don’t even know how to solve or answer the question?

“You are not alone! “ — said ME.

As someone who is currently a full-stack software engineering student, and fairly new to programming in general, my experiences with learning Ruby, Rails, and Javascript has been quite,..umm...the journey, we can…

Mary Ann Navarrete

Hospitality Sales & Marketing turned Software Engineer. I love building things, solving problems and analyzing complex data. Follow my journey.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store