DEV Community: Justin Hager

TIL: VSCode + Vim MultiSelect

Justin Hager — Thu, 25 Mar 2021 20:09:01 +0000

Context:

VS Code IDE
Vim Extension

Problem:

Ctrl+d keybinding does not work as expected.
Expecting multi-select of highlighted word. Instead, get some type of chunk selection.

Solutions:

1) Play a Vim melody combo: viw + gb

viw to select the word
gb to grab next occurrence

2) Enable the Ctrl+d keybinding:

Edit VS Code's settings.json to include the following:

"vim.handleKeys": {
    "<C-d>": false
  }

Reference:

https://github.com/VSCodeVim/Vim/issues/2144

Extra:

Gif screen recordings created in Linux with Peek

TIL: Zoom Raise Hand Hot Keys

Justin Hager — Thu, 11 Mar 2021 21:28:12 +0000

Zoom meetings are a regular part of Dev Life.

Today I learned there is a hotkey to raise/lower your hand in a meeting:

Windows: Alt+Y
Mac: Option+Y
Linux: S.O.L.

References:

TIL: JS Soft Links

Justin Hager — Wed, 03 Mar 2021 19:52:40 +0000

Today I learned:

👉 In JavaScript, if you set a variable equal to another array or object, that doesn't make a copy of it, it just makes a new name with which to reference the original thing by.

🐧 Drawing from Linux terminology, I'm calling this practice creating a soft link (aka symbolic link)

❇️ If we want to make an actual copy of an array or object, we need to use the spread operator.

Thank you to Casey Olson of Thinkful for sharing this knowledge with me

Following is the original troubleshooting document I created, prior to talking with Casey:

## Problem Solving 
🔎 Situation:
- Using hooks & functional components
- Parent component maintains state
- Multiple child components utilize the parent's state
- When child-A updates the parent's state, I would like child-B to re-render and use the updated state to modify a list in the DOM

🤔💭 Thoughts:
- Seems like this situation is known as 'stale props or state'
  - https://reactjs.org/docs/hooks-faq.html#why-am-i-seeing-stale-props-or-state-inside-my-function

- Seems like a solution may involve using useEffect and useRef
   - https://reactjs.org/docs/hooks-faq.html#is-there-something-like-instance-variables
   - https://reactjs.org/docs/hooks-effect.html

🐉 Obstacle
- I'm not yet familiar enough with useEffect and useRef to implement a solution

🗺️ Plan
- Utilize Thinkful TA Support
- Utilize documentation, articles, and tutorials to better understand useEffect and useRef, so as to implement a quality solution

Originally published on my fledgling blog

TIL: Set-Up & Launch an AWS Instance

Justin Hager — Sat, 27 Feb 2021 18:48:25 +0000

Today was my first time using AWS.

I setup a free account and created, launched, and connected to an Ubuntu 20.04 instance.

Certainly not as user friendly as setting something up on Digital Ocean. It's a popular platform though, so I figure it will be helpful to get some exposure to it as I continue to work towards Linux Foundation certifications.

Let's do this! - Learning In Public

Justin Hager — Thu, 18 Feb 2021 19:07:32 +0000

Okay, let's do this. Let's learn in public, and learn how to learn in public. This is going to be messy. There will be mistakes and retakes. There will be embarrassment, humility, shared common humanity, and personal and technical growth.

🙏 Big thank you to:

the great people and great conversations that happen at Virtual Coffee . I'm starting this after an hour long conversation about the fears and benefits of Learning In Public.

Bekah Hawrot Weigel - founder of Virtual Coffee. I was introduced to her and the VC community through a Collab Lab meetup

Kirk Shillingford - the MC with the voice like a lindor truffle

Mike Rogers, Justin Noelle, Nick Taylor - so much wisdom and advice shared 🎁

My mentor/friends Tim Richardson and Todd 'Mateo' Huoni - I look forward to our regular conversations

My Dad - for our regular conversations and for embodying grace, perseverance, and family values

// Note: not an exhaustive list (duh)

🤔💭 What am I up to?

I'll start out briefly, just so I can lower the resistance to getting this out there and add a nice spin to the momentum that was created in this morning's conversation:

👨‍💻 I'm currently in the scary position of finishing up a dev bootcamp (2 projects to wrap up by March 11th) and regularly praying for enlightenment of what's the next step I am to take.

⛪ I'm excited to be part of the volunteer dev team for LifeChurch Open Network. I like the organization, the product/service, and I'm super stoked to be part of a professional software development team. I'm still in the 'onboarding' phase I'd say, but there really isn't any onboarding - so I'm taking notes and seeking to understand how everything works.

🐧 On the side, I'm working towards getting certifications in Linux - the Linux Foundation Certified IT Associate (LFCA) and the Linux Foundation Certified System Administrator (LFSA). I've already purchased the exams, so I'm committed to completing them. Why? Well, I don't have the words yet to package and ship the excitement I feel about it. That's the primary reason: I'm very interested in it.

👉 My notes on the Life Church project I've been assigned to:

LifeChurch Open Network

Admin Client

Part of the Church Online Platform
📋 Tech Notes

🧪 Testing
- End-to-end: Cypress
- Integration: Mocha/Chai, Supertest (??)
- Unit: Jest
💻 Frontend:
- Framework: React.js
- Language: TypeScript
- Styling: Styled Components
- State management: Redux & Apollo Client
📡💾 API/Backend:
- API Structure: GraphQL
- Backend Language: Ruby
🐱 DevOps:
- Architecture: Containerized Microservices
  - Cloud: Azure
  - Containers: Docker, Kubernetes
- Version Control: GitBucket

// oh, did I mention I love to take notes? Markdown + emojis && sketch notes with a ballpoint for the win!

👉 My notes on the Thinkful program I'm finishing up:

Thinkful

Software Engineering Immersion Program

📋 Tech Notes

🧪 Testing
- End-to-end: Cypress
- Integration: Mocha/Chai, Supertest
- Unit: Jest
💻 Frontend:
- Framework: React.js
- Language: JS ES6
- Styling: CSS3
- State management: Context API & Stateful Class Components
📡💾 API/Backend:
- API Structure: RESTful
- ORM: Knex.js
- DB: PostgresQL
📈 Application Development
- Process:
  - Web App Design and a taste of Agile
  - Progressive enhancement
- Considerations:
  - Mobile first, responsive, accessible
🐱 DevOps:
- Architecture: Monolithic
- Version Control: Git
- Hosting: Vercel, Heroku

👉 What I'm up to in Linux 🐧

Prepping for LFCA and LFSA exams

Currently working through Intro to Linux by the Linux Foundation
- // which, by the way, is based here in Portland, OR. Who knew?! very cool.
- VIM!!!

Preparing to do a learning project:
- Setting up Nginx on a RasperryPi, setting it up to use Docker, and using Docker to setup Nextcloud, which I'll configure to use as my synchronization server for Joplin.
- Am I familiar with any of this? Nope. I'm interested in all of this and want to learn more by figuring out how to do it 😁

Talk to you later.

Persist Well ⛰️🌟

-Justin

photo credit: Photo by CoWomen on Unsplash

Hello World

Justin Hager — Fri, 12 Feb 2021 02:22:30 +0000

I love that this is in markdown ❤️