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!
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!
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
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.
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
.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…
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).
The Fibonacci sequence, named after Italian mathematician Leonardo of Pisa, is a sequence of numbers where every number after the first…
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!
Big O addresses what makes…
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.
Styled-components is a CSS library that uses “the best…
I make dumb mistakes so you don’t have to, but you will anyways! ¯\_(ツ)_/¯
You will most definitely be asked to render an array of objects…
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:
By default, the canvas element is a rectangular element but has no border…
//Flatiron School Alum && Software Engineer ⚛👩🏻💻