DEV Community: All In Developer

🧶 Implicit CLSX in React

All In Developer — Thu, 02 Dec 2021 00:53:21 +0000

If you use Tailwind CSS with React, you probably import clsx or classnames into almost every component. Vue has class bindings built in, so why can’t React? With a bit of mischief, it can.

👉 Continue reading on my blog: 🧶 Implicit CLSX in React

☢️ HTML Comment in React

All In Developer — Fri, 26 Nov 2021 00:06:35 +0000

React won’t let you write an HTML comment in JSX. Everyone learns that the hard way and settles for a JavaScript comment instead. But what if you really wanted a real  in the DOM? For learning purposes, it turns out you can.

👉 Continue reading on my blog: ☢️ HTML Comment in React

🎄 Render in Vue, 16+ ways

All In Developer — Tue, 23 Nov 2021 22:16:46 +0000

Vue gives you a surprising number of ways to put something on the screen. I counted at least sixteen, from the template everyone knows to some you’ve probably never thought of, and put them all in one repository you can play with.

👉 Continue reading on my blog: 🎄 Render in Vue, 16+ ways

🥑 Put your React on a diet

All In Developer — Fri, 22 Oct 2021 02:28:39 +0000

People have complained about the size of React and ReactDOM for years, and the usual advice is to switch to Preact. But what if you don’t want to rewrite your app or eject from Create React App? You can put your React on a diet without touching your code.

👉 Continue reading on my blog: 🥑 Put your React on a diet

🗜️ Optimal Tuple vs Record

All In Developer — Wed, 13 Oct 2021 18:21:34 +0000

Should a function return a tuple or an object? Most of the time it’s a matter of taste, but there’s one angle people rarely look at: what each one costs in your production bundle after minification.

👉 Continue reading on my blog: 🗜️ Optimal Tuple vs Record

🧬 JSX at lowest level

All In Developer — Thu, 07 Oct 2021 21:58:07 +0000

JSX looks so much like HTML that it’s easy to forget it isn’t. Before writing more about JSX, I wanted to strip it down to the lowest level and see what your components actually turn into.

👉 Continue reading on my blog: 🧬 JSX at lowest level

↪️ Next.js, Universal and Nuxt.js static redirects

All In Developer — Mon, 04 Oct 2021 20:25:49 +0000

Next.js, Nuxt.js and Angular Universal all let you register redirects, but they need a server running to serve them. What if your app is fully static and there’s no server at all? You can still redirect, with something browsers have supported forever.

👉 Continue reading on my blog: ↪️ Next.js, Universal and Nuxt.js static redirects

🍂 Remove gone git branches

All In Developer — Thu, 30 Sep 2021 20:31:13 +0000

After a few weeks of merged pull requests, your local git branches pile up with no remote behind them anymore. Cleaning them up one by one gets old fast, so here’s how I do it with a single command.

👉 Continue reading on my blog: 🍂 Remove gone git branches

🔍 Bookmarklets + Browser Search Engine

All In Developer — Wed, 29 Sep 2021 19:38:37 +0000

Your browser’s address bar can do a lot more than search the web. With custom search engines and bookmarklets you can turn it into a small command line for your own scripts, and combining the two is where it gets really fun.

👉 Continue reading on my blog: 🔍 Bookmarklets + Browser Search Engine

🔺 Flat React Doom Pyramid in 1LOC

All In Developer — Wed, 22 Sep 2021 21:47:08 +0000

Every React app I opened had the same thing at its root: a pyramid of context providers, each one nested inside the last. It works, but it’s hard to read and painful to reorder. It turns out you can flatten it with a single line.

👉 Continue reading on my blog: 🔺 Flat React Doom Pyramid in 1LOC

🔐 Private Route in React Router v6

All In Developer — Tue, 21 Sep 2021 23:37:28 +0000

Every React app with a login has some version of a PrivateRoute. React Router v6 changes the building blocks that component was made of, so the old pattern doesn’t carry over as is. Let’s rebuild it for v6.

👉 Continue reading on my blog: 🔐 Private Route in React Router v6

🔧 Git remote readd alias

All In Developer — Tue, 13 Jul 2021 23:21:35 +0000

Sometimes a git remote ends up full of stale branches, and the quickest fix is to remove it and add it back. Doing that by hand means looking up its URL first, every single time, so I turned it into one command.

👉 Continue reading on my blog: 🔧 Git remote readd alias