Image for post
Image for post
Photo by Halacious on Unsplash

With the widespread use of view libraries, such as React and Vue, component-based front-end development has become popular. As an application grows and becomes more complex, the structure can be chaotic if there is no common rule to manage it, especially when the application is developed by a team. For this reason, it is important to design the structure of folders and components before you start writing code. This article will introduce some concepts that may be helpful for folder and component structure design.

Folder structure

React doesn’t recommend specific ways to structure folders in a project but suggests the following two as common approaches. …


Image for post
Image for post

Vision AI is a set of pre-trained machine learning models provided by Google. By using Cloud Vision API, you can easily integrate vision detection features within applications.

If you are unfamiliar with the API, you might think it would be too complicated to use it in your application and give up before you read the documentation till the end. Don’t worry. I have prepared a sample code that allows you to easily use Cloud Vision API in a Ruby application.

Before you begin, you will need to create an API key and enable Cloud Vision API. …


Understanding the basic GitHub workflow for a team

Image for post
Image for post
From goodworklabs.com, How GitHub is Shaping Your Software Career

If you are looking for a job as a software engineer, you should be able to work with other developers using Git and GitHub, no matter what languages or frameworks you learned.

Git is a version control system designed to track changes in the source code of projects, whereas GitHub is a cloud-based hosting service for Git repositories. Companies worldwide use Git and GitHub, and recruiters might check your GitHub account before they give you an opportunity for an interview.

Here is the basic GitHub workflow:


A list of my favorite shortcuts for “mouseless” coding.

Image for post
Image for post

Why are shortcuts good?

  • Time efficient —Simply, shortcuts help you code faster. It is important for all software engineers not just to deploy applications on time but have extra time for refactoring.
  • Fewer typos —It is also important for software engineers to code accurate. Some shortcuts allow you to modify multiple lines at once. It is less likely for you to make typo than when you do it manually.
  • It’s more fun —Once you start using it, you’ll get into it.

1. Editor / Window Management

  • Toggle full screen: Cmd +Ctrl + F * sorry, no gif demo
  • Toggle side bar: Cmd + B
  • Toggle terminal: Ctrl + `

About

Junko Tahara

Full Stack Software Engineering Student at Flatiron School

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