codershahzaib's profile picture. Software Engineer II at upGrad | Front-end Engineer 🚀 | Experienced JavaScript Developer💻 |  ReactJS Developer | 4 YOE

Shahzaib | Front-End Engineer

@codershahzaib

Software Engineer II at upGrad | Front-end Engineer 🚀 | Experienced JavaScript Developer💻 | ReactJS Developer | 4 YOE

Pinned

🚀 Just launched Aperture - a Chrome extension to block distractions on YouTube! 🚀 Hide comments, recommendations, and the homepage to stay focused. Perfect for students and professionals! 👉 Try it now: chromewebstore.google.com/detail/apertur… #Productivity #YouTubeTips #ChromeExtension

codershahzaib's tweet image. 🚀 Just launched Aperture - a Chrome extension to block distractions on YouTube! 🚀

Hide comments, recommendations, and the homepage to stay focused. Perfect for students and professionals!

👉 Try it now: chromewebstore.google.com/detail/apertur…

#Productivity #YouTubeTips #ChromeExtension

Twitter is fun with followers If you're in tech, Say hi, let's connect


Built my first MCP server using Python & MCP SDK! 🎉 It fetches top news by country/category using NewsAPI & summarises them into bullet points. Recorded a demo using the Claude Desktop Client. Just exploring & learning how MCP works—super fun! 🧠⚙️


CSS: Use :not() to Exclude Elements ``` ul li:not(.active) { opacity: 0.5; } ``` This code will apply `opacity: 0.5` to all `li` elements inside a `ul` except the ones with the class `active`.

codershahzaib's tweet image. CSS: Use :not() to Exclude Elements

```
ul li:not(.active) {
  opacity: 0.5;
}
```

This code will apply `opacity: 0.5` to all `li` elements inside a `ul` except the ones with the class `active`.

Part 6 of my React 19 series is live! See how the new useOptimistic hook delivers instant UI updates—even before the async task finishes. #React19 #ReactJS #useOptimistic


🚀 Visualizing Algorithms: The Key to Deep Understanding! While learning Backtracking, I created a trace diagram for the Combination Sum problem to break down how recursion and decision trees work. 📊 #Coding #Algorithms #Backtracking #JavaScript #Visualization #ProgrammingTips

codershahzaib's tweet image. 🚀 Visualizing Algorithms: The Key to Deep Understanding!
While learning Backtracking, I created a trace diagram for the Combination Sum problem to break down how recursion and decision trees work. 📊
#Coding #Algorithms #Backtracking #JavaScript #Visualization #ProgrammingTips

Part 5 of our React 19 series: Simplify form handling with built-in Actions in React DOM! Auto-reset forms & use requestFormReset() for manual resets. #React19 #ReactJS #WebDev


🚀 React 19 introduces a new API to fetch data before the first render. #React19 #ReactJS #WebDev


🚀 React 19 Series Part 3 is live! Learn how to use the new useFormStatus hook to manage form submissions efficiently. Watch now!


🚀 I'm thrilled to share that my answers on StackOverflow have now reached 59,000+ coders!

codershahzaib's tweet image. 🚀 I'm thrilled to share that my answers on StackOverflow have now reached 59,000+ coders!

I have heard we dont need too much maths in programming 😅

codershahzaib's tweet image. I have heard we dont need too much maths in programming 😅

🚀 Part 2 of React 19 series, Introduction of useActionState hook, making form handling easier than ever! No more manual state management—this hook tracks loading, success, and error states for your actions. Cleaner code, better UI! #React19 #ReactJS #WebDevelopment #FrontendDev


I've allocated time for upskilling between 10 pm and 12 am, after wrapping up my day job and home workout. Currently, I'm focusing on learning Backtracking. What time have you allocated for yourself to upskill?

codershahzaib's tweet image. I've allocated time for upskilling between 10 pm and 12 am, after wrapping up my day job and home workout. Currently, I'm focusing on learning Backtracking.

What time have you allocated for yourself to upskill?

Part 1: React 19 is here! 🚀 Packed with new hooks, DOM actions, and the powerful React Compiler, this update is a game-changer for devs. Watch this 59-second breakdown and stay tuned for more! #React19 #ReactJS #WebDev #javascript


Selection Sort explained simply! 🤓 This short video uses a diagram to show you how this sorting algorithm works. #selectionsort #algorithms #easyexplanation #js #javascript #reactjs #WebDev #webdeveloper


🚀 These are the 5 front-end topics that came up the most in my interviews over the past 4 years. #reactjs #javascript #html #FrontEnd #css #interview


What do you consider the most important part of a website? 🏆


Loading...

Something went wrong.


Something went wrong.