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…


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…


Want to put your skills to the test by building out your own application? Here’s the steps on how to create and connect to GitHub a Rails API and React app!

Photo by Lindsay Henwood on Unsplash

Table of Contents

  1. Introduction
  2. Overview
  3. Early Steps
  4. Creating the Rails API & Connecting to GitHub
  5. Creating the React frontend & Connecting to GitHub
  6. Conclusion
  7. Resources

Introduction

For my latest project I built a full stack application with a Rails API backend and a React/Redux frontend. In addition to being my latest project, it is also my last project with the Flatiron School because I have now graduated! I truly enjoy being a full stack developer and plan on building out more side projects; graduating isn’t the end but the beginning for me.

Since I’m planning on working with React for the frontend and Rails…


How learning something different can open your eyes to so much more not only about the world, but also about yourself.

Photo by Thought Catalog on Unsplash

The year the world stopped

2020 has been a strange, crazy year. Our physical limitations have been put to the test as well as our mental and emotional health. We are trying to get back to normal, but our normal isn’t going to be the same as before. There are implications that we need to live with right now that will impact how we live after. And the year isn’t even over yet.

For the past five months I have been participating in Flatiron School’s Web Development Fellowship. I applied at the end of February, just before the world shut down due to COVID-19 and…


Ready for the next step after learning JavaScript and interested in React? Here’s an overview of React and the differences between JS and JSX!

React Basics: What’s the difference between JavaScript and JSX?
React Basics: What’s the difference between JavaScript and JSX?
Photo by Austin Chan on Unsplash

Table of Contents

  1. Introduction
  2. What is React?
    2a. Bonus! What are JavaScript libraries?
  3. What is JSX & How Does it Compare to JavaScript?
  4. JSX in Action
    5a. Bonus! Props and Class Components vs Functional Components
  5. Conclusion & Takeaway
  6. Want more? Other resources to check out!

Introduction 🤔

After learning JavaScript many developers turn to learn React. In fact, if you google “is react worth learning?” there are quite a few articles that answer this question with a strong YES.

But what is React? What is its associated language JSX? How does it compared to JavaScript?

I admit, if you asked me these questions two weeks…

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