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 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
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.
If you have used create-react-app, I’m sure you have seen the
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…
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!
For our example, we will be using a
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.
According to the official React documentation,
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…
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…
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…
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.
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 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. …
Software Engineer living in Tokyo, Japan. Born and raised in Hawaii.