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 each other. Thus, it is the full-stack developer’s responsibility to make that connection happen and “match them up”. …


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 often the same and so in the monotony of the process I’ve forgotten the reasoning behind certain steps. To share with those who are curious or need a reminder about what each step is doing, this guide will explain so you can be intentional about the set up of your project. …


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 API for the backend, I took out my handy-dandy notebook to document what I’m doing. When I tried to write down the steps on how to create the backend and frontend repositories locally and have them be connected on GitHub, I started to mix them up. So to keep track of the steps and for anyone else who needs a reminder, I’m leaving this step-by-step guide here! …


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 during a point where I felt stuck. Currently I’m working on my final project and feel like it’s senior year all over again. …


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!

Image for post
Image for post
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 ago I wouldn’t have known how to respond. I didn’t know much else about React, other than it’s used for the frontend and a good next step after JavaScript. When I finally switched gears to learn React, the way JSX simplifies JavaScript was hard for me to grasp. Now, two weeks later, I am comfortable enough with the differences to appreciate the pros and cons of each. …


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 is a review on how to set up your project specifically for a Rails API backend and JavaScript frontend, but the general steps to create a project are the same. …


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 or 90s, is daunting. Nevertheless, it’s definitely a time to look forward to; when you emerge from the other side, you will have grown and learned so much. Not to mention, seeing other project presentations from your peers is so inspiring! …


A comprehensive guide to Ruby’s split method

Image for post
Image for post
Photo by Chris Ried on Unsplash

Table of Contents

  1. Introduction
  2. Vocabulary Review
  3. So… what is the split method exactly?
  4. What can I do with the split method?
    4a. Split with NO pattern and/or limit
    4b. Split with ONLY pattern
    4c. Split with pattern AND limit
    4d. Something to put out there…
  5. Conclusion & Takeaways
  6. Want more? Other resources to check out!

Introduction

(Don’t have time? Skip to the next section for the good stuff!)

As someone who has a little more than nine weeks of learning and experience with coding, I am very grateful that Ruby is my first programming language. Although I don’t know much about other programming languages to compare, there is so much that I appreciate about Ruby. …

About

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