There are many blogs out there about how to use Redux, but few on when to use Redux. It can be difficult and tricky to discern, and something I’ve struggled with myself.
Redux is a third-party library created by Dan Abramov and Andrew Clark for state management.
When React was introduced, it came with a built-in state object through…
Web development was my initial introduction into Software Engineering. In my journey to becoming a better engineer, however, I’ve challenged myself to learn more about Frontend Development. This meant understanding the differences between client and server side rendering, building a website incorporating UX trends, and incorporating React Hooks into my projects.
On that note, I recently built a project using React Native, an extension of React. React Native is an open source framework, and it is used for mobile Frontend development. If you have a solid foundation in React, then React Native won’t present too much of a learning curve…
Recently, someone asked me about a React framework, and the benefits of choosing and using this particular framework. Truth be told, I wasn’t sure: I knew this framework loaded faster compared to other frameworks in the same space, but couldn’t explain it in more depth than that at the moment.
After this particular conversation, and a few more about Front End development, I wanted to focus my attention on the differences between server side rendering versus client side rendering, and the benefits of using either or.
Server side rendering is one way of displaying a web page. This was how…
The internet is everywhere, or rather, we can access the internet (almost) everywhere. From the small computers we call mobile devices or “phones”, to smart watches, smart TVs, smart refrigerators, smart door alarms, to our laptops, it’s something we take for granted. We click or tap on an icon, type in an address, and will see a website in a matter of seconds, even milliseconds.
While this seems like all there is to it, it’s actually — surprise! — much more complicated. So…how does the internet work?
There’s an important distinction between the internet and the web. GeeksForGeeks distinguishes this…
Blockchain and cryptocurrency have taken over the headlines. From NFTs sold for hundreds of thousands of dollars, to Coinbase’s IPO, to the frenzy around Dogecoin, many people are wondering what exactly is blockchain? What’s cryptocurrency? How are the two related?
This blog is a quick introduction into blockchain and cryptocurrency, and does not serve as financial advice.
To understand cryptocurrency, it’s necessary to first understand blockchain without the confusing jargon. Many people are reluctant to learn more about blockchain because of the technical terms.
Blockchain is defined as “an immutable public digital ledger” (CNN), “a collection of information that…
I’ve been brushing up on my algorithms by focusing on Leetcode Medium problems — or trying to, at least. I came across the Find the Duplicate Number question and learned about the Floyd’s Tortoise and Hare solution. It was a bit challenging to grasp, but with the help of some very useful art and re-reading the code, I decided to share how and why this particular algorithm is so helpful (and time efficient!)
Given an array of integers nums containing n + 1 where each integer is in the range [1, n] inclusive. …
This week, I received some valuable feedback on how to grow as a developer — and that’s to go back to the basics. I’ve been working with React as a Frontend library, and one of the most important features of React and any Frontend library is state management. There are a number of ways of managing state. In this blog, I’ll review three different methods to do so: useState, Redux, and useContext.
I was first introduced to microservices when I saw it on a job posting. That led to this quick dive into what exactly microservices are, and how they’re used in regards to software development.
Microservices is defined as “an architectural approach to building applications” (Red Hat). At the granular level, it is a “cloud native architectural approach in which a single application is composed of many loosely coupled and independently deployable smaller components, or services” (IBM).
Another React Hook I’ve enjoyed learning and working with, aside from useContext, is useEffect.
useEffect is a React Hook that mimics component lifecycles and provides this to functional components. In class components, you have life cycles such as componentDidMount() or componentDidUpdate(). Life cycles are used for the purpose of rendering and re-rendering the DOM based on component updates.
I’m a big fan of React and with React Hooks.
Before you roll your eyes and go, “Not another React Hooks blog”, hear me out.
It’s no surprise that the industry standard has moved away from class-based components and lifecycles. I won’t be discussing function-based vs. class-based components in this post — you can read the tens of blogs about this topic on Dev and Medium.
I did, however, want to shed light on one particularly useful Hook I came to learn, which is useContext.
useContext is a React Hook that allows us to have and use global state…