Let’s make fetch happen. Why do we need it? What can we do with it? How is it related to controller actions?

Photo by ThisisEngineering RAEng on Unsplash

Table of Contents

  1. Introduction
  2. Refresher on Fetch Requests
  3. Structuring the Request with Fetch
    3a. Bonus! Getting the user’s input from a form
  4. Handling the Request & Structuring the Response with Controller Action
  5. Handling the Response with .then
  6. Conclusion & Summary
  7. Want more? Other resources to check out!

Introduction 💻

What does it mean to be a full-stack developer? Well, according to W3Schools, it means: “a person who can develop both client and server software”.

While I do agree with their definition, I would add that full-stack developers are basically match-makers 🥰. On their own, the frontend and backend are independent and don’t necessarily care about…


Interested in testing but don’t know where to start? Let’s start by understanding tests and then take a closer look at unit testing with Jest.

Photo by JESHOOTS.COM on Unsplash

Table of Contents

  1. Introduction
  2. Quick Review
    2a. Bonus! What’s a test case vs test suite?
  3. Pros and Cons of Testing
  4. Getting Started
    4a. Bonus! Debugging Jest Tests
  5. Practice with me
  6. Conclusion
  7. Want more? Other resources to check out!

Introduction 🥼

Once you have some practice and a basic understanding of a programming language and/or framework, you’ll start to become aware of tests and testing. Naturally, as a beginner excited to learn more, some questions might come to mind. For myself, some early questions I had were:

  • What does it mean to write tests?
  • When do we write tests?
  • Why do we test?
  • How do we…


Did you know that there are methods you can use on both JavaScript strings and arrays? Let’s take a look at these methods and see the similarities and differences between them!

Photo by Caspar Camille Rubin on Unsplash

Introduction

While it’s impossible to know every single method in JavaScript, it’s also nice to know that there are some methods that can be used on more than one data type.

Specifically for strings and arrays, these methods are concat, indexOf, and slice. In this article, we will understand what each of these methods is, how to use them, and the differences and similarities to using them on strings vs arrays.

concat: Merge (non-destructive)

For the respective data type it is called on (string or array), this method is used to merge two or more of them, returning a new version without mutating the…


Need a refresher on JavaScript’s arrays and methods? This is a one-stop-shop that breaks down arrays and the numerous methods we can use.

Photo by AbsolutVision on Unsplash

Table of Contents

  1. Introduction
  2. What are arrays?
  3. How do we create arrays?
    3a. Bonus! Spread Operator
  4. Methods
    4a. Basic Methods: pop, push, shift, unshift, splice, slice
    Bonus! Length property
    4b. Advanced Methods: reduce, sort, concat, flat, filter, join, map, find, forEach
    4c. Fun Methods: toString, includes, fill, indexOf, findIndex
  5. Conclusion
  6. Want more? Other resources to check out!

Introduction 💡

One data structure that many other complex ones build off of is the humble array. Therefore, it’s important to have a strong foundational understanding and knowledge of arrays before diving into other data structures. …


Want to learn a new backend but not sure where to start? Follow along to set up a basic Node.js/Express API (including routes and dealing with request/response)!

Photo by Matt Lee on Unsplash

Table of Contents

  1. Introduction
  2. Early Steps
  3. Basic Setup
  4. Adding in Routes
    Bonus! External Fetching
  5. Conclusion
  6. Want more? Other resources to check out!

Introduction 💪

Recently I have focused on reviewing fundamentals and deepening my knowledge of topics I learned during my bootcamp in order to learn something new. However, this time I decided to take a break and challenge myself to learn something new to share with you all! Today we’ll be learning the basics of setting up a simple Node.js/Express API.

If you know JavaScript, whether because you’ve built your frontend with vanilla JavaScript or React, then I recommend exploring a backend with Node.js…


When choosing what you want to use as your database, a strong contender is often PostgreSQL. Read on to learn more about PostgreSQL and how to install it with Postgres app!

Photo by Hu Chen on Unsplash

Table of Contents

  1. Introduction
  2. What is PostgreSQL?
    2a. History of PostgreSQL
    2b. Definition of PostgreSQL
    2c. How PostgreSQL is different from SQL
  3. Postgres.app
    3a. Installing Postgres.app
    3b. Troubleshooting
  4. Conclusion & Takeaways
  5. Want more? Other resources to check out!

Introduction 💭

During my time at Flatiron School, when it came to starting our projects in Mod 2, we were recommended to create our apps with a PostgreSQL database because it would be easier for when we want to deploy it. At the time that was the only reason I needed to create my apps with PostgreSQL. Now that I’ve graduated, I want to learn more about…


So you’re learning React and come across components. Class components, functional components, and wait, hooks? Read on to understand the difference between them (🤫 the secret is state)

Photo by Stefan Steinbauer on Unsplash

Table of Contents

  1. Introduction
  2. Background Info
    2a. So… What are Components?
    2b. Bonus! Arguments vs Parameters
    2c. So… What is State?
  3. Class Components vs Functional Components
    3a. Bonus! constructor()
  4. Hooks
    4a. Bonus! useState()
  5. Conclusion & Takeaways
  6. Want more? Other resources to check out!

Introduction 🐣

We all start from somewhere, and one of the things I enjoy most about coding is that we’re often beginners. When learning something new I often start with the vocabulary so that I have a strong foundation for the new concepts. That said, after you get the hang of things sometimes it’s the basics that are the hardest to explain…


I bet you’ve heard of callback functions if you’re familiar with JavaScript. But do you really know what they are, why we use them, or how to use them?

Photo by Marten Newhall on Unsplash

Table of Contents

  1. Introduction
  2. Quick Review
  3. Defining the Textbook Definition
  4. Why do we need callbacks?
  5. But what does this really mean?
  6. Creating Callback Function
    6a. Bonus! Callback Hell
  7. Conclusions & Takeaways
  8. Want more? Other resources to check out!

Introduction 🤿

Something you’re bound to come across in JavaScript are callback functions. While I know what callbacks are doing and how to write them, I acknowledge that my understanding is only superficial 😞 In my own research to learn more, I’ve found that the explanations are either too vague or use too much technical jargon with nothing in between. …


Not sure what to expect or how to prepare for a technical interview? Check out what I learned from my experience with Skilled.

Photo by Geeky Shots on Unsplash

Introduction

Last week I had my first technical interview through Skilled. Even though it was a mock I wanted to do well, but just the thought of doing a technical interview made me nervous. For a whole week I researched “what you need to know for technical interviews”, reviewed the fundamentals of JavaScript, studied data structures and algorithms, practiced with LeetCode, and basically stressed myself out thinking how much I didn’t know. …


Created your full stack application but need help setting up? Here’s a step-by-step guide on the basics of what you’ll need to set up your Rails API and React/Redux frontend!

Photo by Yancy Min on Unsplash

Table of Contents

  1. Introduction
  2. Setting up your Rails API
  3. Setting up your React/Redux frontend
  4. Conclusion
  5. Want more? Other resources to check out!

Introduction

Sometimes the hardest part about starting a new project is just that…starting. Once you come up with an idea, draw up your entity relationship diagram (ERD) and wireframe, decide what features you want to work on, create the project AND connect the repositories to GitHub, it’s finally time to start coding!

While you may be ready to start building your project, all projects need a solid base. That’s where this guide comes in! For me, the beginning set up is…

Waverley Leung

“Be present. Be open. Be kind. But speak your mind.” 🌱 Passionate about tech, connecting with people, eating good food, and dancing to my heart’s content.

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