Despite both being manufactured by Microsoft, VS Code and GitHub Copilot don’t play well together. Here’s what to do. — GitHub Copilot Is Hilarious and Good for Tests You may already know that I’m secretly a big fan of GitHub Copilot, even though most of its code suggestions are wildly inaccurate and useless. In fact, I love to procrastinate by just writing half-baked code comments and letting GitHub Copilot make me laugh. Maybe I need more friends?

Ever need to debug a giant JSON object while working on frontend development? I’ve got you covered. — When you’re developing with JavaScript Object Notation (JSON), it’s not uncommon to need to inspect an object in detail while coding. What is JSON Used For in JavaScript Programming? JSON (JavaScript Object Notation) is a common file format used to store data instead of alternatives like XML or YAML…medium.com

The answer is surprisingly easy, but I see people get it wrong all the time. Here’s what you need to know about using React’s children prop with TypeScript. (Spoiler: It’s React.ReactNode.) — Probably everyone who’s ever used React in a TypeScript codebase has Googled what type the children prop is supposed to be. For those who need a quick refresher, I’ve written in-depth about the children prop on this blog before, so take a look:

“Don’t Repeat Yourself” (DRY) is a truism in software engineering, but it can cause headaches if you choose the wrong abstraction. Here’s what you need to know. — Essential Engineering Concepts: WET and DRY Let’s imagine you’re building a data-driven frontend application that displays some tabular data next to a dynamic data visualization chart. You’re familiar with DRY (“Don’t Repeat Yourself”), the software engineering mantra that encourages us to not copy-paste code.

When working with the React props object, it can be very helpful to use ES6 object destructuring to make your code clearer. However, sometimes you only want to destructure some of the props using partial object destructuring. Here’s how to do it. — Why Partially Destructure React Props? The React props object is the name for the properties that you pass in to a component in React. You always pass the props (short for properties) as the sole argument to the render function in the React component.

Original poetry explaining the mysterious .gitattributes file, and why you might want to use it to improve compatibility with Windows developers who are using both Prettier and ESLint. — An Original Poem About .gitattributes There once was a man from Nantucket, who developed on a Macintosh bucket. He set up his ESLint to flag Prettier errors, And Windows developers got CR* terrors. The man was no fan, so he hatched up a plan: He would ask Git to enforce LF** characters. …

Next.js allows you to build a complete full-stack app including a custom application program interface (API) using the API routes feature. Here’s how to master the /pages/api folder in Next.js. — Is Everything Frontend In Today’s World? I consider myself a frontend developer, since I love making things that I can see, animating them, and then improving web performance. Interviewers often ask me if I have “full-stack experience,” by which they want to ask if I’m also comfortable working with backend servers.

Look, I get it; your current boss lets you leave your PRs blank. But if I’m your boss, I’m going to expect a little bit more out of you. Here’s how to write an awesome PR in just 10 easy steps. — Why You Should Want To Write Awesome PRs While I would hope it would be self-evident why you should want to write awesome pull requests (PRs), I understand that it’s not. After all, your PRs don’t show up on your resume, and your boss probably isn’t going to look at them, either. …

I used to think squash commits were so cool, and then I had to use them all day, every day. Here’s why you should avoid squash — “Wow, that’s so cool!” I’ll always remember seeing my first squash commit. When I first joined a large engineering organization with more than 200 members, the squash commits were the first thing I noticed. To me, the consistent use of squash commits across the company screamed “professionalism” and “we know…