Image for post
Image for post

I was spending a lot of time figuring out why I my app kept crashing and I hope this write up will help those who are struggling to understand where your build is breaking during your upgrade from v2 to v3 upgrade of this package. Here are the steps to upgrade.

1. Install package

Update eslint to be at least v7 before installing eslint-webpack-plugin.

npm install eslint@latest -save-dev
npm install eslint-webpack-plugin -save-dev

2. Configure nuxt.config.js

Configure nuxt.config.js to use updated module. Replace eslint-loader with eslintplugin.

You may also configure options within nuxt.config.js, but it is highly recommended to use eslintrc.js


Image for post
Image for post

Problem: Are you getting a similar error to the following output?

> MYAPP@1.0.0 test /Users/XXXXXX/Projects/MYAPP > jest ts-jest[versions] (WARN) Version 26.4.2 of jest installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=24.0.0 <25.0.0). Please do not report issues in ts-jest if you are using unsupported versions. ts-jest[versions] (WARN) Version 4.0.2 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=2.7.0 <4.0.0). Please do not report issues in ts-jest if you are using unsupported versions. FAIL test/Intro.spec.js ● Test suite failed to run /Users/XXXXXX/Projects/MYAPP/components/index/Intro.vue: don't know how to turn this value into a node at…


Don’t skimp on SSDs

Image for post
Image for post
To SSD or Not to SSD?

2020/12/03 — Update: Its 2021 almost. If you’ve come here to seek if Fusion Drive is still a good idea. The answer is No ! GO SSD!!!

The Good

Fusion drives are a great and less costly alternative in comparison to fully SSD in pricing. It meets the demand for being priced just between owning fully SSD or HDD. Marketed as having the best of both worlds, you get fast boot-up time and massive storage for what Apple offers to be a fair price. Also if you’re running Mojave or above with your fusion drive, you get APFS support for it too.

The Bad


Image for post

1. Startup Minikube

This post is a continuation in exploring what minikube is and what it can do. Let’s get started with launching minikube.

$ minikube start
╰─ minikube start
😄 minikube v1.4.0 on Darwin 10.14.6
💡 Tip: Use 'minikube start -p <name>' to create a new cluster, or 'minikube delete' to delete this one.
🔄 Starting existing virtualbox VM for "minikube" ...
⌛ Waiting for the host to be provisioned ...
🐳 Preparing Kubernetes v1.16.0 on Docker 18.09.9 ...
🔄 Relaunching Kubernetes using kubeadm ...
⌛ Waiting for: apiserver proxy etcd scheduler controller dns
🏄 Done! …


Image for post

What is Minikube?

Minikube is a tool that makes it easy to run Kubernetes locally. Minikube runs a single-node Kubernetes cluster inside a Virtual Machine (VM) on your laptop for users looking to try out Kubernetes or develop with it day-to-day.

1. Install Homebrew

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. Install Minikube

$ brew tap caskroom/cask

$ brew install kubernetes-cli
$ brew cask install minikube

$ minikube --help
$ minikube --version

3. Install Kubectx

Kubectx aids us in writing more concise commands in the kubectl-cli. It aids us in changing context of where our kubernetes commands:

// From This

$ kubectl config use-context minikube

// To This

$ kubectx minikube

Learn…


Image for post
Image for post

Whenever your list of objects that contain image path from static or assets folder, you need to remember to render it with `require` before plugging the file path directly into :src.

Practical use case:

  • List of objects containing one or more files from ~/assets or ~/static directory

Plugging in file path directly into `:src=”abc”` will work. However if you need to render multiple children containers with different image file paths, this approach may help you in achieving that.

Approach 1: GOOD

Include require at the base of each asset/static import. This will ensure that all paths are correctly retrieved.


Image for post
Image for post

Stylus is still a vibrant community today!

For those of you whom never heard of stylus, it is similar to sass / scss / less. It’s a CSS pre-processor that make front-end development iterate faster and simpler.

Assumptions:

  1. You have a vue project already installed
  2. You know what yarn or npm is

OK! Lets get started

1. Install Stylus and Stylus-loader

npm install stylus stylus-loader -save-dev// oryarn install stylus stylus-loader --save-dev

2. Update Vue Components with lang=”stylus”

Note: inside the style tag the lang="stylus" must be present to work. Otherwise, it would recognize it as CSS instead of stylus. …


Image for post
Image for post
pod repo update

If you developed with cocoapods, then you may be familiar with the above command. And this one command alone can stall or take quite some time to run on your local environment. If you internet connection is sluggish, it will bog down your entire development life cycle.

Solution: Remove unnecessary local pod repos before you run `pod repo update`

Step 1: Find local pod repos

Run the following command:

pod repo list

The command will list how many local repos you have currently in your environment for cocoapods to check against each new versions whenever you run pod install against our Podfile.

When you run pod repo update

Raymond

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