What is SQL and why is it useful?

If you want to build full stack applications, it’s important to create apps that use data from databases. Databases store simple variables and data structures in memory. Databases can store varied amounts of information like the user, their followers, or their favorites. Learning how to query data from databases is not just for data scientists, it’s an important skill for developers too!

https://www.geeksforgeeks.org/sql-vs-nosql-which-one-is-better-to-use/

There are generally two types of databases to work with: SQL or NoSQL. I will be going over basic SQL querying statements. SQL stands for “Structured Query Language” and is…


A quick reference to commonly used hooks

I had a fun coding challenge recently where I had to build out a feature with React. It was definitely a nice change from a typical algorithmic coding challenge. The deliverable stated that I could only use functional components. But wait! I thought functional components couldn’t hold state. Incoming React hooks!

Photo by Zyanya BMO on Unsplash

What are Hooks?

React hooks were introduced in 2018 as a way to give functional components, well, more functionality with state. Traditionally, state is stored and managed in class components. Code held in class components can get long and convoluted considering all of the lifecycle…


Setup a custom domain for your portfolio site built with React and implement security with an SSL certificate

Photo by Christopher Gower on Unsplash

Like many developers, I wanted to use a custom url to host my portfolio site that I built with React instead of Github Pages. I also didn’t want to pay to add additional security. Here are the steps I took to wire up my portfolio site with GoDaddy while also adding site security from Cloudflare via SSL certificate.

Register Domain Name on GoDaddy

GoDaddy is an internet domain registrar, aka a company that allows users to host their website online. Creating a GoDaddy account is pretty straightforward…


You may have run into this issue like I have when trying to deploy your app to Heroku. You followed the safety convention of hiding your ~precious~ access tokens and keys properly with your .gitignore and .env files to push your repo up. Maybe you’ve even used the handy dandy npm dotenv. You double checked the root directory just to make sure none of those files ever get uploaded. Yet when you try to access your deployed project on your live site, none of those precious API calls gets rendered!

Fear not! You’ve done everything right so far. It’s more…


Solve it recursively, memoized, and iteratively

Image by Gerd Altmann on Pixabay

You may have heard of the Fibonacci sequence as the “golden ratio”. This name is attributed due to the 1.618034 ratio between the numbers.

It is said to be expressed in nature when we look at things like growth points of trees or petals of flowers, or our body parts (one nose, two eyes, five fingers per hand).

I won’t be discussing the theory behind Fibonacci but rather two and a half ways to solve it with JavaScript functions.

What Is the Fibonacci Sequence?

The Fibonacci sequence, named after Italian mathematician Leonardo of Pisa, is a sequence of numbers where every number after the first…


The key to writing fast and efficient code

Photo by Panos Deligiannidis on Unsplash

As a developer, you may have heard the phrase “Big O Notation” thrown around. What is it, exactly? And why should you care?

It turns out that learning about Big O Notation is not only necessary for technical interviews, it’s also an important concept to implement in order to write fast and efficient code.

I’ve never been a big math person — it was honestly my most hated subject in school — so just hearing about algorithms and Big O was intimidating enough. However, it’s a fairly simple concept to grasp, so let’s dive in!

Why Big O Notation?

Big O addresses what makes…


How does the Javascript engine invoke functions?

Photo by Markus Spiske on Unsplash

One of the biggest learning curves I faced, when learning Javascript, was the concept of Javascript’s synchronous nature. These concepts are important to understanding vanilla JS and will give you a better understanding of what is happening under the hood of popular frameworks such as React or Angular.

Visual representation of synchronous execution via onClicks of boxes revealing cute ducks!

Before diving into how JS is synchronous, we must understand what Javascript does for us before any functions are executed. Lots of things are happening under the hood by the Javascript engine, such as syntax parsers, a program that determines…


The way to go for styling your React app!

One of the biggest grips about styling React apps is that JSX tags can get pretty messy. In order to differentiate JSX from a plain old HTML tag, React uses “className” instead of “class”. One problem I came across when using other CSS libraries like Semantic UI was that the inline styling via className got a bit confusing with my actual functional classNames. It also wasn’t very DRY. My render function would have too many lines of messy code. In comes styled-components.

Who is she?

Styled-components is a CSS library that uses “the best…


I make dumb mistakes so you don’t have to, but you will anyways! ¯\_(ツ)_/¯

me everyday at coding bootcamp

Before even getting started with learning React, it’s recommended that you have a good understanding of vanilla javascript and the concepts of OOJS. React is an intuitive javascript framework created by Facebook, used mostly for the frontend to create dynamic web pages. React makes up the “V” in MVC aka “Views”. Here are some errors I frequently came across when starting my React journey.

you, before reading this blog

1. Make your keys unique: key={}

An error you might see in your chrome dev tools

You will most definitely be asked to render an array of objects…


Ever wanted to create a simple game via Javascript? Ever end up 9 weeks into a coding bootcamp with a game for a project idea? Well, here’s an option for you!

With the release of the latest version of HTML, aka HTML5 in 2014, a new element was introduced. Incoming <canvas>, an element that allows for developers to draw graphics on a webpage. What’s so great about that you might ask? Well you can do super cool things like making this little green box:

Impressive isn’t it?

By default, the canvas element is a rectangular element but has no border…

Vannida Lim

//Flatiron School Alum && Software Engineer ⚛👩🏻‍💻

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