Skip to content

Latest commit

 

History

History
281 lines (144 loc) · 11.4 KB

README.md

File metadata and controls

281 lines (144 loc) · 11.4 KB
Raw

PAN Code Samples

"As far as coding, your credentials are extremely high, I mean, there's not much I can teach you... if anything, I'm probably gonna have to learn from you..." [during 1-on-1 performance review]

— 🗣 Mazen Ghalayini Feb 15, 2022 🔉 Audio Clip 1

Table of Contents

🕙 How I Spent My Time

pie
    title Time Spent at PAN
    "React UI / Features (40%)" : 40
    "Refactoring & Tech Debt (30%)" : 30
    "Tooling, CLI, Automation (15%)" : 15
    "Mentoring / Pair Sessions (10%)" :  10
		"Testing (5%)" :  5
Loading

💻 Code Samples

Terminology:
RTK
Redux ToolKit (Redux basically)		 RTK-Q
Redux ToolKit - Query
(data fetching, cache management)		 MFE
Micro-Frontend		 msw
Mock Service Worker

image-20220321090416210

RTK-Q API, Endpoints, and Auto-Generated Hooks

RTK-Q Builders

RTK-Q Cache Updates

Component Examples:

Other Javascript Examples

POC / Spike Story Examples

Mocked API Server Examples

Cypress Integration Tests

image-20220321090326954

CLI & Tooling Examples

  • token.js - automates repetitive daily developer chores
  • msw.js - initializes and bootstraps msw for any MFE

🎦 Demos and Videos Samples

⭐️ UI Features / Highlights

image-20220317224458358

Pasted_Image_3_17_22__11_22_PM

image-20220319085303200

Pasted_Image_3_17_22__10_47_PM

Pasted_Image_3_17_22__11_02_PM

Popover Samples: Incoming, Outgoing, and Rejected

image-20220319084702253 image-20220319084829923
image-20220319084932623 image-20220317231958141

🗣 Testimonials and Feedback

Mazen Ghalayini — Staff React Engineer, Direct Supervisor (LinkedIn, mghalayini@paloaltonetworks.com)

Hanford Choy — Non-Technical Project Manager (hchoy@paloaltonetworks.com)

Alexander Jones — Team Head Designer (LinkedIn, aljones@paloaltonetworks.com)

Palak Mehrotra — Senior Software Engineer (LinkedIn)

Veerendra Vundavalli — .NET & React (+Native) Developer (LinkedIn)

Feedback after Demo

Jan 21, 2022 (from #slack)

image-20220318155554872 5lp

Feedback from Supervising Staff Engineers

"As far as coding, your credentials are extremely high, I mean, there's not much I can teach you... if anything, I'm probably gonna have to learn from you..." [during 1-on-1 performance review]

— 🗣 Mazen Ghalayini Feb 15, 2022

🔉 Audio Clip 1

"I think this is excellent work, I think we're moving at a really good pace." [re: MFE refactoring and eliminating tech debt] — 🗣 Mazen Ghalayini Jan 4, 2022

🔉 Audio Clip 2

"I love what you did with puppeteer." [re: automating MFE token authentication] — 🗣 Mazen Ghalayini Dec 9, 2021

"It was a great effort on the MFE refactoring."

— 🗣 Mazen Ghalayini Jan 18, 2021

"Alright, let's give it a shot!" [re: adopting my idea for a shared Postman collection between FE and BE teams]

— 🗣 Mazen Ghalayini Feb 22, 2022

"... [unlike other engineer, whose PR's are] total rewrites sometimes... yours so far have been very good, I've only needed to do CSS-stuff [minor things]... keep [doing] what you're doing, you're doing good... you've definitely like learned a lot about how we do things, and you probably now have a really good grasp of how things work... you've been doing great... so just continue to do that, that's great [re: my successful team adoption efforts]... " [during 1-on-1 performance review]

— 🗣 Mazen Ghalayini Feb 15, 2022

"...you know, also, ... we're kind of under siege from [a lot of directions]... so yeah, I think your suggestion is a good one that we need to try..." [re: to seriously consider GraphQL as an option]

— 🗣 Vish Ramamurthy Feb 23, 2022

"You're doing better than all the other people that I onboarded. I'm the first UI developer [on this Rewrite Team], and then it was two others, and a third one, ... two got kicked out, one is still with us, and you are the last one now! ... In my opinion, you definitely are showing the right attitude, and I'm getting the right signals from others... and if you need me to vouch for you, I'm going to give them the thumbs-up... and so far I think you're doing good because I get a pretty good impression from someone higher than me.... he's said good things about you, so keep it up, and you'll get recognized... and hired... I think you'll definitely get there, and it'll be good for Palo Alto, I mean you're a very good candidate for them!" [re: converting from contractor to full-time employment]." — 🗣 Mazen Ghalayini Dec 8, 2021

Feedback from Project Management

"BTW, I gave you the most exciting feature that I believe will be used by a lot of customers :)."

— 🗣 Hanford Choy, Feb 1, 2022

"Karl, [epic] looks really good. Congrats! I could not find any issues, and closed this ticket."

— 🗣 Hanford Choy, Dec 7, 2021

Feedback from Designer

"You're selling it, that's exactly what I'm looking for!" [re: toast notifications, popover messaging, and row highlighting proposals]

— 🗣 Alexander Jones Feb 23, 2022

Feedback from BE/FE Team

"I agree with Karl, actually." [re: my clarifying Big Query vs MySQL confusion on Asset Transfer epic] — 🗣 Palak Mehrotra Feb 23, 2022

"Thanks to Mazen and Karl for all their help on UI and Artifactory setup"

— 🗣 Veerendra Vundavalli Feb, 2022

📚 Other Resources

🔗 Other Code Samples

Not related to Palo Alto Networks:

✉️ Contact Me

My personal website is https://karlgolka.com/ and you can email me at contact@karlgolka.com