DEV Community: emertola

Random Front-end codes I learned today (#001) - Array destructure

emertola — Sat, 23 Jan 2021 12:52:47 +0000

Without further intro, I'll go straight to the point.

What is Array destructure?

As MDN describes it, destructuring is a way of unpacking values from, in our case, an Array (or properties from an Object, but we'll focus on the Array on this topic).

There are a lot times, when I want to access a value from an array, say the first value, and store it in a variable, this is what I normally do:

With array destructuring, I discovered that I can do that in just a single line of code.

This means that the first value of the array (which is pencil) will immediately be stored to a variable pencil. It could also be another variable name, and it'll still be of the same result:

Dev Discovery - Angular stops hot reloading on my VSCode Editor

emertola — Tue, 08 Oct 2019 04:42:33 +0000

Normally, your angular app will re-compile after hitting that save (ctrl+s) and will reload your page on the browser. But when your app gets bigger, as I understand it correctly, it will have some memory leak and will stop the hot reloading. A small popup will appear on your VS Code and will give you the following error:

"Visual Studio Code is unable to watch for file changes in this large workspace" (error ENOSPC)

This gives you a notification that you need to increase the size of your watcher to listen for file changes. You can check/view your current watcher size by typing the following on your terminal:

cat /proc/sys/fs/inotify/max_user_watches

I have experienced this using a linux/ubuntu OS, and to resolve this, you can increase the size of the watcher by typing:

$ sudo sysctl fs.inotify.max_user_watches=524288
$ sudo sysctl -p

skip the $ symbol

Your watcher is now updated to listen to 524288 or 512 MB of file changes.

Finally, re-run your app (i.e. ctrl+c and npm start or ng serve).

Resources:

Help - Angular live reload suddenly stops

emertola — Tue, 01 Oct 2019 05:05:53 +0000

I am using VS Code as my editor. Usually, every time I hit save (Ctrl + s) it automatically compiles and live reload the browser. But now it stops, sometimes it goes back to normal without me tweaking anything. I am running the app using 'npm start' or 'npm run start' to run both the 'ng serve' and a proxy config.

Does anyone encountered this, and what is your resolution to this? Thanks

Dev Journey - roughly 6 years until a serious developer exposure

emertola — Sun, 29 Sep 2019 14:33:07 +0000

6 years, but during those times I did not stop of having a serious career path and have that exposure. I never gave up, not that I just waited and see if things would happen. I did my homework - those sleepless nights watching video tutorials, reading some articles and blogs, googling and searching other's approach in Stackoverflow. I did not stop improving myself until I got an offer.

How about you, how long did it tested you until you got your dev exposure?

Feel free to share :)