In many apps, you will see some suggestions listed right under the search bar as you type. To implement this feature in React Native, there is a library called “react-native-google-places-autocomplete”. However, it is not that difficult to implement a simple version of the same feature. If you can build your own search bar, you will have more flexibility in terms of styling and functionality. In this article, I will show you how to build your own search bar with autocomplete functionality.
Hosting a React app on AWS S3 with SSL could be a bit tricky to set up. In this article, I will show you how you can configure everything.
First, create an S3 bucket on AWS. You can use the default settings for most of the options except for the permissions. Uncheck the “Block all public access” option to allow anyone to access your website.
I have been using
nodebrew as the
node version manager, however, I recently decided to switch to
nvm as it is more popular. This article is a note of what I needed to do.
First, as current global
npm packages belong to the specific version of
node installed via
nodebrew, you need to take a note of it so you can re-install everything later on. The following command lets you make a JSON file of the list of your global packages. The right side of
> is the destination of the output file…
Managing multiple profiles for AWS CLI is super easy and it comes in really handy when you have to deal with multiple AWS accounts or IAM user accounts. In this article, I will show you how you can easily use AWS CLI commands using different AWS accounts.
In order to create a named profile, you can use the following command. Your terminal will ask your AWS Access Key ID, AWS Secret Access Key, Default region name and Default output…
In React Native, you can create a horizontal snap ScrollView using just simple calculations. In this article, I will show you how easy it can be. The final source code is available on my GitHub.
Create a project with the following steps.
Today, I am going to share my knowledge to create a handy reusable custom text component in React Native. The final source code is available on my Github.
First, generate a new React Native project with the following code.
react-native init CustomTextExample
Next, add the necessary dependencies.
// Add typescript
npm i -D typescript react-native-typescript-transformer// Add eslint with typescript plugin
npm i -D eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin…
Recently, I had a situation where I need to create private and public keys with the
.pem extention to build an authentication server using NodeJS and JWT. In this article, I will show you how I did it.
First, update the OpenSSL to use the latest features.
Since High Sierra, Mac adopts LibreSSL instead of OpenSSL by default. In this article, I stick with the classic OpenSSL. First, check the version of OpenSSL with the following command.
// Check OpenSSL version
This should return something like
OpenSSL 1.0.2t 10 Sep…
In this article, I will show you how to manually set up a Gatsby project with Typescript and Netlifyy CMS without the gatsby-starter-netlify-cms starter.
First, generate a brand new gatsby project with the following command.
gatsby new project-name
Next, add gatsby’s typescript plugin and linting stuff into the gatsby project.
// Move into the project directory
cd project-name// Add typescript plugin
yarn add gatsby-plugin-typescript// Add typescript itself and linting stuff
yarn add -D typescript gatsby-plugin-tslint tslint-loader tslint
After installing the dependencies, you need to specify the plugins in the
As I described in this article, syncing your WordPress data between the production server and the local server used to be a painful task. Using docker-compose and Wordmove, however, it would be much easier. In this article, I will summarize how I manage WordPress websites.
docker -v && docker-compose -vto check if you already have installed Docker and docker-compose.
In this article, I will summarize how I transfer WordPress from the live server to the local environment including the database.
Note: Make sure to back up everything if you try the same thing.
First, export the database on phpMyAdmin in order to import it later on the local…
I'm a Full-Stack Developer based in Vancouver. Personal Interests: Books, Philosophy, Piano, Movies, Music, Studio Ghibli.