How I changed my career and landed my first developer job

Photo by Larisa Birta on Unsplash

I’m happy to announce that I just started my new career as Software Engineer! I’m sharing my story in hopes to inspire others who are thinking to change their careers as well. Before I wrote my first line of code, I knew nothing about programming.

Before we dive into my story, let me share a little background about myself. I am a third-generation Japanese American who was born and raised in Hawaii. I moved to Japan 7 years ago as an English teacher. I spent 3.5 years working at an after-school program teaching English to kids. …

The simplest one-line solution

Photo by Austin Distel on Unsplash

The other day I was trying to figure out what would be the best way to display a PDF in a React app. Displaying the PDF itself was not too hard to accomplish. There are a couple of external libraries, like react-pdf or reactjs-pdf-reader, but I was hoping to find a way to accomplish this without using a third-party library.

The best way I found to display a PDF was to use an iframe. iframe stands for inline frame, and it allows you to embed another HTML document within the current one. You can read more about it here.


What are the App.test.js and setupTests.js files in create-react-app used for?

Photo by Jerry Wang on Unsplash

If you have used create-react-app, I’m sure you have seen the App.test.js and setupTests.js files before. If you are anything like me, the first thing to do when starting a new project is to delete those files. That’s what they do in all the tutorials, right?

I never thought about including tests in my app. I always figured that I can manually test the app as I am developing it. I thought that learning how to write tests and writing them in my own projects would be such a waste of time.

Until now. In my current job, I have…

Learn how to create a dialog and form to use for your next website

Photo by Austin Distel on Unsplash

Forms are an important part of any website. One of the most popular forms you will see on a website is a signup page.

In this article, we will create a basic signup page using React and Material-UI. Our application will have a button that will open a modal showing a form. This will be a form that you may see on many websites. It will have an input for the first name, last name, email, and password, along with buttons to cancel and submit.

Let’s jump right into it!

Getting Started

For our example, we will be using a create-react-app template…

Introduction to the react-error-boundary package with examples

Photo by Brett Jordan on Unsplash

Errors are something you deal with every day while programming. Some can be solved simply, while others take hours to figure out.

In this article, we will take at how to deal with errors in React applications. We will start by learning about error boundaries, then we will see how to deal with them using the react-error-boundary package.

What are error boundaries?

According to the official React documentation,

“Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed. …

When should you use React.FC to define a function component?

Photo by Flow Clark on Unsplash

TypeScript and React are two of the most popular technologies out there today. You can use them together to build amazing projects taking the benefits from both. React makes it easy to build user interfaces and TypeScript type checks all of the JavaScript to help prevent errors.

A key feature in React is using function components and passing properties between them. When using TypeScript with React, there is an extra step that we need to take when passing props. This step will check the types of the properties and make TypeScript happy.

In this article, we will take a look…

Style your app without using CSS files, CSS-in-JS, or inline styles

Photo by Erda Estremera on Unsplash

The Box component in Material-UI is very useful for styling elements in a React app. You can do so without using any separate CSS files, or using the built-in makeStyles hook that is often used.

When I first learned about Material-UI, I was not introduced to the Box component until later on. Now that I am using it every day for my job, I am realizing how useful it is. I hope this article can give you some insight into this component and help you style your projects.

In this article, we will take a look at the Box component…

Passion, Patience, Perseverance, and Positivity

Photo by Ahmed Zayan on Unsplash

If you are learning to code, I’m sure you know the struggle. There are times when you feel like giving up and think that landing your first job as a developer is years away.

I’m here to tell you, don’t give up! If coding is something you enjoy doing and what you want to do for your career, keep pushing through. Eventually, your hard work will pay off and you will get your first opportunity.

To get to that point, here are four things you need in order to succeed in learning to code. Whether you are a self-taught developer…

Let’s investigate a little deeper

Photo by Marten Newhall on Unsplash

I have been using Material-UI for many of my personal projects, and now recently for my job.

If you are not familiar with Material-UI, it is a React UI framework that follows the principles of Material design. You can create beautiful React applications easily with their component library.

The other day I was trying to create a form and I used the TextField component like I normally would. The TextField component usually will look something like this, depending on which variant you use.

Having a deeper knowledge of this would make my life a lot easier now

Photo by @felipepelaquim on Unsplash

I recently started my new career as a developer and it has been an amazing experience so far. I am contributing to a project and learning new things every day.

I am working as a Frontend Developer, and a lot of what I learned as a self-taught developer has come into play. Of course, the basics, such as HTML, CSS, and JavaScript have been essential.

I am mainly using TypeScript with React and Material-UI. Luckily, I built a few projects using React and Material-UI in the past, so I felt comfortable with it. TypeScript, not so much. …

Chad Murobayashi

Software Engineer living in Tokyo, Japan. Born and raised in Hawaii.

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