Introduction:

Hello there and welcome to my personal notes.

This week’s post was originally going to be Part 2: The R in CRUD from my StickyNote mini-project blog series. However, while I was working on a new project today, I finally decided to format a phone number through the React package, react-number-format (learn more). I unexpectedly went through a lot trying to implement this component and decided to write about it. You’ll see more when you get to the conclusion.

Anyway, the more I build websites, the more I realize how standard a “Contact Us” form page is. …


(Image Source)

Introduction:

Hello there 🙋‍♀️

Welcome to my personal notes on learning the Fabric.js library on React. We’ll be taking in bite-size information to digest everything we learn.

In every bite-size read, we’ll cover syntax, go over what we need, do some sample coding, and finally view the end result.

(We’re going to assume we have a basic understanding of React.)

I’m a huge fan of ES6 syntax and hooks, so we’ll be utilizing those throughout our learning experience.

Feel free to correct me in anything I write as, again, these are my personal notes I’m publishing to the world~

Cheers!

Recap of the end code and results from Part 2:

import…


Image Source

Introduction

Hello there and welcome to my personal notes.

This post is a step-by-step instruction on setting up a simple full stack web application using React and Ruby on Rails.

This is part one of my blog series for my StickyNote mini-project. The main objective is to practice CRUD with MVP. Though be warned, no styling is involved so it might be an eye sore 😬.

Here’s an outline of upcoming posts:

  • Part 1: Full Stack Application Set Up — React with Ruby on Rails
  • Part 2: The R in CRUD
  • Part 3: The C in CRUD
  • Part 4: The U…


Image Source

Introduction:

Graduating from a coding bootcamp, I knew very little about Github and git commands. I signed in once, connected it to my computer and that was it. It wasn’t until my first job that I realized I needed to switch git accounts on my MacBook. My immediate thoughts?

“None of my commits for work will show up on my personal git account 🥺 (i.e. my green tiles!!).”

Anyway, I got over it pretty quickly as learning on the job demanded more of my attention. My CTO walked me through setting up my new GitHub account for the company and made…


(Image Source)

Introduction:

Hello there 🙋‍♀️

Welcome to my personal notes on learning the Fabric.js library on React. We’ll be taking in bite-size information to digest everything we learn.

In every bite-size read, we’ll cover syntax, go over what we need, do some sample coding, and finally view the end result.

(We’re going to assume we have a basic understanding of React.)

I’m a huge fan of ES6 syntax and hooks, so we’ll be utilizing those throughout our learning experience.

Feel free to correct me in anything I write as, again, these are my personal notes I’m publishing to the world~

Cheers!

Recap of the end code and results from Part 1:

import…


(Image Source)

Introduction:

Hello there 🙋‍♀️

Welcome to my personal notes on learning the Fabric.js library on React. We’ll be taking in bite-size information to digest everything we learn.

In every bite-size read, we’ll cover syntax, go over what we need, do some sample coding, and finally view the end result.

(We’re going to assume we have a basic understanding of React.)

I’m a huge fan of ES6 syntax and hooks, so we’ll be utilizing those throughout our learning experience.

Feel free to correct me in anything I write as, again, these are my personal notes I’m publishing to the world~

Cheers!

Part 1: Fabric.js on React — fabric.Canvas(‘…’)

new…


Given a data model with a many-to-many relationship, naturally we’d want to include a joiner model. Just a heads up, we’re using a piece of my module 5 project, so it might not completely make sense big picture wise.

Anyway, we have the following relationship.


Image Source

What is localStorage?

It’s a property in your browser that allows you to store and save data across multiple browser sessions without an expiration. It’s like an external memory you can utilize for small features on a project.

We say small feature because the only data type you’re allowed to store in localStorage are strings.

Syntax

It’s an object that takes in a key-value pair when storing data.

Storing Data

localStorage.poop = "beef"


Coming out of Ruby, the idea of defining a method outside of def end syntax seems a bit scary. Especially because Ruby provided a lot of syntactic sugar, we almost just wrote out the English language whenever we coded.

Inside this post, I’ll share what the main differences I noticed working with the two languages.


Image Source: https://gph.is/2h8wI3B

Did you know…that you can FAIL out of a coding bootcamp?

I didn’t.

I probably should’ve done my research but one of the first things I learned on day one of coding bootcamp was that you can fail. The Flatiron is a bit nicer and won’t actually use the word “fail” but essentially you have one life line to repeat one module.

After that, you’re sent to online learning at your own pace.

Or as we like to low-key call it, “The Abyss.”

April Escobar

while(true){ learn }

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