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

Image for post
Image for post
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…


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)

Image for post
Image for post
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?

Image for post
Image for post
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.

Image for post
Image for post
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!

Image for post
Image for post
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!

Image for post
Image for post
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.

Image for post
Image for post
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…


You have a great project idea with your ERD and wireframe all ready to go. You’re excited to dive into Rails and JavaScript… but now that you think about it… how do you start?

Image for post
Image for post
Photo by Raul Varzar on Unsplash

Table of Contents

  1. Introduction
  2. Overview
  3. Early Steps
  4. Setting up your Rails API
  5. Setting up your JavaScript frontend
  6. Conclusion
  7. Want more? Other resources to check out!

Introduction

Do you have a routine when you start a new project? Personally, a huge part of my routine is having my notebook next to me. Not to jot down ideas, but to flip through my notes (yes, I still hand write my notes ✍🏼) and find where I wrote down how to set up my project.

To be more efficient (and avoid more paper cuts 😅) I decided to type out my notes and leave them here. This…


A comprehensive guide on how to tackle this for a Ruby on Rails application

Image for post
Image for post
Photo by Marvin Meyer on Unsplash

Table of Contents

  1. Introduction
  2. Our Steepest Slope
  3. Background/Context of Coterie
  4. How I conquered the slope!
    4a. Routes
    4b. Meetings Controller
    (Bonus! Datetime in params)
    4c. Views > Meetings Folder
  5. What does that look like?
  6. Conclusion & Summary
  7. Want more? Other resources to check out!

Introduction ☀️

Project week at Flatiron School is a rollercoaster ride of emotions. On one hand, it’s exciting to collaborate with a partner to create something based on what we learned in the past two weeks. On the other hand, having only one week to build a functioning application from nothing, and (😅 ideally) not look like something from the 80s…

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